@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --renk-ana: #162EEB;
  --renk-ana-acik: #2D45EE;
  --renk-ana-koyu: #0017E8;
  --renk-ana-yumusak: #EEF2FF;
  --renk-ana-parlak: #38BDF8;
  
  --renk-ikincil: #8BD52E;
  --renk-ikincil-acik: #A4DE56;
  --renk-ikincil-koyu: #6CAE18;
  --renk-ikincil-yumusak: #F4FCE8;
  
  --gradyan-ana: linear-gradient(135deg, #2D45EE 0%, #162EEB 50%, #0017E8 100%);
  --gradyan-yesil: linear-gradient(135deg, #A4DE56 0%, #8BD52E 100%);
  --gradyan-vurgu: linear-gradient(135deg, #162EEB 0%, #8BD52E 100%);
  --gradyan-koyu: linear-gradient(135deg, #0B1120 0%, #0F172A 100%);
  --gradyan-karbon: linear-gradient(135deg, #182234 0%, #0B111E 100%);
  --gradyan-metal: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
  
  --renk-koyu-1: #070D1E;
  --renk-koyu-2: #0F172A;
  --renk-koyu-3: #1E293B;
  --renk-koyu-4: #334155;
  
  --renk-zemin: #FFFFFF;
  --renk-zemin-alt: #F8FAFC;
  --renk-zemin-gri: #F1F5F9;
  --renk-kart: #FFFFFF;
  --renk-kart-vurgu: #F4FCE8;
  
  --renk-metin-koyu: #0F172A;
  --renk-metin-govde: #334155;
  --renk-metin-orta: #64748B;
  --renk-metin-acik: #94A3B8;
  --renk-metin-beyaz: #FFFFFF;
  
  --renk-sinir: #E2E8F0;
  --renk-sinir-koyu: #334155;
  --renk-sinir-vurgu: #C7D2FE;
  --renk-sinir-yesil: #D9F99D;
  --renk-sinir-mavi: #162EEB;
  
  --renk-mavi: #162EEB;
  --renk-mavi-acik: #38BDF8;
  --renk-yesil: #16A34A;
  --renk-altin: #F59E0B;
  --renk-whatsapp: #25D366;
  
  --font-baslik: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-govde: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --golge-hafif: 0 2px 8px rgba(15, 23, 42, 0.05);
  --golge-orta: 0 8px 24px rgba(15, 23, 42, 0.08);
  --golge-buyuk: 0 20px 45px rgba(15, 23, 42, 0.12);
  --golge-mavi: 0 10px 25px rgba(22, 46, 235, 0.35);
  --golge-yesil: 0 10px 25px rgba(139, 213, 46, 0.35);
  --golge-koyu: 0 20px 50px rgba(0, 0, 0, 0.45);
  
  --kavis-kucuk: 6px;
  --kavis-orta: 12px;
  --kavis-buyuk: 20px;
  --kavis-tam: 9999px;
  
  --gecis-hizli: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --gecis-orta: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --gecis-yavas: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  
  --genislik-maks: 100%;
  --genislik-dar: 1180px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--renk-ana);
  border-radius: var(--kavis-tam);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--renk-ana-acik);
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  scrollbar-width: thin;
  scrollbar-color: var(--renk-ana) transparent;
}

body {
  font-family: var(--font-govde);
  color: var(--renk-metin-govde);
  background-color: var(--renk-zemin);
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, svg {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--gecis-hizli), background-color var(--gecis-hizli), border-color var(--gecis-hizli), transform var(--gecis-hizli), box-shadow var(--gecis-hizli);
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: none;
  background: none;
  outline: none;
}

button {
  cursor: pointer;
}

ul, ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-baslik);
  color: var(--renk-metin-koyu);
  line-height: 1.25;
  font-weight: 800;
}

.kapsayici {
  width: 100%;
  max-width: var(--genislik-maks);
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  @media (max-width: 1200px) {
    padding-left: 48px;
    padding-right: 48px;
  }
  @media (max-width: 991px) {
    padding-left: 32px;
    padding-right: 32px;
  }
  @media (max-width: 768px) {
    padding-left: 20px;
    padding-right: 20px;
  }
  @media (max-width: 576px) {
    padding-left: 12px;
    padding-right: 12px;
  }
  @media (max-width: 480px) {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.kapsayici-dar {
  width: 100%;
  max-width: var(--genislik-dar);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  @media (max-width: 768px) {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.bolum-alani {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  @media (max-width: 991px) {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  @media (max-width: 480px) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.bolum-alani-koyu {
  background-color: var(--renk-koyu-1);
  color: var(--renk-metin-beyaz);
}

.bolum-alani-gri {
  background-color: var(--renk-zemin-alt);
}

.bolum-baslik-blogu {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  @media (max-width: 768px) {
    margin-bottom: 40px;
  }
}

.bolum-baslik-blogu-sol {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: 680px;
  margin-bottom: 40px;
}

.ust-rozet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-ana-yumusak);
  color: var(--renk-ana);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;
  border: 1px solid var(--renk-sinir-vurgu);
}

.ust-rozet-yesil {
  background: transparent;
  color: #8BD52E;
  border: 1px solid rgba(139, 213, 46, 0.45);
}

.ust-rozet-koyu {
  background: rgba(22, 46, 235, 0.18);
  color: var(--renk-ana-parlak);
  border-color: rgba(56, 189, 248, 0.35);
}

.ust-rozet-ikon {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.ana-baslik {
  font-size: 2.75rem;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
  @media (max-width: 991px) {
    font-size: 2.25rem;
  }
  @media (max-width: 768px) {
    font-size: 1.85rem;
  }
  @media (max-width: 480px) {
    font-size: 1.6rem;
  }
}

.ana-baslik-koyu {
  color: var(--renk-metin-beyaz);
}

.ana-baslik-vurgu {
  color: var(--renk-ana);
  position: relative;
  display: inline-block;
}

.ana-baslik-vurgu-yesil {
  color: var(--renk-ikincil-koyu);
}

.bolum-ozeti {
  font-size: 1.1rem;
  color: var(--renk-metin-orta);
  line-height: 1.7;
  @media (max-width: 768px) {
    font-size: 0.98rem;
  }
}

.bolum-ozeti-koyu {
  color: var(--renk-metin-acik);
}

.buton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 0.95rem;
  font-weight: 700;
  border-radius: var(--kavis-orta);
  transition: all var(--gecis-orta);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  @media (max-width: 480px) {
    width: 100%;
    padding: 12px 20px;
    font-size: 0.9rem;
  }
}

.buton-ikon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  fill: currentColor;
}

.buton-ana {
  background: var(--gradyan-ana);
  color: var(--renk-metin-beyaz);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.buton-ana:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(22, 46, 235, 0.45);
  color: var(--renk-metin-beyaz);
}

.buton-ikincil-yesil {
  background: var(--gradyan-yesil);
  color: #070D1E;
  box-shadow: var(--golge-yesil);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.buton-ikincil-yesil:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(139, 213, 46, 0.45);
  color: #070D1E;
}

.buton-koyu {
  background-color: var(--renk-koyu-2);
  color: var(--renk-metin-beyaz);
  border: 1px solid var(--renk-koyu-4);
}

.buton-koyu:hover {
  background-color: var(--renk-koyu-1);
  transform: translateY(-2px);
  box-shadow: var(--golge-orta);
  color: var(--renk-metin-beyaz);
}

.buton-seffaf {
  background: rgba(255, 255, 255, 0.08);
  color: var(--renk-metin-beyaz);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.buton-seffaf:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
  color: var(--renk-metin-beyaz);
  border-color: var(--renk-ikincil);
}

.buton-beyaz {
  background-color: var(--renk-metin-beyaz);
  color: var(--renk-koyu-2);
  border: 1px solid var(--renk-sinir);
}

.buton-beyaz:hover {
  background-color: var(--renk-zemin-alt);
  transform: translateY(-2px);
  box-shadow: var(--golge-buyuk);
  color: var(--renk-ana);
}

.buton-whatsapp {
  background-color: var(--renk-whatsapp);
  color: var(--renk-metin-beyaz);
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3);
}

.buton-whatsapp:hover {
  background-color: #20BA56;
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(37, 211, 102, 0.45);
  color: var(--renk-metin-beyaz);
}

.buton-kucuk {
  padding: 9px 18px;
  font-size: 0.85rem;
  border-radius: var(--kavis-kucuk);
}

.buton-buyuk {
  padding: 18px 36px;
  font-size: 1.05rem;
  border-radius: var(--kavis-orta);
  @media (max-width: 480px) {
    padding: 14px 24px;
    font-size: 0.95rem;
  }
}

.ust-bilgi-cubugu {
  background: transparent;
  color: var(--renk-metin-acik);
  font-size: 0.84rem;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  z-index: 20;
  @media (max-width: 991px) {
    display: none;
  }
}

.ust-bilgi-icerik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.ust-bilgi-sol, .ust-bilgi-sag {
  display: flex;
  align-items: center;
  gap: 24px;
}

.ust-bilgi-oge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ust-bilgi-ikon {
  width: 15px;
  height: 15px;
  fill: var(--renk-ikincil);
  flex-shrink: 0;
}

.ust-bilgi-baglanti {
  color: var(--renk-metin-acik);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ust-bilgi-baglanti:hover {
  color: var(--renk-metin-beyaz);
}

.ust-bilgi-vurgu {
  color: var(--renk-ikincil-acik);
  font-weight: 700;
}

.ust-bilgi-link-vurgu {
  color: #38BDF8;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ust-bilgi-link-vurgu:hover {
  color: #FFFFFF;
}

.sosyal-ikonlar-ust {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sosyal-ikon-baglanti {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--renk-metin-acik);
  transition: all var(--gecis-hizli);
}

.sosyal-ikon-baglanti:hover {
  background: var(--renk-ana);
  border-color: var(--renk-ana-parlak);
  color: var(--renk-metin-beyaz);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(22, 46, 235, 0.4);
}

.sosyal-ikon-baglanti svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.site-basligi {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  background: transparent;
  border-bottom: none;
  width: 100%;
  padding-block: 10px;
}

.ana-navigasyon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85px;
  @media (max-width: 991px) {
    height: 68px;
  }
  @media (max-width: 480px) {
    height: 58px;
  }
}

.baslik-sol-grup {
  display: flex;
  align-items: center;
  gap: 32px;
  @media (max-width: 1200px) {
    gap: 20px;
  }
  @media (max-width: 991px) {
    gap: 12px;
  }
}

.baslik-nav-listesi {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  @media (max-width: 991px) {
    display: none;
  }
}

.baslik-nav-oge {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.baslik-nav-oge:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.22);
  margin: 0 4px;
}

.baslik-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--font-baslik);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--kavis-tam);
  transition: color var(--gecis-hizli), background-color var(--gecis-hizli);
  border: none;
  white-space: nowrap;
}

.baslik-nav-link:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.08);
}

.logo-alani {
  display: flex;
  align-items: center;
  height: 66px;
  width: auto;
  flex-shrink: 0;
  @media (max-width: 991px) {
    height: 48px;
  }
  @media (max-width: 480px) {
    height: 38px;
  }
}

.site-logo-gorseli {
  height: 60px;
  width: auto;
  display: block;
  object-fit: contain;
  @media (max-width: 991px) {
    height: 44px;
  }
  @media (max-width: 480px) {
    height: 34px;
  }
}

.ana-menu-acma-butonu {
  display: none;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 22px;
  border-radius: var(--kavis-tam);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #FFFFFF;
  font-family: var(--font-baslik);
  font-weight: 800;
  font-size: 0.88rem;
  letter-spacing: 1.6px;
  transition: all var(--gecis-hizli);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  @media (max-width: 991px) {
    display: inline-flex;
    height: 42px;
    padding: 0 16px;
    font-size: 0.82rem;
    letter-spacing: 1.2px;
    gap: 9px;
  }
  @media (max-width: 576px) {
    height: 40px;
    padding: 0 14px;
    font-size: 0.8rem;
    gap: 8px;
  }
  @media (max-width: 480px) {
    height: 38px;
    padding: 0 13px;
    font-size: 0.78rem;
    letter-spacing: 1px;
    gap: 7px;
  }
}

.ana-menu-acma-butonu:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(56, 189, 248, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 15px rgba(56, 189, 248, 0.2);
}

.ana-menu-acma-butonu:active {
  transform: scale(0.96);
  background: rgba(255, 255, 255, 0.2);
}

.menu-butonu-ikon-kutusu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  @media (max-width: 480px) {
    width: 16px;
    height: 13px;
    gap: 3.5px;
  }
}

.menu-butonu-cizgi {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 2px;
  transition: all var(--gecis-hizli);
}

.menu-butonu-cizgi:nth-child(2) {
  width: 65%;
}

.ana-menu-acma-butonu:hover .menu-butonu-cizgi {
  width: 100%;
  background-color: #38BDF8;
}

.menu-butonu-yazi {
  line-height: 1;
  font-weight: 800;
  display: inline-block;
  margin-top: 1px;
}

.yan-menu-kaplama {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(circle at top right, rgba(22, 46, 235, 0.12) 0%, rgba(4, 8, 19, 0.98) 70%);
  backdrop-filter: blur(36px);
  -webkit-backdrop-filter: blur(36px);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow-y: auto;
}

.yan-menu-kaplama.acik {
  opacity: 1;
  visibility: visible;
}

.tam-ekran-menu-kapsayici {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 36px 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  @media (max-width: 1200px) {
    padding: 28px 40px;
  }
  @media (max-width: 991px) {
    padding: 24px 24px;
  }
  @media (max-width: 480px) {
    padding: 18px 16px;
  }
}

.tam-ekran-menu-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
}

.tam-ekran-menu-kapat {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 16px 0 20px;
  border-radius: var(--kavis-tam);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #FFFFFF;
  font-family: var(--font-baslik);
  font-weight: 800;
  font-size: 0.84rem;
  letter-spacing: 1.4px;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all var(--gecis-hizli);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  @media (max-width: 991px) {
    height: 42px;
    padding: 0 12px 0 16px;
    font-size: 0.8rem;
    gap: 8px;
  }
  @media (max-width: 576px) {
    height: 40px;
    padding: 0 10px 0 14px;
    font-size: 0.76rem;
    gap: 7px;
  }
  @media (max-width: 480px) {
    height: 38px;
    padding: 0 9px 0 12px;
    font-size: 0.74rem;
    gap: 6px;
  }
}

.tam-ekran-menu-kapat:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.6);
  color: #EF4444;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.35);
}

.tam-ekran-menu-kapat:active {
  transform: scale(0.96);
}

.kapat-ikon-daire {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--gecis-hizli), background var(--gecis-hizli);
  flex-shrink: 0;
  @media (max-width: 991px) {
    width: 24px;
    height: 24px;
  }
  @media (max-width: 480px) {
    width: 22px;
    height: 22px;
  }
}

.tam-ekran-menu-kapat:hover .kapat-ikon-daire {
  transform: rotate(90deg);
  background: rgba(239, 68, 68, 0.3);
}

.kapat-ikon-daire svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  @media (max-width: 480px) {
    width: 12px;
    height: 12px;
  }
}

.tam-ekran-menu-govde {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 100px;
  align-items: center;
  padding: 40px 0;
  flex: 1;
  width: 100%;
  max-width: 100%;
  @media (max-width: 1200px) {
    gap: 50px;
    padding: 28px 0;
  }
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 20px 0;
  }
}

.tam-ekran-menu-etiket {
  font-family: var(--font-baslik);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 2px;
  color: #38BDF8;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.tam-ekran-nav-listesi {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
}

.tam-ekran-nav-oge {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 6px;
}

.tam-ekran-nav-oge:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.yan-menu-kaplama.acik .tam-ekran-nav-oge:nth-child(1) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.08s;
}

.yan-menu-kaplama.acik .tam-ekran-nav-oge:nth-child(2) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.14s;
}

.yan-menu-kaplama.acik .tam-ekran-nav-oge:nth-child(3) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.2s;
}

.yan-menu-kaplama.acik .tam-ekran-nav-oge:nth-child(4) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.26s;
}

.yan-menu-kaplama.acik .tam-ekran-nav-oge:nth-child(5) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.32s;
}

.tam-ekran-nav-link {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 0;
  background: transparent;
  border: none;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none;
  @media (max-width: 480px) {
    gap: 12px;
    padding: 10px 0;
  }
}

.tam-ekran-nav-listesi:hover .tam-ekran-nav-link:not(:hover) {
  opacity: 0.35;
}

.nav-numara {
  font-family: var(--font-baslik);
  font-size: 0.82rem;
  font-weight: 800;
  color: #38BDF8;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.25);
  padding: 4px 10px;
  border-radius: var(--kavis-tam);
  letter-spacing: 1px;
  transition: all var(--gecis-hizli);
  flex-shrink: 0;
}

.tam-ekran-nav-link:hover .nav-numara, .tam-ekran-nav-link.aktif .nav-numara {
  background: var(--gradyan-ana);
  border-color: rgba(56, 189, 248, 0.6);
  color: #FFFFFF;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.4);
}

.nav-icerik {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
}

.nav-baslik {
  font-family: var(--font-baslik);
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  font-weight: 700;
  color: #F1F5F9;
  letter-spacing: -0.3px;
  text-transform: none;
  line-height: 1.2;
  transition: all var(--gecis-hizli);
}

.tam-ekran-nav-link:hover .nav-baslik, .tam-ekran-nav-link.aktif .nav-baslik {
  color: #FFFFFF;
  transform: translateX(6px);
}

.nav-alt-aciklama {
  font-family: var(--font-govde);
  font-size: 0.86rem;
  color: #64748B;
  font-weight: 500;
  transition: all var(--gecis-hizli);
  @media (max-width: 480px) {
    font-size: 0.78rem;
  }
}

.tam-ekran-nav-link:hover .nav-alt-aciklama, .tam-ekran-nav-link.aktif .nav-alt-aciklama {
  color: #94A3B8;
  transform: translateX(6px);
}

.nav-ok-ikon {
  width: 20px;
  height: 20px;
  fill: var(--renk-ikincil);
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}

.tam-ekran-nav-link:hover .nav-ok-ikon, .tam-ekran-nav-link.aktif .nav-ok-ikon {
  opacity: 1;
  transform: translateX(0);
}

.nav-cizgi {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1.5px;
  width: 0;
  background: linear-gradient(90deg, #38BDF8 0%, #8BD52E 100%);
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 2px;
}

.tam-ekran-nav-link:hover .nav-cizgi, .tam-ekran-nav-link.aktif .nav-cizgi {
  width: 100%;
}

.tam-ekran-menu-sag {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(24px);
  transition: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.yan-menu-kaplama.acik .tam-ekran-menu-sag {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.22s;
}

.menu-bilgi-sutun {
  display: flex;
  flex-direction: column;
  gap: 22px;
  background: transparent;
  border: none;
  padding: 0;
}

.menu-bilgi-blok {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.menu-bilgi-ust-etiket {
  font-family: var(--font-baslik);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 2px;
  color: #38BDF8;
  text-transform: uppercase;
}

.menu-telefon-buyuk {
  font-family: var(--font-baslik);
  font-size: clamp(1.8rem, 2.6vw, 2.5rem);
  font-weight: 900;
  color: #FFFFFF;
  letter-spacing: -0.5px;
  line-height: 1;
  transition: all var(--gecis-hizli);
  text-decoration: none;
}

.menu-telefon-buyuk:hover {
  color: var(--renk-ikincil);
  transform: translateX(4px);
}

.menu-telefon-alt {
  font-size: 0.85rem;
  color: #94A3B8;
}

.menu-adres-metin {
  font-size: 1rem;
  color: #CBD5E1;
  line-height: 1.5;
}

.menu-adres-ipucu {
  color: #64748B;
  font-size: 0.88rem;
}

.menu-saat-metin {
  font-size: 0.95rem;
  color: #CBD5E1;
  line-height: 1.6;
}

.menu-saat-metin strong {
  color: #FFFFFF;
}

.menu-bilgi-ayrac {
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.08);
}

.menu-aksiyon-grubu {
  margin-top: 8px;
}

.menu-sosyal-alani {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.menu-sosyal-etiket {
  font-size: 0.8rem;
  font-weight: 700;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.menu-sosyal-ikonlar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.menu-sosyal-link {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CBD5E1;
  transition: transform var(--gecis-orta), background var(--gecis-orta), border-color var(--gecis-orta), color var(--gecis-orta), box-shadow var(--gecis-orta);
}

.menu-sosyal-link:hover {
  background: var(--gradyan-ana);
  border-color: rgba(56, 189, 248, 0.8);
  color: #FFFFFF;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 16px rgba(22, 46, 235, 0.45);
}

.menu-sosyal-link svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.baslik-sag-eylemler {
  display: flex;
  align-items: center;
  gap: 14px;
  @media (max-width: 991px) {
    gap: 8px;
  }
  @media (max-width: 480px) {
    gap: 6px;
  }
}

.hizli-arama-kutusu {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 48px;
  padding: 0 16px;
  background: transparent;
  border: none;
  border-radius: var(--kavis-tam);
  transition: all var(--gecis-hizli);
  box-sizing: border-box;
  @media (max-width: 1200px) {
    display: none;
  }
}

.hizli-arama-kutusu:hover {
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-2px);
}

.hizli-arama-ikonu {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gradyan-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  flex-shrink: 0;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.5);
}

.hizli-arama-ikonu svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.hizli-arama-metinleri {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.15;
}

.hizli-arama-etiket {
  font-size: 0.65rem;
  color: #38BDF8;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.hizli-arama-numara {
  font-family: var(--font-baslik);
  font-size: 0.98rem;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: 0.4px;
}

.hizli-arama-numara:hover {
  color: var(--renk-ikincil);
}

.baslik-aksiyon-butonu {
  height: 48px;
  padding: 0 22px;
  border-radius: var(--kavis-tam);
  font-family: var(--font-baslik);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.4px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
  @media (max-width: 991px) {
    display: none;
  }
}

.mobil-menu-tetikleyici {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 20px;
  cursor: pointer;
  z-index: 1001;
  @media (max-width: 991px) {
    display: flex;
  }
}

.mobil-menu-cubuk {
  display: block;
  width: 100%;
  height: 2.5px;
  background-color: #FFFFFF;
  border-radius: 4px;
  transition: all var(--gecis-hizli);
}

.mobil-menu-tetikleyici.aktif .mobil-menu-cubuk:nth-child(1) {
  transform: translateY(8.5px) rotate(45deg);
}

.mobil-menu-tetikleyici.aktif .mobil-menu-cubuk:nth-child(2) {
  opacity: 0;
}

.mobil-menu-tetikleyici.aktif .mobil-menu-cubuk:nth-child(3) {
  transform: translateY(-8.5px) rotate(-45deg);
}

.header-markalar-seridi {
  background: rgba(10, 17, 36, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 10px 0;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  position: relative;
  z-index: 10;
}

.header-markalar-seridi::-webkit-scrollbar {
  display: none;
}

.header-markalar-listesi {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.header-marka-link {
  font-family: var(--font-baslik);
  font-size: 0.84rem;
  font-weight: 700;
  color: #E2E8F0;
  padding: 6px 14px;
  border-radius: var(--kavis-tam);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all var(--gecis-hizli);
  letter-spacing: 0.4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
  @media (max-width: 768px) {
    padding: 5px 12px;
    font-size: 0.78rem;
    white-space: nowrap;
  }
}

.header-marka-link:hover {
  color: #FFFFFF;
  background: var(--gradyan-ana);
  border-color: rgba(56, 189, 248, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(22, 46, 235, 0.45);
}

.alt-bilgi {
  background: radial-gradient(circle at 50% 0%, #0E1A33 0%, #060B18 55%, #020409 100%);
  color: var(--renk-metin-acik);
  padding-top: 80px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
  @media (max-width: 768px) {
    padding-top: 50px;
  }
}

.alt-bilgi::before {
  content: '';
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(56, 189, 248, 0.4) 50%, transparent 100%);
  pointer-events: none;
}

.alt-bilgi-ust-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.95fr 1.05fr 1.35fr;
  gap: 40px;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  @media (max-width: 1100px) {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
  @media (max-width: 640px) {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-bottom: 40px;
  }
}

.alt-bilgi-kolon-hakkinda {
  display: flex;
  flex-direction: column;
}

.alt-bilgi-logo-alani {
  display: inline-block;
  height: 52px;
  width: auto;
  margin-bottom: 20px;
}

.alt-bilgi-logo-gorseli {
  height: 48px;
  width: auto;
  display: block;
}

.alt-bilgi-hakkinda-metin {
  font-size: 0.92rem;
  line-height: 1.7;
  color: #94A3B8;
  margin-bottom: 22px;
}

.alt-bilgi-sosyal-kutusu {
  margin-top: auto;
}

.alt-bilgi-sosyal-baslik {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}

.alt-bilgi-sosyal-listesi {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.alt-bilgi-sosyal-baglanti {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CBD5E1;
  transition: transform var(--gecis-orta), background var(--gecis-orta), border-color var(--gecis-orta), color var(--gecis-orta), box-shadow var(--gecis-orta);
}

.alt-bilgi-sosyal-baglanti:hover {
  background: var(--gradyan-ana);
  border-color: rgba(56, 189, 248, 0.8);
  color: #FFFFFF;
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 20px rgba(22, 46, 235, 0.5);
}

.alt-bilgi-sosyal-baglanti svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.alt-bilgi-sutun-baslik {
  color: #FFFFFF;
  font-family: var(--font-baslik);
  font-size: 1.12rem;
  font-weight: 800;
  margin-bottom: 22px;
  position: relative;
  padding-bottom: 12px;
}

.alt-bilgi-sutun-baslik::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2.5px;
  background: linear-gradient(90deg, #38BDF8 0%, #162EEB 100%);
  border-radius: 2px;
}

.alt-bilgi-baglanti-listesi {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.alt-bilgi-baglanti-ogesi {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.92rem;
  color: #94A3B8;
  text-decoration: none;
  transition: color var(--gecis-hizli), transform var(--gecis-hizli);
}

.alt-bilgi-baglanti-ogesi:hover {
  color: #FFFFFF;
  transform: translateX(5px);
}

.alt-bilgi-baglanti-ogesi:hover svg {
  fill: #38BDF8;
  transform: translateX(2px);
}

.alt-bilgi-baglanti-ogesi svg {
  width: 13px;
  height: 13px;
  fill: #64748B;
  flex-shrink: 0;
  transition: transform var(--gecis-hizli), fill var(--gecis-hizli);
}

.alt-bilgi-iletisim-listesi {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.alt-bilgi-iletisim-ogesi {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.92rem;
  color: #94A3B8;
}

.alt-bilgi-iletisim-ikon-kutusu {
  width: 34px;
  height: 34px;
  border-radius: var(--kavis-kucuk);
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #38BDF8;
  margin-top: 2px;
}

.alt-bilgi-iletisim-ikon-kutusu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.alt-bilgi-iletisim-metin {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.5;
}

.alt-bilgi-iletisim-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.alt-bilgi-tel-link {
  color: #FFFFFF;
  font-weight: 700;
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  text-decoration: none;
  transition: color var(--gecis-hizli);
}

.alt-bilgi-tel-link:hover {
  color: #38BDF8;
}

.alt-bilgi-calisma-saati-kart {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--kavis-orta);
  padding: 14px 16px;
  margin-top: 6px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.calisma-saati-ust-etiket {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.76rem;
  font-weight: 700;
  color: #38BDF8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.calisma-durum-nokta {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22C55E;
  box-shadow: 0 0 8px #22C55E;
  display: inline-block;
}

.calisma-saat-satiri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.85rem;
  padding: 4px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
}

.calisma-saat-satiri:last-child {
  border-bottom: none;
}

.calisma-saat-gun {
  color: #94A3B8;
}

.calisma-saat-deger {
  color: #FFFFFF;
  font-weight: 700;
}

.alt-bilgi-alt-serit {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.86rem;
  color: #64748B;
  @media (max-width: 768px) {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

.alt-bilgi-telif-vurgu {
  color: #E2E8F0;
  font-weight: 700;
}

.alt-bilgi-telif-grup {
  color: #38BDF8;
  font-weight: 800;
  letter-spacing: 0.4px;
}

.gelistirici-imza {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  text-decoration: none;
  transition: transform var(--gecis-orta);
}

.gelistirici-svg-logo {
  display: inline-block;
  vertical-align: middle;
  color: #38BDF8;
  transition: all var(--gecis-orta);
  flex-shrink: 0;
}

.gelistirici-imza:hover {
  transform: translateY(-2px);
}

.gelistirici-imza:hover .gelistirici-svg-logo {
  color: #FFFFFF;
  filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.8));
  transform: scale(1.12);
}

.sabit-iletisim-paneli {
  position: fixed;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  z-index: 990;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
  @media (max-width: 768px) {
    top: auto;
    bottom: 14px;
    right: 14px;
    transform: none;
    gap: 10px;
  }
  @media (max-width: 480px) {
    bottom: 12px;
    right: 12px;
    gap: 8px;
  }
}

.sabit-eylem-dugmesi {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  pointer-events: auto;
  position: relative;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  @media (max-width: 768px) {
    width: 46px;
    height: 46px;
  }
  @media (max-width: 480px) {
    width: 44px;
    height: 44px;
  }
}

.sabit-dugme-whatsapp {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
}

.sabit-dugme-telefon {
  background: linear-gradient(135deg, #2D45EE 0%, #162EEB 100%);
  box-shadow: 0 8px 24px rgba(22, 46, 235, 0.45);
}

.sabit-eylem-dugmesi:hover {
  transform: scale(1.1) translateX(-4px);
}

.sabit-dugme-whatsapp:hover {
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.6), 0 0 20px rgba(37, 211, 102, 0.4);
}

.sabit-dugme-telefon:hover {
  box-shadow: 0 12px 30px rgba(22, 46, 235, 0.7), 0 0 20px rgba(56, 189, 248, 0.5);
}

.sabit-eylem-dugmesi svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 22px;
    height: 22px;
  }
  @media (max-width: 480px) {
    width: 20px;
    height: 20px;
  }
}

.sabit-dugme-ipucu {
  position: absolute;
  right: calc(100% + 14px);
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  background: rgba(7, 13, 30, 0.95);
  color: #FFFFFF;
  font-family: var(--font-baslik);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 8px 16px;
  border-radius: var(--kavis-tam);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  @media (max-width: 768px) {
    display: none;
  }
}

.sabit-eylem-dugmesi:hover .sabit-dugme-ipucu {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

.yukari-cik-dugmesi {
  position: fixed;
  right: 14px;
  bottom: 14px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(10, 18, 38, 0.85);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 995;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  @media (max-width: 768px) {
    bottom: 128px;
    right: 14px;
    width: 46px;
    height: 46px;
  }
  @media (max-width: 480px) {
    bottom: 118px;
    right: 12px;
    width: 44px;
    height: 44px;
  }
}

.yukari-cik-dugmesi.gorunur {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.yukari-cik-dugmesi:hover {
  background: var(--renk-ana);
  border-color: rgba(56, 189, 248, 0.6);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(22, 46, 235, 0.5);
}

.yukari-cik-dugmesi svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.modal-kaplama {
  position: fixed;
  inset: 0;
  background-color: rgba(3, 7, 18, 0.86);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 2000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  transition: all var(--gecis-orta);
  @media (max-width: 640px) {
    padding: 20px 12px;
  }
}

.modal-kaplama.acik {
  opacity: 1;
  visibility: visible;
}

.modal-kutusu {
  background: linear-gradient(160deg, #0F172A 0%, #070D1E 100%);
  border-radius: 24px;
  width: 100%;
  max-width: 680px;
  margin: auto 0;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.85), 0 0 40px rgba(22, 46, 235, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.14);
  transform: translateY(20px) scale(0.97);
  transition: all var(--gecis-orta);
  position: relative;
  padding: 38px 40px 34px;
  color: #FFFFFF;
  flex-shrink: 0;
  @media (max-width: 640px) {
    padding: 28px 20px 24px;
    border-radius: 18px;
    margin: 0;
  }
}

.modal-kaplama.acik .modal-kutusu {
  transform: translateY(0) scale(1);
}

.modal-kapatma-dugmesi {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94A3B8;
  cursor: pointer;
  transition: all var(--gecis-hizli);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  @media (max-width: 640px) {
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
  }
}

.modal-kapatma-dugmesi:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #EF4444;
  transform: rotate(90deg);
}

.modal-kapatma-dugmesi:active {
  transform: scale(0.92);
}

.modal-kapatma-dugmesi svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  @media (max-width: 640px) {
    width: 13px;
    height: 13px;
  }
}

.modal-baslik-alani {
  margin-bottom: 20px;
}

.modal-ust-rozet {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  background: rgba(139, 213, 46, 0.12);
  border: 1px solid rgba(139, 213, 46, 0.35);
  border-radius: var(--kavis-tam);
  color: #8BD52E;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  width: max-content;
}

.modal-ust-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.modal-baslik {
  font-family: var(--font-baslik);
  font-size: 1.65rem;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
  @media (max-width: 576px) {
    font-size: 1.4rem;
  }
}

.modal-baslik-vurgu {
  color: #8BD52E;
}

.modal-aciklama {
  font-size: 0.9rem;
  color: #94A3B8;
  line-height: 1.5;
}

.modal-guven-seridi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  margin-bottom: 22px;
  @media (max-width: 600px) {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 12px;
  }
}

.modal-guven-oge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #E2E8F0;
}

.modal-guven-ikon {
  width: 16px;
  height: 16px;
  fill: #8BD52E;
  flex-shrink: 0;
}

.modal-kutusu-genis {
  max-width: 980px;
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
}

.modal-degerleme-izgara {
  display: grid;
  grid-template-columns: 360px 1fr;
  min-height: 600px;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
  }
}

.modal-sol-panel {
  background: linear-gradient(180deg, rgba(22, 46, 235, 0.16) 0%, rgba(15, 23, 42, 0.95) 100%), #070D1E;
  padding: 40px 32px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  @media (max-width: 991px) {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 32px 24px;
  }
}

.modal-sol-baslik {
  font-family: var(--font-baslik);
  font-size: 1.45rem;
  font-weight: 900;
  color: #FFFFFF;
  margin-top: 12px;
  margin-bottom: 10px;
  line-height: 1.35;
  letter-spacing: -0.4px;
}

.modal-sol-vurgu {
  color: #8BD52E;
}

.modal-sol-ozet {
  font-size: 0.88rem;
  color: #94A3B8;
  line-height: 1.5;
  margin-bottom: 8px;
}

.modal-adimlar-akisi {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-adim-oge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.modal-adim-sayi {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #8BD52E;
  font-size: 0.82rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.modal-adim-oge.aktif .modal-adim-sayi {
  background: rgba(139, 213, 46, 0.18);
  border-color: #8BD52E;
  box-shadow: 0 0 16px rgba(139, 213, 46, 0.3);
}

.modal-adim-baslik {
  display: block;
  font-size: 0.88rem;
  color: #FFFFFF;
  font-weight: 800;
  margin-bottom: 2px;
}

.modal-adim-detay {
  display: block;
  font-size: 0.78rem;
  color: #64748B;
  line-height: 1.35;
}

.modal-hizli-iletisim-kutusu {
  background: rgba(139, 213, 46, 0.05);
  border: 1px dashed rgba(139, 213, 46, 0.35);
  border-radius: 14px;
  padding: 16px;
}

.modal-hizli-etiket {
  display: block;
  font-size: 0.82rem;
  font-weight: 800;
  color: #8BD52E;
  margin-bottom: 4px;
}

.modal-hizli-alt {
  display: block;
  font-size: 0.75rem;
  color: #94A3B8;
  margin-bottom: 12px;
  line-height: 1.4;
}

.buton-whatsapp-direkt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 42px;
  background: #25D366;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 0.84rem;
  border-radius: 10px;
  text-decoration: none;
  transition: all var(--gecis-hizli);
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
}

.buton-whatsapp-direkt:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.45);
}

.buton-whatsapp-direkt svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.modal-sag-panel {
  padding: 38px 36px 32px;
  background: #0B1120;
  display: flex;
  flex-direction: column;
  position: relative;
  @media (max-width: 640px) {
    padding: 26px 20px 22px;
  }
}

.modal-form-gelismis {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-bolum-basligi {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  margin-bottom: 2px;
}

.modal-bolum-numara {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #8BD52E;
  color: #070D1E;
  font-size: 0.76rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.modal-bolum-metin {
  font-size: 0.95rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}

.modal-bolum-ipucu {
  font-size: 0.74rem;
  color: #64748B;
  display: block;
}

.modal-secim-kartlari {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 4px;
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.modal-kart-radyo {
  cursor: pointer;
  position: relative;
}

.modal-kart-radyo input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.modal-kart-kapsul {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 12px 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transition: all var(--gecis-hizli);
}

.modal-kart-radyo input:checked + .modal-kart-kapsul {
  border-color: #8BD52E;
  background: rgba(139, 213, 46, 0.12);
  box-shadow: 0 0 20px rgba(139, 213, 46, 0.18);
}

.modal-kart-ikon {
  width: 22px;
  height: 22px;
  fill: #94A3B8;
  margin-bottom: 6px;
  transition: fill var(--gecis-hizli);
}

.modal-kart-radyo input:checked + .modal-kart-kapsul .modal-kart-ikon {
  fill: #8BD52E;
}

.modal-kart-baslik {
  font-size: 0.85rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 2px;
}

.modal-kart-aciklama {
  font-size: 0.72rem;
  color: #64748B;
}

.modal-etiket-seciciler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.modal-etiket-secim {
  cursor: pointer;
  position: relative;
}

.modal-etiket-secim input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.modal-etiket-secim span {
  display: inline-block;
  padding: 7px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--kavis-tam);
  font-size: 0.8rem;
  font-weight: 700;
  color: #94A3B8;
  transition: all var(--gecis-hizli);
}

.modal-etiket-secim input:checked + span {
  border-color: #8BD52E;
  background: rgba(139, 213, 46, 0.15);
  color: #8BD52E;
}

.form-satiri-ikili {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  @media (max-width: 600px) {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.form-alani {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form-etiket {
  font-size: 0.8rem;
  font-weight: 700;
  color: #CBD5E1;
}

.form-girdi, .form-secim, .form-metin-alani {
  width: 100%;
  padding: 11px 14px;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  font-size: 0.9rem;
  color: #FFFFFF;
  transition: all var(--gecis-hizli);
  outline: none;
}

.form-girdi::placeholder, .form-metin-alani::placeholder {
  color: #64748B;
}

.form-girdi:focus, .form-secim:focus, .form-metin-alani:focus {
  border-color: #8BD52E;
  background-color: rgba(255, 255, 255, 0.07);
  box-shadow: 0 0 0 3px rgba(139, 213, 46, 0.15);
}

.form-secim {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%2394A3B8'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
}

.form-secim option {
  background-color: #0F172A;
  color: #FFFFFF;
  padding: 8px;
}

.form-metin-alani {
  resize: vertical;
  min-height: 70px;
}

.modal-gonder-butonu {
  height: 52px;
  margin-top: 6px;
  font-size: 1rem;
  font-weight: 900;
  background: linear-gradient(135deg, #8BD52E 0%, #76B826 100%);
  color: #070D1E;
  border: none;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  cursor: pointer;
  transition: all var(--gecis-hizli);
  box-shadow: 0 8px 24px rgba(139, 213, 46, 0.28);
}

.modal-gonder-butonu:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(139, 213, 46, 0.45);
}

.modal-gonder-butonu svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.modal-guvence-notu {
  font-size: 0.74rem;
  color: #64748B;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 4px;
}

.modal-guvence-notu svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.modal-basarili-kapsayici {
  display: none;
  text-align: center;
  padding: 50px 20px;
}

.modal-basarili-ikon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(139, 213, 46, 0.12);
  border: 2px solid #8BD52E;
  color: #8BD52E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  box-shadow: 0 0 35px rgba(139, 213, 46, 0.35);
}

.modal-basarili-ikon svg {
  width: 34px;
  height: 34px;
  fill: currentColor;
}

.modal-basarili-baslik {
  font-size: 1.6rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 8px;
}

.modal-basarili-aciklama {
  font-size: 0.94rem;
  color: #94A3B8;
  max-width: 440px;
  margin: 0 auto 24px;
  line-height: 1.6;
}

.basarili-vurgu-ad {
  color: #8BD52E;
}

.modal-kapat-aksiyon {
  margin: 0 auto;
}

.form-guvenlik-tuzagi {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  pointer-events: none;
}

#degerleme-form-basarili {
  display: none;
  padding: 30px 15px;
}

#degerleme-form-basarili .modal-basarili-baslik {
  color: #fff !important;
}

#degerleme-form-basarili .modal-basarili-aciklama {
  color: var(--renk-metin-orta);
}

.hero-kapsayici-alani {
  position: relative;
  background-color: #040813;
  overflow: hidden;
  height: 100dvh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  @media (max-width: 991px) {
    overflow: visible;
  }
}

.hero-video-sarmalayici {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.hero-video-arkaplan {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.hero-video-karartma {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(4, 8, 19, 0.05) 0%, rgba(4, 8, 19, 0.3) 100%);
}

.hero-ust-katmani {
  position: relative;
  z-index: 20;
  width: 100%;
  background: linear-gradient(180deg, rgba(4, 8, 19, 0.60) 0%, rgba(4, 8, 19, 0.3) 60%, rgba(4, 8, 19, 0) 100%);
  padding-top: 20px;
  padding-bottom: 24px;
  @media (max-width: 991px) {
    padding-top: 14px;
    padding-bottom: 16px;
  }
  @media (max-width: 480px) {
    padding-top: 10px;
    padding-bottom: 12px;
  }
}

.hero-alt-icerik-alani {
  position: relative;
  z-index: 10;
  width: 100%;
  margin-top: auto;
  padding-bottom: 36px;
  @media (max-width: 991px) {
    z-index: 30;
    transform: translateY(45%);
    padding-bottom: 0;
  }
  @media (max-width: 768px) {
    transform: translateY(48%);
  }
  @media (max-width: 576px) {
    transform: translateY(65%);
  }
}

.hero-markalar-seridi {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  border: none;
  padding: 0;
  position: relative;
  @media (max-width: 991px) {
    margin-bottom: 16px;
    gap: 10px;
  }
  @media (max-width: 768px) {
    margin-bottom: 14px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% + 40px);
    max-width: none;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }
  @media (max-width: 576px) {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100% + 24px);
  }
  @media (max-width: 480px) {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
    width: calc(100% + 24px);
  }
}

.hero-markalar-seridi::-webkit-scrollbar {
  display: none;
}

.hero-markalar-etiket {
  font-size: 0.72rem;
  font-weight: 800;
  color: #38BDF8;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 6px 14px;
  border-radius: var(--kavis-tam);
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.25);
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}

.hero-markalar-kutusu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
  @media (max-width: 768px) {
    flex-wrap: nowrap;
    gap: 6px;
  }
}

.header-marka-link.ekstra-marka {
  display: none;
}

.hero-markalar-seridi.genisletilmis .header-marka-link.ekstra-marka {
  display: inline-flex;
}

.hero-markalar-ok-butonu {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--gecis-hizli);
  flex-shrink: 0;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.hero-markalar-ok-butonu:hover {
  background: var(--gradyan-ana);
  border-color: rgba(56, 189, 248, 0.8);
  box-shadow: 0 4px 15px rgba(22, 46, 235, 0.5);
  transform: scale(1.1);
}

.markalar-ok-ikon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

.hero-markalar-seridi.genisletilmis .markalar-ok-ikon {
  transform: rotate(180deg);
}

.hero-arama-paneli {
  background: rgba(7, 13, 30, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: var(--kavis-buyuk);
  padding: 24px 28px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 50;
  @media (max-width: 991px) {
    background: rgba(7, 13, 30, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    padding: 20px 20px;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  @media (max-width: 768px) {
    padding: 16px 14px;
    border-radius: 16px;
  }
  @media (max-width: 480px) {
    padding: 14px 12px;
    border-radius: 14px;
  }
}

.hero-arama-sekmeleri {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 12px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  @media (max-width: 768px) {
    gap: 6px;
    margin-bottom: 14px;
    padding-bottom: 10px;
  }
}

.hero-arama-sekmeleri::-webkit-scrollbar {
  display: none;
}

.hero-sekme-butonu {
  font-family: var(--font-baslik);
  font-size: 0.92rem;
  font-weight: 700;
  color: #CBD5E1;
  padding: 8px 18px;
  border-radius: var(--kavis-tam);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all var(--gecis-hizli);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  white-space: nowrap;
  @media (max-width: 768px) {
    padding: 7px 14px;
    font-size: 0.82rem;
    gap: 6px;
  }
  @media (max-width: 480px) {
    padding: 6px 12px;
    font-size: 0.78rem;
    gap: 5px;
  }
}

.hero-sekme-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.hero-sekme-butonu:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.3);
}

.hero-sekme-butonu.aktif {
  background: var(--gradyan-ana);
  color: #FFFFFF;
  border-color: rgba(56, 189, 248, 0.6);
  box-shadow: 0 4px 15px rgba(22, 46, 235, 0.45);
}

.hero-arama-form-izgara {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 1fr 1.1fr;
  gap: 16px;
  align-items: flex-end;
  @media (max-width: 1100px) {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
  }
  @media (max-width: 768px) {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.hero-arama-girdi-kutusu {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  position: relative;
}

.hero-arama-etiket {
  font-size: 0.78rem;
  font-weight: 800;
  color: #E2E8F0;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

.ozel-secim-kapsayici {
  position: relative;
  width: 100%;
  user-select: none;
}

.ozel-secim-tetikleyici {
  width: 100%;
  height: 52px;
  padding: 0 18px;
  background: rgba(7, 13, 30, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--kavis-orta);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  transition: all var(--gecis-hizli);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  @media (max-width: 768px) {
    height: 48px;
    font-size: 0.9rem;
    padding: 0 14px;
  }
}

.ozel-secim-tetikleyici:hover {
  border-color: rgba(56, 189, 248, 0.6);
  background: rgba(11, 21, 48, 0.85);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 15px rgba(56, 189, 248, 0.2);
}

.ozel-secim-kapsayici.acik .ozel-secim-tetikleyici {
  border-color: var(--renk-ana-parlak);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35);
  background: rgba(11, 21, 48, 0.95);
}

.ozel-secim-metin {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ozel-secim-ok {
  width: 18px;
  height: 18px;
  fill: #94A3B8;
  flex-shrink: 0;
  transition: transform var(--gecis-hizli), fill var(--gecis-hizli);
}

.ozel-secim-kapsayici.acik .ozel-secim-ok {
  transform: rotate(180deg);
  fill: var(--renk-ana-parlak);
}

.ozel-secim-acilir-menu {
  position: absolute;
  bottom: calc(100% + 8px);
  top: auto;
  left: 0;
  right: 0;
  min-width: 220px;
  background: rgba(8, 14, 30, 0.98);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: var(--kavis-orta);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8), 0 0 20px rgba(56, 189, 248, 0.1);
  z-index: 100;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.ozel-secim-kapsayici.acik .ozel-secim-acilir-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

#talep-modal .ozel-secim-acilir-menu {
  bottom: auto;
  top: calc(100% + 6px);
  transform: translateY(-8px);
}

#talep-modal .ozel-secim-kapsayici.acik .ozel-secim-acilir-menu {
  transform: translateY(0);
}

.ozel-secim-arama-alani {
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
}

.ozel-secim-arama-ikon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  fill: #94A3B8;
  pointer-events: none;
  transition: fill var(--gecis-hizli);
}

.ozel-secim-arama-girdisi {
  width: 100%;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--kavis-kucuk);
  padding: 0 12px 0 34px;
  color: #FFFFFF;
  font-size: 0.88rem;
  outline: none;
  transition: border-color var(--gecis-hizli), background var(--gecis-hizli), box-shadow var(--gecis-hizli);
}

.ozel-secim-arama-girdisi:focus {
  border-color: var(--renk-ana-parlak);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
}

.ozel-secim-arama-alani:focus-within .ozel-secim-arama-ikon {
  fill: var(--renk-ana-parlak);
}

.ozel-secim-arama-girdisi::placeholder {
  color: #64748B;
}

.ozel-secim-listesi {
  max-height: 310px;
  overflow-y: auto;
  padding: 6px;
  margin: 0;
  list-style: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(56, 189, 248, 0.3) transparent;
}

.ozel-secim-ogesi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #CBD5E1;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ozel-secim-ogesi:hover {
  background: rgba(56, 189, 248, 0.12);
  color: #FFFFFF;
  transform: translateX(3px);
}

.ozel-secim-ogesi.aktif {
  background: rgba(22, 46, 235, 0.35);
  color: #38BDF8;
  font-weight: 700;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.ozel-secim-ogesi.gizli {
  display: none !important;
}

.ozel-secim-tik {
  width: 16px;
  height: 16px;
  fill: #38BDF8;
  flex-shrink: 0;
  display: none;
}

.ozel-secim-ogesi.aktif .ozel-secim-tik {
  display: block;
}

.ozel-secim-bulunamadi {
  display: none;
  padding: 16px 12px;
  text-align: center;
  color: #94A3B8;
  font-size: 0.85rem;
}

.ozel-secim-bulunamadi.gorunur {
  display: block;
}

.hero-arama-secim {
  width: 100%;
  height: 52px;
  padding: 0 16px;
  background-color: #070D1E;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--kavis-kucuk);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--gecis-hizli);
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394A3B8'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 20px;
}

.hero-arama-secim:focus {
  border-color: var(--renk-ana-parlak);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
}

.hero-arama-secim option {
  background-color: #070D1E;
  color: #FFFFFF;
}

.hero-arama-buton {
  height: 52px;
  width: 100%;
  padding: 0 24px;
  font-size: 1rem;
}

.hero-arama-alt-bilgi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.86rem;
  color: #94A3B8;
  @media (max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

.hero-hizli-markalar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-hizli-marka-etiket {
  font-weight: 700;
  color: #CBD5E1;
}

.hero-hizli-marka-baglanti {
  color: #94A3B8;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  transition: all var(--gecis-hizli);
}

.hero-hizli-marka-baglanti:hover {
  color: #FFFFFF;
  background: rgba(22, 46, 235, 0.3);
}

.hero-detayli-arama-link {
  color: var(--renk-ikincil-acik);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hero-detayli-arama-link:hover {
  color: #FFFFFF;
}

.hero-detayli-arama-link svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.guven-seridi-bolumu {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
  padding: 60px 0;
  position: relative;
  z-index: 5;
  @media (max-width: 991px) {
    padding-top: 175px;
    padding-bottom: 36px;
  }
  @media (max-width: 768px) {
    padding-top: 215px;
    padding-bottom: 30px;
  }
  @media (max-width: 576px) {
    padding-top: 375px;
    padding-bottom: 24px;
  }
}

.hero-guven-seridi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  @media (max-width: 1100px) {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.hero-guven-karti {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: var(--kavis-orta);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
  transition: all var(--gecis-orta);
  text-align: left;
  @media (max-width: 480px) {
    padding: 15px 16px;
    gap: 12px;
  }
}

.hero-guven-karti:hover {
  transform: translateY(-3px);
  border-color: rgba(22, 46, 235, 0.35);
  box-shadow: 0 12px 28px -4px rgba(22, 46, 235, 0.09);
}

.hero-guven-ikon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(22, 46, 235, 0.08);
  color: var(--renk-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(22, 46, 235, 0.16);
  transition: all var(--gecis-hizli);
}

.hero-guven-karti:hover .hero-guven-ikon {
  background: var(--renk-ana);
  color: #FFFFFF;
  border-color: var(--renk-ana);
  transform: scale(1.04);
}

.hero-guven-ikon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.hero-guven-baslik {
  font-family: var(--font-baslik);
  font-size: 0.98rem;
  font-weight: 800;
  color: var(--renk-koyu);
  line-height: 1.3;
  margin-bottom: 2px;
}

.hero-guven-aciklama {
  font-size: 0.81rem;
  color: var(--renk-metin-orta);
  line-height: 1.4;
  font-weight: 500;
}

.hizli-sorgulama-seridi-alani {
  margin-top: -46px;
  position: relative;
  z-index: 10;
  margin-bottom: 40px;
  @media (max-width: 991px) {
    margin-top: 0;
    padding-top: 30px;
    margin-bottom: 20px;
  }
}

.hizli-sorgulama-kutusu {
  background: #FFFFFF;
  border-radius: var(--kavis-buyuk);
  padding: 26px 30px;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
  border: 1.5px solid var(--renk-sinir);
  @media (max-width: 768px) {
    padding: 20px 16px;
    border-radius: var(--kavis-orta);
  }
}

.hizli-sorgulama-baslik-alani {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--renk-sinir);
  @media (max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.hizli-sorgulama-baslik {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  display: flex;
  align-items: center;
  gap: 10px;
}

.hizli-sorgulama-baslik-ikon {
  width: 22px;
  height: 22px;
  fill: var(--renk-ana);
}

.hizli-sorgulama-aciklama {
  font-size: 0.86rem;
  color: var(--renk-metin-orta);
}

.hizli-sorgulama-form-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
  gap: 14px;
  align-items: end;
  @media (max-width: 1100px) {
    grid-template-columns: 1fr 1fr;
  }
  @media (max-width: 640px) {
    grid-template-columns: 1fr;
  }
}

.araclar-filtre-sekme-alani {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}

.araclar-izgarasi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 10px;
  @media (max-width: 1100px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
  }
}

.arac-karti {
  background-color: var(--renk-kart);
  border-radius: var(--kavis-orta);
  border: 1px solid var(--renk-sinir);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: box-shadow var(--gecis-orta), border-color var(--gecis-orta);
}

.arac-karti:hover {
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  border-color: rgba(22, 46, 235, 0.2);
}

.arac-gorsel-kapsayici {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background-color: #0F172A;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.arac-kart-gorseli {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

.arac-karti:hover .arac-kart-gorseli {
  transform: scale(1.08);
}

.arac-etiket-rozet {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 6px 14px;
  border-radius: var(--kavis-tam);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
}

.arac-etiket-ekspertiz {
  background: rgba(139, 213, 46, 0.95);
  color: #070D1E;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.arac-etiket-firsat {
  background: rgba(22, 46, 235, 0.95);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.arac-etiket-yeni {
  background: rgba(15, 23, 42, 0.9);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.arac-etiket-kirmizi {
  background: rgba(220, 38, 38, 0.95);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.arac-etiket-turuncu {
  background: rgba(234, 88, 12, 0.95);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.arac-karti-icerik {
  padding: 22px 24px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.arac-kart-marka {
  font-size: 0.8rem;
  color: var(--renk-ana);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.arac-kart-baslik {
  font-size: 1.18rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  margin-bottom: 14px;
  line-height: 1.35;
}

.arac-kart-fiyat-alani {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
}

.arac-kart-fiyat-etiket {
  font-size: 0.76rem;
  color: var(--renk-metin-orta);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.arac-kart-fiyat-grup {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}

.arac-kart-fiyat {
  font-family: var(--font-baslik);
  font-size: 1.55rem;
  font-weight: 900;
  color: var(--renk-ana);
  letter-spacing: -0.5px;
  line-height: 1.1;
}

.arac-kart-eski-fiyat {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  text-decoration: line-through;
  line-height: 1;
}

.arac-kart-ozellik-seridi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-kucuk);
  padding: 10px 8px;
  margin-bottom: 20px;
  text-align: center;
}

.arac-ozellik-oge {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.arac-ozellik-etiket {
  font-size: 0.7rem;
  color: var(--renk-metin-orta);
  text-transform: uppercase;
  font-weight: 600;
}

.arac-ozellik-deger {
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.arac-kart-butonlar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-top: auto;
}

.vitrin-tum-araclar-alani {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
  width: 100%;
  @media (max-width: 768px) {
    margin-top: 36px;
  }
}

.vitrin-tum-araclar-butonu {
  min-height: 54px;
  padding: 0 38px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  border-radius: var(--kavis-tam);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  @media (max-width: 576px) {
    width: 100%;
    padding: 0 20px;
    font-size: 0.92rem;
    min-height: 50px;
    gap: 8px;
  }
}

.vitrin-tum-araclar-butonu:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(22, 46, 235, 0.45);
}

.vitrin-tum-araclar-butonu .buton-ikon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  transition: transform var(--gecis-hizli);
}

.vitrin-tum-araclar-butonu:hover .buton-ikon {
  transform: translateX(4px);
}

.konsinye-ana-bolumu {
  background-color: var(--renk-zemin);
  padding: 80px 0;
  @media (max-width: 991px) {
    padding: 60px 0;
  }
}

.konsinye-bolumu {
  background: radial-gradient(circle at 10% 20%, rgba(22, 46, 235, 0.22) 0%, rgba(7, 13, 30, 0.98) 65%), #070D1E;
  border-radius: 32px;
  padding: 64px 60px;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 50px;
  align-items: center;
  position: relative;
  overflow: hidden;
  @media (max-width: 1100px) {
    padding: 48px 36px;
    gap: 36px;
  }
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    padding: 40px 24px;
    gap: 36px;
    border-radius: 24px;
  }
  @media (max-width: 480px) {
    padding: 30px 16px;
    gap: 28px;
    border-radius: 20px;
  }
}

.konsinye-bolumu::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -120px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, transparent 70%);
  filter: blur(50px);
  pointer-events: none;
}

.konsinye-bolumu::after {
  content: "";
  position: absolute;
  bottom: -120px;
  right: -120px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(139, 213, 46, 0.18) 0%, transparent 70%);
  filter: blur(50px);
  pointer-events: none;
}

.konsinye-sol {
  position: relative;
  z-index: 2;
}

.konsinye-sol-baslik {
  font-size: 2.35rem;
  font-weight: 900;
  color: #FFFFFF;
  margin-top: 14px;
  margin-bottom: 16px;
  line-height: 1.25;
  @media (max-width: 991px) {
    font-size: 1.9rem;
  }
  @media (max-width: 480px) {
    font-size: 1.55rem;
  }
}

.konsinye-vurgu-yesil {
  color: var(--renk-ikincil);
  background: linear-gradient(135deg, #A4DE56 0%, #8BD52E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.konsinye-aciklama {
  font-size: 1rem;
  color: #94A3B8;
  line-height: 1.7;
  margin-bottom: 28px;
  @media (max-width: 480px) {
    font-size: 0.92rem;
    margin-bottom: 20px;
  }
}

.konsinye-ozellik-izgarasi {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.konsinye-ozellik-karti {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 18px;
  border-radius: var(--kavis-orta);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all var(--gecis-hizli);
  @media (max-width: 480px) {
    padding: 12px 14px;
    gap: 12px;
  }
}

.konsinye-ozellik-karti:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(139, 213, 46, 0.35);
  transform: translateX(6px);
}

.konsinye-ozellik-ikon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(139, 213, 46, 0.14);
  border: 1px solid rgba(139, 213, 46, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8BD52E;
  flex-shrink: 0;
  margin-top: 2px;
  box-shadow: 0 4px 12px rgba(139, 213, 46, 0.2);
  @media (max-width: 480px) {
    width: 32px;
    height: 32px;
  }
}

.konsinye-ozellik-ikon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  @media (max-width: 480px) {
    width: 16px;
    height: 16px;
  }
}

.konsinye-ozellik-metin {
  flex: 1;
}

.konsinye-ozellik-baslik {
  font-size: 0.98rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 2px;
  @media (max-width: 480px) {
    font-size: 0.9rem;
  }
}

.konsinye-ozellik-detay {
  font-size: 0.85rem;
  color: #94A3B8;
  line-height: 1.45;
  @media (max-width: 480px) {
    font-size: 0.8rem;
  }
}

.degerleme-kutusu {
  background: rgba(10, 18, 38, 0.85);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border-radius: 24px;
  padding: 36px 32px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  position: relative;
  z-index: 2;
  @media (max-width: 480px) {
    padding: 24px 16px;
    border-radius: 18px;
  }
}

.degerleme-kutusu-ust {
  margin-bottom: 20px;
}

.degerleme-rozet {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  color: #38BDF8;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.25);
  padding: 4px 12px;
  border-radius: var(--kavis-tam);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}

.degerleme-baslik {
  font-size: 1.45rem;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 6px;
  @media (max-width: 480px) {
    font-size: 1.25rem;
  }
}

.degerleme-alt-yazi {
  font-size: 0.86rem;
  color: #94A3B8;
  line-height: 1.5;
}

.degerleme-kutusu .form-alani-grubu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.degerleme-kutusu .form-satiri-ikili {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.degerleme-kutusu .form-girdi-kutusu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.degerleme-kutusu .form-etiket {
  color: #E2E8F0;
  font-size: 0.8rem;
  font-weight: 700;
  display: block;
}

.degerleme-kutusu .form-girdi {
  height: 48px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--kavis-orta);
  color: #FFFFFF;
  padding: 0 16px;
  font-size: 0.92rem;
  width: 100%;
  transition: all var(--gecis-hizli);
  box-sizing: border-box;
}

.degerleme-kutusu .form-girdi:focus {
  border-color: #8BD52E;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 0 0 3px rgba(139, 213, 46, 0.2);
}

.degerleme-kutusu .form-girdi::placeholder {
  color: #64748B;
}

.degerleme-gonder-butonu {
  width: 100%;
  height: 52px;
  margin-top: 4px;
  font-size: 0.98rem;
  font-weight: 800;
  box-shadow: 0 10px 25px rgba(139, 213, 46, 0.35);
  border-radius: var(--kavis-tam);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.degerleme-guvence-notu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 0.78rem;
  color: #94A3B8;
  font-weight: 600;
  text-align: center;
}

.degerleme-guvence-notu svg {
  width: 14px;
  height: 14px;
  fill: #8BD52E;
  flex-shrink: 0;
}

.avantajlar-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.avantajlar-liste-blogu {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.avantaj-maddesi-kart {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px;
  background-color: var(--renk-kart);
  border-radius: var(--kavis-orta);
  border: 1px solid var(--renk-sinir);
  transition: all var(--gecis-orta);
  @media (max-width: 480px) {
    padding: 16px;
    gap: 14px;
  }
}

.avantaj-maddesi-kart:hover {
  border-color: var(--renk-sinir-vurgu);
  box-shadow: var(--golge-orta);
  transform: translateX(6px);
}

.avantaj-madde-ikon-kutusu {
  width: 50px;
  height: 50px;
  border-radius: var(--kavis-orta);
  background: var(--renk-ana-yumusak);
  color: var(--renk-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.avantaj-madde-ikon-kutusu svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.avantaj-madde-icerik {
  display: flex;
  flex-direction: column;
}

.avantaj-madde-baslik {
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 6px;
  color: var(--renk-metin-koyu);
}

.avantaj-madde-aciklama {
  font-size: 0.9rem;
  color: var(--renk-metin-orta);
  line-height: 1.6;
}

.avantajlar-sag-panel {
  display: flex;
  height: 100%;
}

.vitrin-kart-paneli {
  background: radial-gradient(circle at 85% 12%, rgba(56, 189, 248, 0.16) 0%, rgba(22, 46, 235, 0.10) 45%, rgba(6, 12, 28, 0.98) 100%), #060C1C;
  border: 1px solid rgba(56, 189, 248, 0.20);
  border-radius: 32px;
  padding: 40px 36px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.5), 0 0 40px rgba(22, 46, 235, 0.12);
  @media (max-width: 1100px) {
    padding: 32px 26px;
  }
  @media (max-width: 768px) {
    padding: 28px 22px;
    border-radius: 24px;
  }
  @media (max-width: 480px) {
    padding: 22px 16px;
    border-radius: 20px;
  }
}

.vitrin-kart-paneli::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.28) 0%, transparent 70%);
  filter: blur(45px);
  pointer-events: none;
}

.vitrin-kart-ust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.vitrin-kart-rozet {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.76rem;
  font-weight: 800;
  color: #38BDF8;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.28);
  padding: 6px 14px;
  border-radius: var(--kavis-tam);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.vitrin-kart-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.vitrin-kart-tecrube-etiketi {
  font-size: 0.78rem;
  font-weight: 700;
  color: #94A3B8;
  letter-spacing: 0.3px;
}

.vitrin-kart-baslik-alani {
  margin-bottom: 22px;
}

.hizmet-karti-baslik-anasayfa {
  font-family: var(--font-baslik);
  font-size: 1.95rem;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 8px;
  line-height: 1.22;
  letter-spacing: -0.5px;
  @media (max-width: 768px) {
    font-size: 1.65rem;
  }
  @media (max-width: 480px) {
    font-size: 1.4rem;
  }
}

.hizmet-karti-baslik-vurgu {
  background: linear-gradient(135deg, #38BDF8 0%, #60A5FA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vitrin-kart-aciklama {
  font-size: 0.94rem;
  color: #94A3B8;
  line-height: 1.6;
  @media (max-width: 480px) {
    font-size: 0.86rem;
  }
}

.hizmet-karti-ozellik-listesi {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
  @media (max-width: 480px) {
    gap: 9px;
    margin-bottom: 20px;
  }
}

.hizmet-karti-ozellik-oge {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 13px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: all var(--gecis-orta);
  @media (max-width: 480px) {
    padding: 11px 13px;
    gap: 12px;
    border-radius: 14px;
  }
}

.hizmet-karti-ozellik-oge:hover {
  background: rgba(56, 189, 248, 0.08);
  border-color: rgba(56, 189, 248, 0.35);
  transform: translateX(6px);
  box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.3);
}

.hizmet-oge-ikon-alani {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.24);
  color: #38BDF8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--gecis-hizli);
  @media (max-width: 480px) {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
}

.hizmet-karti-ozellik-oge:hover .hizmet-oge-ikon-alani {
  background: #38BDF8;
  color: #060C1C;
  border-color: #38BDF8;
  transform: scale(1.06);
}

.hizmet-oge-ikon-alani svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  @media (max-width: 480px) {
    width: 15px;
    height: 15px;
  }
}

.hizmet-oge-metin-alani {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hizmet-oge-baslik {
  font-size: 0.92rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.35;
  @media (max-width: 480px) {
    font-size: 0.84rem;
  }
}

.hizmet-oge-detay {
  font-size: 0.78rem;
  color: #94A3B8;
  line-height: 1.35;
  @media (max-width: 480px) {
    font-size: 0.74rem;
  }
}

.vitrin-eylem-butonlari {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  @media (max-width: 576px) {
    flex-direction: column;
  }
}

.vitrin-aksiyon-butonu {
  flex: 1;
  justify-content: center;
  height: 52px;
  border-radius: var(--kavis-tam);
  box-shadow: 0 10px 25px rgba(22, 46, 235, 0.4);
  @media (max-width: 576px) {
    width: 100%;
  }
}

.vitrin-whatsapp-butonu {
  height: 52px;
  padding: 0 20px;
  flex-shrink: 0;
  border-radius: var(--kavis-tam);
  @media (max-width: 576px) {
    width: 100%;
    justify-content: center;
  }
}

.sayaclar-bolumu {
  background-color: #FFFFFF;
  border-radius: var(--kavis-buyuk);
  padding: 44px 36px;
  color: var(--renk-metin-koyu);
  margin-top: 60px;
  border: 1px solid var(--renk-sinir);
  @media (max-width: 991px) {
    padding: 32px 24px;
    margin-top: 40px;
  }
  @media (max-width: 576px) {
    padding: 24px 16px;
  }
}

.sayaclar-izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 0;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 24px 0;
  }
}

.sayac-kutusu {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 8px 24px;
  position: relative;
  @media (max-width: 991px) {
    padding: 8px 16px;
  }
}

.sayac-kutusu:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 15%;
  height: 70%;
  width: 1px;
  background-color: var(--renk-sinir);
  @media (max-width: 991px) {
    display: none;
  }
}

.sayac-ikon-kutusu {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: var(--renk-ana-yumusak);
  color: var(--renk-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  transition: transform var(--gecis-orta), background-color var(--gecis-orta), color var(--gecis-orta);
  @media (max-width: 768px) {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
  }
}

.sayac-ikon-kutusu svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 20px;
    height: 20px;
  }
}

.sayac-kutusu:hover .sayac-ikon-kutusu {
  background-color: var(--renk-ana);
  color: #FFFFFF;
  transform: translateY(-3px);
}

.sayac-sayi-alani {
  font-family: var(--font-baslik);
  font-size: 3rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  line-height: 1;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  letter-spacing: -0.5px;
  @media (max-width: 991px) {
    font-size: 2.6rem;
  }
  @media (max-width: 768px) {
    font-size: 2.2rem;
  }
}

.sayac-arti {
  color: var(--renk-ana);
  font-size: 2.2rem;
  font-weight: 800;
  margin-left: 2px;
  @media (max-width: 768px) {
    font-size: 1.7rem;
  }
}

.sayac-etiket {
  font-size: 0.94rem;
  color: var(--renk-metin-orta);
  font-weight: 600;
  line-height: 1.4;
  max-width: 200px;
  @media (max-width: 768px) {
    font-size: 0.86rem;
  }
}

.surec-adimlari-izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  @media (max-width: 1100px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.surec-adimi-karti {
  background-color: #FFFFFF;
  border-radius: var(--kavis-orta);
  padding: 30px 24px;
  border: 1px solid var(--renk-sinir);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--gecis-orta), border-color var(--gecis-orta), box-shadow var(--gecis-orta);
  @media (max-width: 768px) {
    padding: 24px 20px;
  }
}

.surec-adimi-karti:hover {
  transform: translateY(-6px);
  border-color: var(--renk-ana);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.surec-arkaplan-sayi {
  position: absolute;
  top: 14px;
  right: 18px;
  font-family: var(--font-baslik);
  font-size: 3.8rem;
  font-weight: 900;
  color: #F1F5F9;
  line-height: 1;
  pointer-events: none;
  transition: color var(--gecis-orta);
}

.surec-adimi-karti:hover .surec-arkaplan-sayi {
  color: #EEF2FF;
}

.surec-kart-ust-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  position: relative;
  z-index: 2;
}

.surec-ikon-kutusu {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background-color: var(--renk-ana-yumusak);
  color: var(--renk-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(22, 46, 235, 0.12);
  transition: transform var(--gecis-orta), background var(--gecis-orta), color var(--gecis-orta), border-color var(--gecis-orta);
  @media (max-width: 768px) {
    width: 46px;
    height: 46px;
  }
}

.surec-ikon-kutusu svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  transition: transform var(--gecis-orta);
  @media (max-width: 768px) {
    width: 20px;
    height: 20px;
  }
}

.surec-adimi-karti:hover .surec-ikon-kutusu {
  background: var(--gradyan-ana);
  color: #FFFFFF;
  border-color: transparent;
  transform: scale(1.08);
}

.surec-adim-etiket {
  font-size: 0.76rem;
  font-weight: 800;
  color: var(--renk-ana);
  background-color: var(--renk-ana-yumusak);
  padding: 4px 10px;
  border-radius: var(--kavis-tam);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border: 1px solid rgba(22, 46, 235, 0.15);
  transition: background-color var(--gecis-orta), color var(--gecis-orta), border-color var(--gecis-orta);
}

.surec-adimi-karti:hover .surec-adim-etiket {
  background-color: var(--renk-ana);
  color: #FFFFFF;
  border-color: transparent;
}

.surec-adimi-baslik {
  font-size: 1.22rem;
  font-weight: 800;
  margin-bottom: 10px;
  color: var(--renk-metin-koyu);
  font-family: var(--font-baslik);
  letter-spacing: -0.3px;
  position: relative;
  z-index: 2;
  transition: color var(--gecis-hizli);
  @media (max-width: 768px) {
    font-size: 1.1rem;
  }
}

.surec-adimi-karti:hover .surec-adimi-baslik {
  color: var(--renk-ana);
}

.surec-adimi-aciklama {
  font-size: 0.9rem;
  color: var(--renk-metin-orta);
  line-height: 1.6;
  margin: 0;
  position: relative;
  z-index: 2;
}

.erengrup-bolumu {
  margin-top: 70px;
  @media (max-width: 991px) {
    margin-top: 50px;
  }
}

.erengrup-ust-baslik-alani {
  margin-bottom: 36px;
  @media (max-width: 768px) {
    margin-bottom: 24px;
  }
}

.bolum-baslik-blogu-merkez {
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  @media (max-width: 768px) {
    margin-bottom: 20px;
  }
}

.erengrup-kart-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

.erengrup-dikey-kart {
  position: relative;
  border-radius: var(--kavis-orta);
  overflow: hidden;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 15px 35px rgba(15, 23, 42, 0.12);
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  @media (max-width: 768px) {
    min-height: 420px;
    padding: 20px;
  }
  @media (max-width: 480px) {
    min-height: 380px;
  }
}

.erengrup-dikey-kart:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.25);
  border-color: rgba(56, 189, 248, 0.5);
}

.erengrup-dikey-kart-gorsel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.erengrup-dikey-kart:hover .erengrup-dikey-kart-gorsel {
  transform: scale(1.06);
}

.erengrup-dikey-kart-katman {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.08) 0%, rgba(15, 23, 42, 0.25) 30%, rgba(15, 23, 42, 0.8) 65%, rgba(15, 23, 42, 0.98) 100%);
  z-index: 2;
  transition: background 0.3s ease;
  pointer-events: none;
}

.erengrup-dikey-kart:hover .erengrup-dikey-kart-katman {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.2) 25%, rgba(15, 23, 42, 0.75) 60%, rgba(15, 23, 42, 0.98) 100%);
}

.erengrup-dikey-kart-ust {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.erengrup-dikey-kart-rozet {
  font-size: 0.75rem;
  font-weight: 800;
  color: #FFFFFF;
  background: var(--gradyan-ana);
  padding: 6px 14px;
  border-radius: var(--kavis-tam);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  box-shadow: 0 4px 12px rgba(22, 46, 235, 0.35);
}

.erengrup-dikey-rozet-mavi {
  background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%);
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35);
}

.erengrup-dikey-rozet-yesil {
  background: linear-gradient(135deg, #16A34A 0%, #15803D 100%);
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.35);
}

.erengrup-dikey-kart-govde {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

.erengrup-dikey-kart-baslik {
  font-size: 1.4rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 8px;
  font-family: var(--font-baslik);
  letter-spacing: -0.3px;
  @media (max-width: 480px) {
    font-size: 1.22rem;
  }
}

.erengrup-dikey-kart-aciklama {
  font-size: 0.88rem;
  color: #CBD5E1;
  line-height: 1.55;
  margin-bottom: 18px;
}

.erengrup-dikey-kart-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.erengrup-dikey-kart-yil {
  font-size: 0.82rem;
  font-weight: 700;
  color: #94A3B8;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.erengrup-dikey-kart-ok {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.erengrup-dikey-kart-ok svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

.erengrup-dikey-kart:hover .erengrup-dikey-kart-ok {
  background: var(--gradyan-ana);
  border-color: transparent;
  transform: scale(1.08);
}

.erengrup-dikey-kart:hover .erengrup-dikey-kart-ok svg {
  transform: translateX(3px);
}

.markalar-ana-bolumu {
  background: radial-gradient(ellipse 90% 70% at 50% 0%, #162447 0%, #0A1128 50%, #030712 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}

.markalar-ana-bolumu .ust-rozet {
  background: rgba(56, 189, 248, 0.12);
  color: #38BDF8;
  border-color: rgba(56, 189, 248, 0.25);
}

.markalar-ana-bolumu .ana-baslik {
  color: #FFFFFF;
}

.markalar-ana-bolumu .ana-baslik-vurgu {
  color: #38BDF8;
}

.markalar-ana-bolumu .bolum-ozeti {
  color: #94A3B8;
}

.markalar-premium-izgara {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  @media (max-width: 1200px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
  }
  @media (max-width: 991px) {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  @media (max-width: 576px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.marka-kart-oge {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.005) 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--kavis-orta);
  padding: 24px 14px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: transform var(--gecis-orta), background var(--gecis-orta), border-color var(--gecis-orta), box-shadow var(--gecis-orta);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  @media (max-width: 768px) {
    padding: 18px 12px 16px;
  }
  @media (max-width: 480px) {
    padding: 16px 10px 14px;
  }
}

.marka-kart-oge:hover {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.015) 100%);
  border-color: rgba(56, 189, 248, 0.5);
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 16px rgba(56, 189, 248, 0.15);
}

.marka-kart-isim {
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.3;
  margin-bottom: 4px;
  transition: color var(--gecis-hizli);
  @media (max-width: 768px) {
    font-size: 0.92rem;
  }
}

.marka-kart-oge:hover .marka-kart-isim {
  color: #38BDF8;
}

.marka-kart-alt {
  font-size: 0.72rem;
  font-weight: 600;
  color: #94A3B8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  transition: color var(--gecis-hizli);
  @media (max-width: 768px) {
    font-size: 0.68rem;
    margin-bottom: 12px;
  }
}

.marka-kart-oge:hover .marka-kart-alt {
  color: #E2E8F0;
}

.marka-kart-ok {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94A3B8;
  transition: transform var(--gecis-orta), background var(--gecis-orta), border-color var(--gecis-orta), color var(--gecis-orta), box-shadow var(--gecis-orta);
  @media (max-width: 768px) {
    width: 30px;
    height: 30px;
  }
}

.marka-kart-ok svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  transition: transform var(--gecis-orta);
  @media (max-width: 768px) {
    width: 13px;
    height: 13px;
  }
}

.marka-kart-oge:hover .marka-kart-ok {
  background: var(--gradyan-ana);
  color: #FFFFFF;
  border-color: rgba(56, 189, 248, 0.8);
  box-shadow: 0 6px 18px rgba(22, 46, 235, 0.55);
  transform: scale(1.08);
}

.marka-kart-oge:hover .marka-kart-ok svg {
  transform: translateX(3px);
}

.markalar-tum-araclar-alani {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 56px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  @media (max-width: 991px) {
    margin-top: 44px;
  }
  @media (max-width: 768px) {
    margin-top: 36px;
  }
}

.markalar-tum-araclar-butonu {
  min-height: 54px;
  padding: 0 40px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.5px;
  border-radius: var(--kavis-tam);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
  color: #FFFFFF;
  border: 1px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.4);
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  transition: background var(--gecis-orta), border-color var(--gecis-orta), box-shadow var(--gecis-orta), color var(--gecis-orta);
  transition: 300ms all;
  @media (max-width: 576px) {
    width: 100%;
    padding: 0 20px;
    font-size: 0.92rem;
    min-height: 50px;
    gap: 8px;
  }
}

.markalar-tum-araclar-butonu:hover {
  background: linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%);
  border-color: rgba(56, 189, 248, 0.6);
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.55);
  color: #FFFFFF;
}

.markalar-tum-araclar-butonu .buton-ikon {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.yorumlar-izgarasi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  @media (max-width: 640px) {
    grid-template-columns: 1fr;
  }
}

.yorum-karti {
  background-color: var(--renk-kart);
  border-radius: var(--kavis-orta);
  padding: 28px;
  border: 1px solid var(--renk-sinir);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all var(--gecis-orta);
}

.yorum-karti:hover {
  transform: translateY(-6px);
  box-shadow: var(--golge-orta);
}

.yorum-yildiz-alani {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--renk-altin);
  margin-bottom: 14px;
}

.yorum-yildiz-alani svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.yorum-metni {
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--renk-metin-govde);
  margin-bottom: 20px;
  font-style: italic;
}

.yorum-sahibi-alani {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--renk-sinir);
}

.yorum-avatar-harf {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--gradyan-koyu);
  color: var(--renk-ikincil);
  font-family: var(--font-baslik);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1.5px solid rgba(139, 213, 46, 0.4);
}

.yorum-sahibi-bilgi {
  display: flex;
  flex-direction: column;
}

.yorum-sahibi-isim {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.yorum-sahibi-arac {
  font-size: 0.8rem;
  color: var(--renk-metin-orta);
}

.sss-akordiyon-listesi {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sss-oge {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  overflow: hidden;
  transition: all var(--gecis-hizli);
}

.sss-oge.aktif {
  border-color: var(--renk-sinir-vurgu);
  box-shadow: var(--golge-hafif);
}

.sss-baslik-cubugu {
  width: 100%;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-align: left;
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  cursor: pointer;
  background-color: transparent;
  transition: color var(--gecis-hizli);
  @media (max-width: 480px) {
    padding: 16px;
    font-size: 0.95rem;
  }
}

.sss-oge.aktif .sss-baslik-cubugu {
  color: var(--renk-ana);
}

.sss-ok-ikonu {
  width: 20px;
  height: 20px;
  fill: currentColor;
  flex-shrink: 0;
  transition: transform var(--gecis-hizli);
}

.sss-oge.aktif .sss-ok-ikonu {
  transform: rotate(180deg);
}

.sss-govde {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--gecis-orta);
}

.sss-govde-icerik {
  padding: 0 24px 22px;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--renk-metin-orta);
  @media (max-width: 480px) {
    padding: 0 16px 16px;
    font-size: 0.88rem;
  }
}

.haftanin-araci-bolumu {
  padding: 0;
  position: relative;
}

.haftanin-vip-kapsul {
  background: radial-gradient(circle at 85% 15%, rgba(56, 189, 248, 0.12) 0%, rgba(22, 46, 235, 0.08) 45%, rgba(8, 14, 30, 0.98) 100%), #080E1E;
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: 36px;
  padding: 36px 40px;
  box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.6), 0 0 50px rgba(22, 46, 235, 0.15);
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
  @media (max-width: 1200px) {
    padding: 32px;
  }
  @media (max-width: 991px) {
    padding: 24px 20px;
    border-radius: 24px;
  }
  @media (max-width: 576px) {
    padding: 18px 14px;
    border-radius: 20px;
  }
  @media (max-width: 480px) {
    padding: 14px 12px;
  }
}

.haftanin-vip-ust-serit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  @media (max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 18px;
    margin-bottom: 20px;
  }
}

.haftanin-vip-rozet-alani {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.haftanin-vip-yildiz-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  color: #FFFFFF;
  font-family: var(--font-baslik);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  border-radius: var(--kavis-tam);
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.4);
}

.haftanin-vip-yildiz-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.haftanin-vip-stok-durum {
  font-size: 0.82rem;
  font-weight: 600;
  color: #94A3B8;
}

.haftanin-vip-kazanc-etiketi {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(22, 163, 74, 0.2);
  border: 1px solid rgba(74, 222, 128, 0.4);
  color: #4ADE80;
  font-family: var(--font-baslik);
  font-size: 0.82rem;
  font-weight: 800;
  border-radius: var(--kavis-tam);
}

.haftanin-vip-kazanc-etiketi svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.haftanin-vip-ana-govde {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 40px;
  align-items: center;
  @media (max-width: 1100px) {
    gap: 32px;
  }
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.haftanin-vip-sol-sahne {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.haftanin-vip-gorsel-kutusu {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  aspect-ratio: 16 / 10.2;
  background-color: #0B1226;
  @media (max-width: 576px) {
    border-radius: 14px;
  }
}

.haftanin-vip-gorsel-kutusu:hover .haftanin-vip-arac-resmi {
  transform: scale(1.04);
}

.haftanin-vip-arac-resmi {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--gecis-yavas);
}

.haftanin-vip-gorsel-katman {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.haftanin-vip-etiket-cam {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--kavis-tam);
  background: rgba(15, 23, 42, 0.85);
  color: #4ADE80;
  border: 1px solid rgba(74, 222, 128, 0.35);
  font-size: 0.76rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.haftanin-vip-etiket-cam svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}

.haftanin-vip-etiket-mavi {
  color: #38BDF8;
  border-color: rgba(56, 189, 248, 0.35);
}

.haftanin-vip-guvence-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.haftanin-vip-guvence-madde {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  border-radius: var(--kavis-orta);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.haftanin-vip-guvence-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  color: #38BDF8;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.haftanin-vip-guvence-deger {
  font-size: 0.82rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.3;
}

.haftanin-vip-sag-icerik {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.haftanin-vip-baslik-alani {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.haftanin-vip-alt-etiket {
  font-family: var(--font-baslik);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #38BDF8;
}

.haftanin-vip-model-adi {
  font-family: var(--font-baslik);
  font-size: 1.95rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.22;
  margin: 0;
  @media (max-width: 1200px) {
    font-size: 1.7rem;
  }
  @media (max-width: 768px) {
    font-size: 1.45rem;
  }
  @media (max-width: 480px) {
    font-size: 1.25rem;
  }
}

.haftanin-vip-model-vurgu {
  color: #8BD52E;
}

.haftanin-vip-aciklama {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #94A3B8;
  margin: 0;
}

.haftanin-vip-teknik-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  @media (max-width: 576px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.haftanin-vip-teknik-kutu {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--kavis-orta);
  padding: 9px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: all var(--gecis-hizli);
}

.haftanin-vip-teknik-kutu:hover {
  border-color: rgba(56, 189, 248, 0.4);
  background: rgba(56, 189, 248, 0.08);
  transform: translateY(-2px);
}

.haftanin-vip-teknik-etiket {
  font-size: 0.7rem;
  font-weight: 700;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.haftanin-vip-teknik-deger {
  font-family: var(--font-baslik);
  font-size: 0.92rem;
  font-weight: 800;
  color: #F8FAFC;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.haftanin-vip-donanim-etiketleri {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.haftanin-vip-donanim-hap {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--kavis-tam);
  font-size: 0.76rem;
  font-weight: 600;
  color: #CBD5E1;
}

.haftanin-vip-finansman-karti {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  background: linear-gradient(135deg, rgba(22, 46, 235, 0.15) 0%, rgba(56, 189, 248, 0.08) 100%);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: var(--kavis-orta);
  @media (max-width: 480px) {
    padding: 10px 12px;
    gap: 10px;
  }
}

.haftanin-vip-finansman-ikon {
  width: 36px;
  height: 36px;
  border-radius: var(--kavis-tam);
  background: var(--gradyan-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.haftanin-vip-finansman-ikon svg {
  width: 18px;
  height: 18px;
  fill: #FFFFFF;
}

.haftanin-vip-finansman-yazi {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.haftanin-vip-finansman-yazi strong {
  font-size: 0.86rem;
  color: #38BDF8;
  font-weight: 800;
}

.haftanin-vip-finansman-yazi span {
  font-size: 0.78rem;
  color: #94A3B8;
}

.haftanin-vip-fiyat-ve-aksiyon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  @media (max-width: 768px) {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding-top: 14px;
  }
}

.haftanin-vip-fiyat-kutusu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  @media (max-width: 768px) {
    align-items: center;
    text-align: center;
  }
}

.haftanin-vip-eski-fiyat-satiri {
  display: flex;
  align-items: center;
  gap: 8px;
}

.haftanin-vip-eski-fiyat {
  font-size: 0.9rem;
  font-weight: 600;
  color: #64748B;
  text-decoration: line-through;
}

.haftanin-vip-indirim-yuzde {
  font-size: 0.72rem;
  font-weight: 800;
  color: #4ADE80;
  background: rgba(74, 222, 128, 0.15);
  padding: 2px 8px;
  border-radius: var(--kavis-tam);
}

.haftanin-vip-guncel-fiyat {
  font-family: var(--font-baslik);
  font-size: 2.25rem;
  font-weight: 900;
  color: #FFFFFF;
  letter-spacing: -0.03em;
  line-height: 1;
  white-space: nowrap;
  @media (max-width: 480px) {
    font-size: 1.85rem;
  }
}

.haftanin-vip-aksiyon-butonlar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  @media (max-width: 768px) {
    flex-direction: column;
    width: 100%;
  }
}

.haftanin-vip-ana-buton {
  background: var(--gradyan-ana);
  color: #FFFFFF;
  box-shadow: 0 10px 25px rgba(22, 46, 235, 0.4);
  @media (max-width: 768px) {
    width: 100%;
    justify-content: center;
  }
}

.haftanin-vip-aksiyon-butonlar .buton-ikincil-yesil {
  @media (max-width: 768px) {
    width: 100%;
    justify-content: center;
  }
}
/* araç detay */
.ic-sayfa-ust-alani {
  @media (max-width: 991px) {
    padding: 24px 0 32px;
  }
  @media (max-width: 768px) {
    padding: 12px 0 18px;
  }
}

.ekmek-kirintisi {
  @media (max-width: 768px) {
    display: none;
  }
}

.sayfa-ana-baslik {
  @media (max-width: 1200px) {
    font-size: 2.2rem;
  }
  @media (max-width: 991px) {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  @media (max-width: 768px) {
    font-size: 1.35rem;
    margin-bottom: 8px;
  }
  @media (max-width: 480px) {
    font-size: 1.18rem;
  }
}

.sayfa-hizli-rozetler {
  @media (max-width: 768px) {
    gap: 5px;
  }
}

.sayfa-rozet-oge {
  @media (max-width: 768px) {
    padding: 3px 8px;
    font-size: 0.68rem;
    gap: 4px;
  }
}

.detay-sayfasi-bolumu {
  padding: 40px 0 80px;
  background-color: #fff;
  @media (max-width: 991px) {
    padding: 20px 0 50px;
  }
  @media (max-width: 768px) {
    padding: 12px 0 32px;
  }
  @media (max-width: 480px) {
    padding: 8px 0 24px;
  }
}

.detay-ana-duzen {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
  align-items: start;
  @media (max-width: 1200px) {
    grid-template-columns: 1fr 330px;
    gap: 24px;
  }
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  @media (max-width: 768px) {
    gap: 12px;
  }
  @media (max-width: 480px) {
    gap: 8px;
  }
}

.detay-ana-kolon {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  width: 100%;
  @media (max-width: 991px) {
    gap: 16px;
  }
  @media (max-width: 768px) {
    gap: 12px;
  }
  @media (max-width: 480px) {
    gap: 8px;
  }
}

.detay-galeri-kapsayici {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-width: 0;
  @media (max-width: 768px) {
    gap: 6px;
  }
  @media (max-width: 480px) {
    gap: 4px;
  }
}

.detay-galeri-ana-kutusu {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: var(--kavis-kucuk);
  overflow: hidden;
  background-color: #0B1120;
  cursor: pointer;
}

.detay-galeri-ana-resim {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.detay-galeri-ana-kutusu:hover .detay-galeri-ana-resim {
  transform: scale(1.02);
}

.detay-galeri-rozet-grubu {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 2;
  @media (max-width: 768px) {
    top: 6px;
    left: 6px;
    gap: 3px;
  }
}

.detay-rozet-oge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--kavis-tam);
  font-size: 0.76rem;
  font-weight: 800;
  color: #FFFFFF;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  @media (max-width: 768px) {
    font-size: 0.65rem;
    padding: 2px 6px;
    gap: 3px;
  }
}

.detay-rozet-yesil {
  background-color: rgba(16, 185, 129, 0.92);
}

.detay-rozet-mavi {
  background-color: rgba(22, 46, 235, 0.92);
}

.detay-rozet-oge svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 10px;
    height: 10px;
  }
}

.detay-galeri-sag-rozet {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
  @media (max-width: 768px) {
    top: 6px;
    right: 6px;
    gap: 4px;
  }
}

.detay-foto-sayaci {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: rgba(0, 0, 0, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--kavis-tam);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 800;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  @media (max-width: 768px) {
    font-size: 0.65rem;
    padding: 2px 6px;
  }
}

.detay-foto-sayaci svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 10px;
    height: 10px;
  }
}

.detay-galeri-buyut-butonu {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background-color: rgba(22, 46, 235, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--kavis-tam);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: all var(--gecis-hizli);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  @media (max-width: 768px) {
    font-size: 0.65rem;
    padding: 2px 7px;
  }
}

.detay-galeri-buyut-butonu:hover {
  background-color: var(--renk-ana);
  transform: scale(1.05);
}

.detay-galeri-buyut-butonu svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 10px;
    height: 10px;
  }
}

.detay-galeri-ok-butonu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: var(--kavis-tam);
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--renk-metin-koyu);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  z-index: 3;
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli), transform var(--gecis-hizli);
  @media (max-width: 768px) {
    width: 28px;
    height: 28px;
  }
}

.detay-galeri-ok-butonu:hover {
  background-color: var(--renk-ana);
  color: #FFFFFF;
  transform: translateY(-50%) scale(1.08);
}

.detay-galeri-ok-sol {
  left: 12px;
  @media (max-width: 768px) {
    left: 4px;
  }
}

.detay-galeri-ok-sag {
  right: 12px;
  @media (max-width: 768px) {
    right: 4px;
  }
}

.detay-galeri-ok-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 13px;
    height: 13px;
  }
}

.detay-galeri-minyatur-izgarasi {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  width: 100%;
  @media (max-width: 768px) {
    gap: 4px;
  }
  @media (max-width: 480px) {
    gap: 3px;
  }
}

.detay-galeri-minyatur-karti {
  position: relative;
  aspect-ratio: 16 / 10;
  border-radius: var(--kavis-kucuk);
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color var(--gecis-hizli), opacity var(--gecis-hizli);
  @media (max-width: 768px) {
    border-radius: 4px;
    border-width: 1.5px;
  }
}

.detay-galeri-minyatur-karti img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  transition: opacity var(--gecis-hizli);
}

.detay-galeri-minyatur-karti:hover img {
  opacity: 0.95;
}

.detay-galeri-minyatur-karti.aktif {
  border-color: var(--renk-ana);
}

.detay-galeri-minyatur-karti.aktif img {
  opacity: 1;
}

.detay-hizli-ozellikler-karti {
  background-color: #FFFFFF;
  width: 100%;
  min-width: 0;
}

.detay-hizli-ozellikler-izgarasi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  @media (max-width: 991px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }
  @media (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  @media (max-width: 480px) {
    gap: 4px;
  }
}

.detay-ozellik-kutu {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background-color: var(--renk-zemin-alt);
  border-radius: var(--kavis-kucuk);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform var(--gecis-hizli), background-color var(--gecis-hizli);
  min-width: 0;
  @media (max-width: 768px) {
    padding: 6px 8px;
    gap: 6px;
  }
  @media (max-width: 480px) {
    padding: 5px 6px;
    gap: 5px;
  }
}

.detay-ozellik-kutu:hover {
  transform: translateY(-2px);
  background-color: #F1F5F9;
}

.detay-ozellik-ikon-kutusu {
  width: 36px;
  height: 36px;
  border-radius: var(--kavis-kucuk);
  background-color: rgba(22, 46, 235, 0.08);
  color: var(--renk-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 28px;
    height: 28px;
    border-radius: 5px;
  }
  @media (max-width: 480px) {
    width: 24px;
    height: 24px;
  }
}

.detay-ozellik-ikon-kutusu svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 14px;
    height: 14px;
  }
  @media (max-width: 480px) {
    width: 12px;
    height: 12px;
  }
}

.detay-ozellik-bilgi {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  overflow: hidden;
}

.detay-ozellik-etiket {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  @media (max-width: 768px) {
    font-size: 0.62rem;
  }
}

.detay-ozellik-deger {
  font-size: 0.88rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  @media (max-width: 768px) {
    font-size: 0.76rem;
  }
  @media (max-width: 480px) {
    font-size: 0.72rem;
  }
}

.detay-bolum-karti {
  background-color: #FFFFFF;
  border-radius: var(--kavis-orta);
  border: 1px solid var(--renk-sinir);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  min-width: 0;
  @media (max-width: 991px) {
    padding: 16px;
    gap: 12px;
  }
  @media (max-width: 768px) {
    padding: 10px 8px;
    gap: 10px;
    border-radius: var(--kavis-kucuk);
  }
  @media (max-width: 480px) {
    padding: 8px 6px;
    gap: 8px;
  }
}

.detay-bolum-ust-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--renk-sinir);
  gap: 6px;
  @media (max-width: 768px) {
    padding-bottom: 6px;
  }
}

.detay-bolum-baslik-metni {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.12rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  margin: 0;
  min-width: 0;
  @media (max-width: 768px) {
    font-size: 0.9rem;
    gap: 5px;
  }
  @media (max-width: 480px) {
    font-size: 0.84rem;
  }
}

.detay-bolum-baslik-metni svg {
  width: 18px;
  height: 18px;
  fill: var(--renk-ana);
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 15px;
    height: 15px;
  }
}

.detay-bolum-rozet {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--renk-ana);
  background-color: rgba(22, 46, 235, 0.08);
  padding: 3px 8px;
  border-radius: var(--kavis-tam);
  white-space: nowrap;
  flex-shrink: 0;
  @media (max-width: 768px) {
    font-size: 0.65rem;
    padding: 2px 6px;
  }
}

.detay-teknik-tablo-izgarasi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.detay-teknik-grup {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.detay-teknik-grup-baslik {
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  padding-bottom: 4px;
  border-bottom: 2px solid rgba(22, 46, 235, 0.15);
  margin: 0;
  @media (max-width: 768px) {
    font-size: 0.78rem;
    padding-bottom: 2px;
  }
}

.detay-teknik-satir-listesi {
  display: flex;
  flex-direction: column;
}

.detay-teknik-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid var(--renk-sinir);
  font-size: 0.82rem;
  gap: 6px;
  @media (max-width: 768px) {
    padding: 5px 0;
    font-size: 0.75rem;
  }
}

.detay-teknik-satir:last-child {
  border-bottom: none;
}

.detay-teknik-anahtar {
  color: var(--renk-metin-orta);
  font-weight: 600;
}

.detay-teknik-veri {
  color: var(--renk-metin-koyu);
  font-weight: 800;
  text-align: right;
  word-break: break-word;
}

.detay-donanim-kategorileri {
  display: flex;
  flex-direction: column;
  gap: 14px;
  @media (max-width: 768px) {
    gap: 10px;
  }
}

.detay-donanim-kategori-bloku {
  display: flex;
  flex-direction: column;
  gap: 8px;
  @media (max-width: 768px) {
    gap: 5px;
  }
}

.detay-donanim-kategori-basligi {
  display: flex;
  align-items: center;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  margin: 0;
  @media (max-width: 768px) {
    font-size: 0.92rem;
  }
  @media (max-width: 480px) {
    font-size: 0.88rem;
  }
}

.detay-donanim-madde-izgarasi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding-block: 5px 16px;
  @media (max-width: 1280px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }
  @media (max-width: 480px) {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

.detay-donanim-madde {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  min-width: 0;
  @media (max-width: 768px) {
    padding: 5px 6px;
    font-size: 0.72rem;
    gap: 5px;
  }
}

.detay-donanim-madde svg {
  width: 16px;
  height: 16px;
  fill: #10B981;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 14px;
    height: 14px;
  }
}

.detay-ekspertiz-govde {
  display: flex;
  flex-direction: column;
  gap: 14px;
  @media (max-width: 768px) {
    gap: 8px;
  }
}

.detay-ekspertiz-ust-ozet {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}

.detay-ekspertiz-durum-karti {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--kavis-kucuk);
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  min-width: 0;
  @media (max-width: 768px) {
    padding: 6px 8px;
    gap: 6px;
  }
}

.detay-ekspertiz-durum-karti.yesil {
  background-color: rgba(16, 185, 129, 0.06);
  border-color: rgba(16, 185, 129, 0.25);
}

.detay-ekspertiz-durum-karti.mavi {
  background-color: rgba(22, 46, 235, 0.06);
  border-color: rgba(22, 46, 235, 0.25);
}

.detay-ekspertiz-durum-karti.turuncu {
  background-color: rgba(245, 158, 11, 0.06);
  border-color: rgba(245, 158, 11, 0.3);
}

.detay-ekspertiz-durum-karti.kirmizi {
  background-color: rgba(239, 68, 68, 0.06);
  border-color: rgba(239, 68, 68, 0.3);
}

.detay-durum-ikonu {
  width: 32px;
  height: 32px;
  border-radius: var(--kavis-tam);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 24px;
    height: 24px;
  }
}

.detay-durum-ikonu.yesil {
  background-color: #10B981;
  color: #FFFFFF;
}

.detay-durum-ikonu.mavi {
  background-color: var(--renk-ana);
  color: #FFFFFF;
}

.detay-durum-ikonu.turuncu {
  background-color: #F59E0B;
  color: #FFFFFF;
}

.detay-durum-ikonu.kirmizi {
  background-color: #EF4444;
  color: #FFFFFF;
}

.detay-durum-ikonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 12px;
    height: 12px;
  }
}

.detay-durum-metin-kutusu {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.detay-durum-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  @media (max-width: 768px) {
    font-size: 0.64rem;
  }
}

.detay-durum-sonuc {
  font-size: 0.88rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  @media (max-width: 768px) {
    font-size: 0.78rem;
  }
}

.detay-kaporta-parca-izgarasi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
  @media (max-width: 991px) {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  @media (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }
  @media (max-width: 480px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
  }
}

.detay-kaporta-parca-oge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background-color: #FFFFFF;
  border-radius: var(--kavis-kucuk);
  border: 1px solid var(--renk-sinir);
  font-size: 0.78rem;
  min-width: 0;
  gap: 4px;
  @media (max-width: 768px) {
    padding: 4px 6px;
    font-size: 0.7rem;
  }
}

.detay-parca-adi {
  font-weight: 700;
  color: var(--renk-metin-koyu);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detay-parca-durumu {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.7rem;
  font-weight: 800;
  color: #10B981;
  background-color: rgba(16, 185, 129, 0.1);
  padding: 1px 5px;
  border-radius: var(--kavis-tam);
  flex-shrink: 0;
  @media (max-width: 768px) {
    font-size: 0.62rem;
    padding: 1px 4px;
  }
}

.detay-parca-durumu.yesil {
  color: #10B981;
  background-color: rgba(16, 185, 129, 0.1);
}

.detay-parca-durumu.turuncu {
  color: #D97706;
  background-color: rgba(245, 158, 11, 0.12);
}

.detay-parca-durumu.kirmizi {
  color: #EF4444;
  background-color: rgba(239, 68, 68, 0.12);
}

.detay-parca-durumu svg {
  width: 9px;
  height: 9px;
  fill: currentColor;
}

.detay-aciklama-metni {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--renk-metin-orta);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  @media (max-width: 768px) {
    font-size: 0.78rem;
    line-height: 1.45;
    gap: 8px;
  }
}

.detay-aciklama-metni p {
  margin: 0;
}

.detay-aciklama-metni ul {
  list-style: none;
  margin: 6px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  @media (max-width: 768px) {
    gap: 6px;
    margin-top: 4px;
  }
}

.detay-aciklama-metni li {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 10px 14px 10px 38px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-kucuk);
  color: var(--renk-metin-koyu);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.5;
  transition: background-color var(--gecis-hizli), border-color var(--gecis-hizli);
  @media (max-width: 768px) {
    padding: 8px 10px 8px 30px;
    font-size: 0.76rem;
    line-height: 1.4;
  }
}

.detay-aciklama-metni li:hover {
  background-color: #FFFFFF;
  border-color: rgba(22, 46, 235, 0.25);
}

.detay-aciklama-metni li::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  border-radius: var(--kavis-tam);
  background-color: rgba(22, 46, 235, 0.1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23162EEB'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  @media (max-width: 768px) {
    left: 8px;
    top: 9px;
    width: 14px;
    height: 14px;
    background-size: 8px 8px;
  }
}

.detay-aciklama-maddeleri {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.detay-aciklama-madde {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--renk-metin-koyu);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    gap: 5px;
  }
}

.detay-aciklama-madde svg {
  width: 14px;
  height: 14px;
  fill: var(--renk-ana);
  margin-top: 2px;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 12px;
    height: 12px;
  }
}

.detay-kredi-hesaplayici-alani {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
  width: 100%;
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.detay-kredi-form-kolonu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  @media (max-width: 768px) {
    gap: 8px;
  }
}

.detay-kredi-girdi-grubu {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.filtre-aralik-input {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-kucuk);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  font-family: inherit;
  outline: none;
  transition: border-color var(--gecis-hizli);
  @media (max-width: 768px) {
    padding: 6px 8px;
    font-size: 0.78rem;
  }
}

.filtre-aralik-input:focus {
  border-color: var(--renk-ana);
  background-color: #FFFFFF;
}

.detay-kredi-etiket-satiri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  @media (max-width: 768px) {
    font-size: 0.72rem;
  }
}

.detay-kredi-deger-vurgusu {
  color: var(--renk-ana);
  font-weight: 900;
}

.detay-kredi-kaydirici {
  width: 100%;
  height: 5px;
  background: #E2E8F0;
  border-radius: var(--kavis-tam);
  outline: none;
  cursor: pointer;
  accent-color: var(--renk-ana);
}

.detay-vade-secim-grubu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

.detay-vade-butonu {
  padding: 6px 2px;
  text-align: center;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-kucuk);
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  cursor: pointer;
  transition: all var(--gecis-hizli);
  @media (max-width: 768px) {
    padding: 5px 2px;
    font-size: 0.7rem;
  }
}

.detay-vade-butonu:hover {
  border-color: var(--renk-ana);
  color: var(--renk-ana);
}

.detay-vade-butonu.aktif {
  background-color: var(--renk-ana);
  color: #FFFFFF;
  border-color: var(--renk-ana);
}

.detay-kredi-sonuc-kart {
  background-color: #0B1120;
  background-image: radial-gradient(circle at 100% 0%, rgba(22, 46, 235, 0.25) 0%, transparent 60%);
  border-radius: var(--kavis-kucuk);
  padding: 16px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 10px;
  @media (max-width: 768px) {
    padding: 10px 8px;
    gap: 6px;
  }
}

.detay-kredi-taksit-etiket {
  font-size: 0.74rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  @media (max-width: 768px) {
    font-size: 0.66rem;
  }
}

.detay-kredi-aylik-tutar {
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--renk-ikincil);
  line-height: 1;
  @media (max-width: 768px) {
    font-size: 1.35rem;
  }
  @media (max-width: 480px) {
    font-size: 1.25rem;
  }
}

.detay-kredi-ozet-satiri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.75);
  @media (max-width: 768px) {
    font-size: 0.7rem;
    padding-top: 5px;
  }
}

.detay-kredi-ozet-deger {
  color: #FFFFFF;
  font-weight: 800;
}

.detay-sabit-yan-kolon {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  min-width: 0;
  @media (max-width: 991px) {
    position: static;
    gap: 12px;
  }
  @media (max-width: 768px) {
    gap: 8px;
  }
}

.detay-fiyat-paneli {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  @media (max-width: 768px) {
    padding: 10px 8px;
    gap: 8px;
    border-radius: var(--kavis-kucuk);
  }
  @media (max-width: 480px) {
    padding: 8px 6px;
  }
}

.detay-fiyat-ust-kisim {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--renk-sinir);
  @media (max-width: 768px) {
    padding-bottom: 6px;
  }
}

.detay-fiyat-etiket-satiri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.detay-fiyat-etiketi {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  @media (max-width: 768px) {
    font-size: 0.64rem;
  }
}

.detay-fiyat-eski-rakami {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--renk-metin-acik);
  text-decoration: line-through;
  letter-spacing: -0.3px;
  @media (max-width: 768px) {
    font-size: 0.92rem;
  }
  @media (max-width: 480px) {
    font-size: 0.85rem;
  }
}

.detay-fiyat-rakami {
  font-size: 2rem;
  font-weight: 900;
  color: var(--renk-ana);
  line-height: 1.1;
  letter-spacing: -0.5px;
  @media (max-width: 1200px) {
    font-size: 1.8rem;
  }
  @media (max-width: 768px) {
    font-size: 1.45rem;
  }
  @media (max-width: 480px) {
    font-size: 1.3rem;
  }
}

.detay-fiyat-kdv-durum {
  font-size: 0.76rem;
  font-weight: 700;
  color: #10B981;
  @media (max-width: 768px) {
    font-size: 0.68rem;
  }
}

.detay-aksiyon-buton-grubu {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  @media (max-width: 768px) {
    gap: 5px;
  }
}

.detay-aksiyon-butonu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: var(--kavis-kucuk);
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
  transition: all var(--gecis-hizli);
  text-align: center;
  border: none;
  width: 100%;
  @media (max-width: 768px) {
    padding: 8px 10px;
    font-size: 0.78rem;
    gap: 5px;
  }
}

.detay-buton-whatsapp {
  background-color: #25D366;
  color: #FFFFFF;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.3);
}

.detay-buton-whatsapp:hover {
  background-color: #1EBE5D;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

.detay-buton-telefon {
  background-color: var(--renk-ana);
  color: #FFFFFF;
  box-shadow: 0 4px 16px rgba(22, 46, 235, 0.25);
}

.detay-buton-telefon:hover {
  background-color: var(--renk-ana-koyu);
  transform: translateY(-2px);
}

.detay-buton-takas {
  background-color: var(--renk-zemin-alt);
  color: var(--renk-metin-koyu);
  border: 1px solid var(--renk-sinir);
}

.detay-buton-takas:hover {
  background-color: #FFFFFF;
  border-color: var(--renk-ana);
  color: var(--renk-ana);
}

.detay-aksiyon-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 14px;
    height: 14px;
  }
}

.detay-danisman-karti {
  background-color: var(--renk-zemin-alt);
  border-radius: var(--kavis-kucuk);
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  @media (max-width: 768px) {
    padding: 6px 8px;
    gap: 5px;
  }
}

.detay-danisman-ust {
  display: flex;
  align-items: center;
  gap: 8px;
}

.detay-danisman-avatar {
  width: 34px;
  height: 34px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-ana);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 0.85rem;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 26px;
    height: 26px;
    font-size: 0.72rem;
  }
}

.detay-danisman-bilgiler {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.detay-danisman-ad {
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  @media (max-width: 768px) {
    font-size: 0.76rem;
  }
}

.detay-danisman-unvan {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--renk-metin-orta);
  @media (max-width: 768px) {
    font-size: 0.64rem;
  }
}

.detay-danisman-konum {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  @media (max-width: 768px) {
    font-size: 0.66rem;
    padding-top: 4px;
  }
}

.detay-danisman-konum svg {
  width: 13px;
  height: 13px;
  fill: var(--renk-ana);
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 11px;
    height: 11px;
  }
}

.detay-guvence-maddeleri {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 4px;
  @media (max-width: 768px) {
    gap: 4px;
    padding-top: 2px;
  }
}

.detay-guvence-madde {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  @media (max-width: 768px) {
    font-size: 0.68rem;
    gap: 4px;
  }
}

.detay-guvence-madde svg {
  width: 13px;
  height: 13px;
  fill: #10B981;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 11px;
    height: 11px;
  }
}

.detay-benzer-araclar-bolumu {
  padding: 40px 0 60px;
  background-color: #FFFFFF;
  border-top: 1px solid var(--renk-sinir);
  @media (max-width: 991px) {
    padding: 24px 0 40px;
  }
  @media (max-width: 768px) {
    padding: 16px 0 28px;
  }
}

.detay-benzer-ust-baslik {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 18px;
  gap: 10px;
  @media (max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 10px;
  }
}

.detay-benzer-baslik-grubu {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.detay-benzer-etiket {
  font-size: 0.74rem;
  font-weight: 800;
  color: var(--renk-ana);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  @media (max-width: 768px) {
    font-size: 0.66rem;
  }
}

.detay-benzer-baslik {
  font-size: 1.45rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  margin: 0;
  @media (max-width: 768px) {
    font-size: 1.05rem;
  }
}

.detay-benzer-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  width: 100%;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.detay-paylasim-cubugu {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
  @media (max-width: 768px) {
    gap: 5px;
    margin-top: 6px;
  }
}

.detay-paylas-butonu {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--kavis-tam);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
  transition: all var(--gecis-hizli);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  @media (max-width: 768px) {
    font-size: 0.66rem;
    padding: 3px 7px;
    gap: 3px;
  }
}

.detay-paylas-butonu:hover {
  background-color: #FFFFFF;
  color: var(--renk-metin-koyu);
}

.detay-paylas-butonu svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 10px;
    height: 10px;
  }
}

body.modal-acik {
  overflow: hidden;
}

.galeri-modal-kaplama {
  position: fixed;
  inset: 0;
  background-color: rgba(4, 7, 16, 0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--gecis-orta), visibility var(--gecis-orta);
}

.galeri-modal-kaplama.aktif {
  opacity: 1;
  visibility: visible;
}

.galeri-modal-icerik {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  padding: 16px 24px;
  justify-content: space-between;
  box-sizing: border-box;
  @media (max-width: 768px) {
    padding: 10px 8px;
  }
}

.galeri-modal-ust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
  padding-bottom: 8px;
  z-index: 10;
}

.galeri-modal-sol-bilgi {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  @media (max-width: 768px) {
    gap: 8px;
  }
}

.galeri-modal-arac-baslik {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  @media (max-width: 768px) {
    font-size: 0.88rem;
  }
}

.galeri-modal-sayac {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 4px 10px;
  border-radius: var(--kavis-tam);
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--renk-ikincil);
  flex-shrink: 0;
  @media (max-width: 768px) {
    font-size: 0.72rem;
    padding: 2px 7px;
  }
}

.galeri-modal-kapat {
  width: 42px;
  height: 42px;
  border-radius: var(--kavis-tam);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--gecis-hizli);
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 32px;
    height: 32px;
  }
}

.galeri-modal-kapat:hover {
  background: rgba(239, 68, 68, 0.9);
  border-color: rgba(239, 68, 68, 1);
  transform: scale(1.08);
}

.galeri-modal-kapat svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 16px;
    height: 16px;
  }
}

.galeri-modal-ana-alani {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 8px 0;
  width: 100%;
}

.galeri-modal-gorsel-kutusu {
  position: relative;
  max-width: 1200px;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.galeri-modal-resim {
  max-width: 100%;
  max-height: 72dvh;
  object-fit: contain;
  border-radius: var(--kavis-orta);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  user-select: none;
  transition: opacity var(--gecis-hizli);
  @media (max-width: 768px) {
    max-height: 65dvh;
    border-radius: var(--kavis-kucuk);
  }
}

.galeri-modal-ok {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: var(--kavis-tam);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all var(--gecis-hizli);
  @media (max-width: 768px) {
    width: 32px;
    height: 32px;
  }
}

.galeri-modal-ok:hover {
  background: var(--renk-ana);
  transform: translateY(-50%) scale(1.1);
}

.galeri-modal-ok-sol {
  left: 20px;
  @media (max-width: 768px) {
    left: 4px;
  }
}

.galeri-modal-ok-sag {
  right: 20px;
  @media (max-width: 768px) {
    right: 4px;
  }
}

.galeri-modal-ok svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  @media (max-width: 768px) {
    width: 16px;
    height: 16px;
  }
}

.galeri-modal-alt-serit {
  padding-top: 8px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  z-index: 10;
}

.galeri-modal-minyatur-listesi {
  display: flex;
  gap: 8px;
  justify-content: center;
  overflow-x: auto;
  padding: 4px 0;
  scrollbar-width: none;
  @media (max-width: 768px) {
    gap: 4px;
  }
}

.galeri-modal-minyatur-listesi::-webkit-scrollbar {
  display: none;
}

.galeri-modal-minyatur-karti {
  position: relative;
  width: 72px;
  height: 48px;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  opacity: 0.5;
  transition: all var(--gecis-hizli);
  flex-shrink: 0;
  background-color: #0B1120;
  @media (max-width: 768px) {
    width: 50px;
    height: 34px;
    border-width: 1.5px;
    border-radius: 4px;
  }
}

.galeri-modal-minyatur-karti:hover {
  opacity: 0.9;
}

.galeri-modal-minyatur-karti.aktif {
  border-color: var(--renk-ana);
  opacity: 1;
  transform: scale(1.08);
}

.galeri-modal-minyatur-karti img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* araçlar */
.ic-sayfa-hero-kapsayici {
  position: relative;
  background-color: #060913;
  background-image: 
    radial-gradient(circle at 85% 15%, rgba(22, 46, 235, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(139, 213, 46, 0.14) 0%, transparent 45%),
    linear-gradient(180deg, #050811 0%, #0B1120 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  padding-top: 105px;
  @media (max-width: 991px) {
    padding-top: 88px;
  }
  @media (max-width: 480px) {
    padding-top: 78px;
  }
}

.ic-sayfa-hero-kapsayici::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  opacity: 0.6;
}

.ic-sayfa-ust-alani {
  position: relative;
  z-index: 2;
  padding: 40px 0 60px;
  @media (max-width: 991px) {
    padding: 30px 0 45px;
  }
  @media (max-width: 768px) {
    padding: 24px 0 36px;
  }
}

.ekmek-kirintisi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 6px 16px;
  border-radius: var(--kavis-tam);
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 22px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 5px 12px;
    margin-bottom: 16px;
  }
}

.ekmek-kirintisi a {
  color: rgba(255, 255, 255, 0.7);
  transition: color var(--gecis-hizli);
}

.ekmek-kirintisi a:hover {
  color: #FFFFFF;
}

.ekmek-kirintisi-ayrac {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.35);
}

.ekmek-kirintisi-ayrac svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.ekmek-kirintisi-aktif {
  color: var(--renk-ikincil);
  font-weight: 800;
}

.sayfa-ana-baslik {
  font-size: 2.85rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
  @media (max-width: 1200px) {
    font-size: 2.4rem;
  }
  @media (max-width: 991px) {
    font-size: 2.1rem;
  }
  @media (max-width: 768px) {
    font-size: 1.75rem;
  }
  @media (max-width: 480px) {
    font-size: 1.5rem;
  }
}

.sayfa-ana-baslik-vurgu {
  color: transparent;
  background-image: linear-gradient(135deg, #FFFFFF 0%, #A5B4FC 60%, var(--renk-ikincil) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.sayfa-alt-aciklama {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.72);
  max-width: 760px;
  line-height: 1.6;
  margin-bottom: 28px;
  @media (max-width: 991px) {
    font-size: 0.95rem;
    margin-bottom: 22px;
  }
  @media (max-width: 768px) {
    font-size: 0.9rem;
    margin-bottom: 18px;
  }
}

.sayfa-hizli-rozetler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  @media (max-width: 768px) {
    gap: 8px;
  }
}

.sayfa-rozet-oge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--kavis-tam);
  font-size: 0.82rem;
  font-weight: 700;
  color: #FFFFFF;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 6px 12px;
  }
}

.sayfa-rozet-oge svg {
  width: 15px;
  height: 15px;
  fill: var(--renk-ikincil);
  flex-shrink: 0;
}

.araclar-sayfasi-bolumu {
  padding: 48px 0 90px;
  background-color: #fff;
  @media (max-width: 991px) {
    padding: 36px 0 70px;
  }
  @media (max-width: 768px) {
    padding: 24px 0 50px;
  }
}

.araclar-ana-duzen {
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 32px;
  align-items: start;
  @media (max-width: 1200px) {
    grid-template-columns: 280px 1fr;
    gap: 24px;
  }
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.filtre-yan-paneli {
  position: relative;
  align-self: flex-start;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: var(--kavis-orta);
  border: 1px solid var(--renk-sinir);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  @media (max-width: 991px) {
    display: none;
  }
}

.filtre-ust-baslik-kutusu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--renk-sinir);
  margin-bottom: 10px;
}

.filtre-ana-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  margin: 0;
}

.filtre-ana-baslik svg {
  width: 18px;
  height: 18px;
  fill: var(--renk-ana);
}

.filtre-sifirla-butonu {
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--renk-ana);
  cursor: pointer;
  padding: 4px 10px;
  border-radius: var(--kavis-tam);
  background-color: rgba(22, 46, 235, 0.08);
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli);
}

.filtre-sifirla-butonu:hover {
  background-color: var(--renk-ana);
  color: #FFFFFF;
}

.filtre-blok-grubu {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.filtre-bolum-kutusu {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.filtre-bolum-kutusu:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.filtre-bolum-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.filtre-bolum-sayac {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  background: var(--renk-zemin-alt);
  padding: 2px 8px;
  border-radius: var(--kavis-tam);
}

.filtre-liste-kaydirilabilir {
  display: flex;
  flex-direction: column;
  max-height: 220px;
  overflow-y: auto;
  padding-right: 4px;
}

.filtre-liste-kaydirilabilir-genis {
  max-height: 320px;
}

.filtre-bilgi-metni {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--renk-metin-orta);
  background-color: var(--renk-zemin-alt);
  border: 1px dashed var(--renk-kenar-orta);
  border-radius: var(--kavis-orta);
  padding: 14px 10px;
  text-align: center;
  margin: 4px 0;
}

.filtre-onay-etiketi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--renk-metin-koyu);
  cursor: pointer;
  padding: 6px 8px;
  border-radius: var(--kavis-kucuk);
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli);
  user-select: none;
}

.filtre-onay-etiketi:hover {
  background-color: var(--renk-zemin-alt);
  color: var(--renk-ana);
}

.filtre-onay-sol {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.filtre-onay-kutusu {
  appearance: none;
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  border: 1.5px solid #CBD5E1;
  border-radius: 4px;
  background-color: #FFFFFF;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  transition: border-color var(--gecis-hizli), background-color var(--gecis-hizli);
}

.filtre-onay-kutusu:checked {
  background-color: var(--renk-ana);
  border-color: var(--renk-ana);
}

.filtre-onay-kutusu:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.filtre-onay-metin {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filtre-onay-adet {
  font-size: 0.72rem;
  color: var(--renk-metin-orta);
  font-weight: 700;
  flex-shrink: 0;
}

.filtre-aralik-izgara {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}

.filtre-aralik-input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border-radius: var(--kavis-kucuk);
  border: 1px solid var(--renk-sinir);
  background-color: #FFFFFF;
  color: var(--renk-metin-koyu);
  font-size: 0.86rem;
  font-weight: 600;
  transition: border-color var(--gecis-hizli), box-shadow var(--gecis-hizli);
}

.filtre-aralik-input:focus {
  border-color: var(--renk-ana);
  box-shadow: 0 0 0 3px rgba(22, 46, 235, 0.12);
}

.filtre-aralik-input::placeholder {
  color: var(--renk-metin-orta);
  font-size: 0.8rem;
  font-weight: 500;
}

.filtre-aralik-ayrac {
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--renk-metin-orta);
}

.filtre-ozellik-arama {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border-radius: var(--kavis-kucuk);
  border: 1px solid var(--renk-sinir);
  background-color: var(--renk-zemin-alt);
  color: var(--renk-metin-koyu);
  font-size: 0.84rem;
  font-weight: 600;
  margin-bottom: 10px;
  transition: border-color var(--gecis-hizli), background-color var(--gecis-hizli);
}

.filtre-ozellik-arama:focus {
  background-color: #FFFFFF;
  border-color: var(--renk-ana);
}

.filtre-ozellik-arama::placeholder {
  color: var(--renk-metin-orta);
  font-size: 0.8rem;
}

.filtre-aksiyon-paneli {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
}

.filtre-uygula-butonu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 46px;
  background-color: var(--renk-ana);
  color: #FFFFFF;
  font-weight: 800;
  font-size: 0.92rem;
  border-radius: var(--kavis-kucuk);
  cursor: pointer;
  transition: background-color var(--gecis-hizli), box-shadow var(--gecis-hizli);
  box-shadow: 0 4px 14px rgba(22, 46, 235, 0.3);
}

.filtre-uygula-butonu:hover {
  background-color: var(--renk-ana-koyu);
  box-shadow: 0 6px 18px rgba(22, 46, 235, 0.4);
}

.filtre-uygula-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.filtre-temizle-aksiyonu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 44px;
  background-color: var(--renk-zemin-alt);
  color: var(--renk-metin-orta);
  border: 1px solid var(--renk-kenar-orta);
  font-weight: 700;
  font-size: 0.88rem;
  border-radius: var(--kavis-kucuk);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli);
}

.filtre-temizle-aksiyonu:hover {
  background-color: #E2E8F0;
  color: var(--renk-ana);
  border-color: var(--renk-ana);
}

.filtre-temizle-aksiyonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.buton-gri {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: var(--renk-zemin-alt);
  color: var(--renk-metin-koyu);
  border: 1px solid var(--renk-kenar-orta);
  font-weight: 700;
  font-size: 0.88rem;
  border-radius: var(--kavis-kucuk);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli);
}

.buton-gri:hover {
  background-color: #E2E8F0;
  color: var(--renk-ana);
  border-color: var(--renk-ana);
}

.araclar-liste-kolonu {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.secili-filtreler-kapsayici {
  display: block;
}

.secili-filtreler-kapsayici:empty {
  display: none;
}

.secili-filtreler-listesi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  background-color: #FFFFFF;
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  padding: 12px 18px;
  box-shadow: var(--golge-kart);
  @media (max-width: 991px) {
    padding: 12px 14px;
    gap: 6px 8px;
  }
  @media (max-width: 480px) {
    padding: 10px 12px;
  }
}

.secili-filtreler-baslik {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  margin-right: 4px;
  @media (max-width: 480px) {
    width: 100%;
    margin-bottom: 2px;
  }
}

.secili-filtreler-baslik svg {
  width: 14px;
  height: 14px;
  fill: var(--renk-ana);
  flex-shrink: 0;
}

.secili-filtre-etiketi {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(22, 46, 235, 0.06);
  border: 1px solid rgba(22, 46, 235, 0.16);
  border-radius: var(--kavis-tam);
  padding: 5px 8px 5px 12px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--renk-ana);
  transition: background-color var(--gecis-hizli), border-color var(--gecis-hizli), color var(--gecis-hizli);
  @media (max-width: 480px) {
    font-size: 0.78rem;
    padding: 4px 6px 4px 10px;
  }
}

.secili-filtre-etiketi:hover {
  background-color: rgba(22, 46, 235, 0.12);
  border-color: rgba(22, 46, 235, 0.3);
}

.secili-filtre-metin {
  display: inline-block;
  white-space: nowrap;
}

.secili-filtre-kaldir-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: var(--kavis-tam);
  background-color: rgba(22, 46, 235, 0.12);
  border: none;
  color: var(--renk-ana);
  cursor: pointer;
  padding: 0;
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli);
}

.secili-filtre-kaldir-btn:hover {
  background-color: #EF4444;
  color: #FFFFFF;
}

.secili-filtre-kaldir-btn svg {
  width: 11px;
  height: 11px;
  fill: currentColor;
}

.secili-filtreler-temizle-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background-color: rgba(239, 68, 68, 0.06);
  border: 1px dashed rgba(239, 68, 68, 0.35);
  border-radius: var(--kavis-tam);
  padding: 5px 12px;
  font-size: 0.80rem;
  font-weight: 700;
  color: #EF4444;
  cursor: pointer;
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli);
  margin-left: 2px;
  @media (max-width: 480px) {
    font-size: 0.76rem;
    padding: 4px 10px;
  }
}

.secili-filtreler-temizle-btn:hover {
  background-color: #EF4444;
  color: #FFFFFF;
  border-color: #EF4444;
}

.secili-filtreler-temizle-btn svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.araclar-kontrol-cubugu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFFFFF;
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  padding: 14px 22px;
  @media (max-width: 991px) {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 16px;
  }
  @media (max-width: 480px) {
    padding: 12px;
    gap: 10px;
  }
}

.kontrol-sol-bilgi {
  display: flex;
  align-items: center;
  gap: 10px;
  @media (max-width: 991px) {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
}

.arac-sayisi-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  @media (max-width: 480px) {
    font-size: 0.82rem;
  }
}

.arac-sayisi-nokta {
  width: 8px;
  height: 8px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-ikincil);
  display: inline-block;
  box-shadow: 0 0 0 3px rgba(139, 213, 46, 0.25);
}

.arac-sayisi-vurgu {
  color: var(--renk-ana);
  font-weight: 900;
}

.kontrol-sag-aksiyonlar {
  display: flex;
  align-items: center;
  gap: 12px;
  @media (max-width: 991px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
  }
  @media (max-width: 480px) {
    gap: 8px;
  }
}

.mobil-filtre-butonu {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  background-color: var(--renk-ana);
  color: #FFFFFF;
  border-radius: var(--kavis-kucuk);
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
  transition: background-color var(--gecis-hizli), transform var(--gecis-hizli);
  @media (max-width: 991px) {
    display: inline-flex;
    width: 100%;
  }
  @media (max-width: 480px) {
    height: 42px;
    padding: 0 10px;
    font-size: 0.82rem;
    gap: 6px;
  }
}

.mobil-filtre-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.siralama-kapsayici {
  display: flex;
  align-items: center;
  gap: 10px;
  @media (max-width: 991px) {
    width: 100%;
  }
}

.siralama-etiket {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--renk-metin-orta);
  white-space: nowrap;
  @media (max-width: 991px) {
    display: none;
  }
}

.siralama-secim-kutusu {
  position: relative;
  display: flex;
  align-items: center;
  @media (max-width: 991px) {
    width: 100%;
  }
}

.siralama-secim-input {
  appearance: none;
  -webkit-appearance: none;
  height: 44px;
  padding: 0 34px 0 14px;
  border-radius: var(--kavis-kucuk);
  border: 1px solid var(--renk-sinir);
  background-color: var(--renk-zemin-alt);
  color: var(--renk-metin-koyu);
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color var(--gecis-hizli), background-color var(--gecis-hizli), box-shadow var(--gecis-hizli);
  @media (max-width: 991px) {
    width: 100%;
  }
  @media (max-width: 480px) {
    height: 42px;
    padding: 0 28px 0 10px;
    font-size: 0.82rem;
  }
}

.siralama-secim-input:hover {
  background-color: #FFFFFF;
  border-color: #CBD5E1;
}

.siralama-secim-input:focus {
  background-color: #FFFFFF;
  border-color: var(--renk-ana);
  box-shadow: 0 0 0 3px rgba(22, 46, 235, 0.12);
}

.siralama-secim-ok {
  position: absolute;
  right: 12px;
  width: 16px;
  height: 16px;
  fill: var(--renk-metin-orta);
  pointer-events: none;
  @media (max-width: 480px) {
    right: 10px;
  }
}

.araclar-izgara-kapsayici {
  position: relative;
  width: 100%;
  min-height: 300px;
}

.araclar-yukleniyor-katmani {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 25;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 90px;
  border-radius: var(--kavis-orta);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--gecis-orta), visibility var(--gecis-orta);
  @media (max-width: 768px) {
    padding-top: 50px;
  }
}

.araclar-izgara-kapsayici.yukleniyor .araclar-yukleniyor-katmani {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.araclar-izgara-kapsayici.yukleniyor .araclar-kart-izgarasi {
  opacity: 0.3;
  filter: grayscale(20%);
  pointer-events: none;
  user-select: none;
}

.araclar-kart-izgarasi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  transition: opacity var(--gecis-orta), filter var(--gecis-orta);
  @media (max-width: 1200px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.araclar-yukleniyor-kutu {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(37, 99, 235, 0.08);
  padding: 26px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  max-width: 320px;
  animation: yukleniyorBelir 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  @media (max-width: 576px) {
    padding: 20px 24px;
    max-width: 280px;
  }
}

.araclar-yukleniyor-spinner {
  width: 42px;
  height: 42px;
  border: 3.5px solid #E2E8F0;
  border-top-color: #2563EB;
  border-right-color: #38BDF8;
  border-radius: 50%;
  animation: erenDonus 0.8s linear infinite;
  margin-bottom: 6px;
  flex-shrink: 0;
}

.araclar-yukleniyor-baslik {
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.araclar-yukleniyor-alt {
  font-size: 0.82rem;
  font-weight: 500;
  color: #64748B;
  line-height: 1.4;
}

@keyframes erenDonus {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes yukleniyorBelir {
  0% {
    opacity: 0;
    transform: scale(0.94);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.sayfalama-alani {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-top: 24px;
}

.sayfalama-butonu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: var(--kavis-kucuk);
  border: 1px solid var(--renk-sinir);
  background-color: #FFFFFF;
  color: var(--renk-metin-koyu);
  font-size: 0.9rem;
  font-weight: 800;
  cursor: pointer;
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli);
}

.sayfalama-butonu:hover {
  border-color: var(--renk-ana);
  color: var(--renk-ana);
}

.sayfalama-butonu.aktif {
  background-color: var(--renk-ana);
  color: #FFFFFF;
  border-color: var(--renk-ana);
  box-shadow: 0 4px 12px rgba(22, 46, 235, 0.25);
}

.sayfalama-butonu svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.mobil-filtre-cekmece {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--gecis-orta), visibility var(--gecis-orta);
}

.mobil-filtre-cekmece.aktif {
  display: block;
  opacity: 1;
  visibility: visible;
}

.mobil-filtre-icerik {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 88%;
  max-width: 360px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2);
}

.mobil-filtre-cekmece.aktif .mobil-filtre-icerik {
  transform: translateX(0);
}

.mobil-filtre-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid var(--renk-sinir);
}

.mobil-filtre-kapat {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-zemin-alt);
  color: var(--renk-metin-koyu);
  cursor: pointer;
}

.mobil-filtre-kapat svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.mobil-filtre-govde {
  padding: 20px;
  overflow-y: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mobil-filtre-alt {
  display: flex;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid var(--renk-sinir);
  background-color: #FFFFFF;
}

.arac-bulunamadi-kutusu {
  grid-column: 1 / -1;
  padding: 60px 20px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: var(--kavis-orta);
  border: 1px solid var(--renk-sinir);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.arac-bulunamadi-baslik {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.arac-bulunamadi-metin {
  color: var(--renk-metin-orta);
  font-size: 0.95rem;
  max-width: 460px;
  margin-bottom: 12px;
}

.gizli-filtre-oge {
  display: none;
}

.govde-kilitli {
  overflow: hidden;
}
/* hakkımızda */
.hakkimizda-hero-kapsayici {
  position: relative;
  background-color: #060913;
  background-image: 
    radial-gradient(circle at 85% 15%, rgba(22, 46, 235, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(139, 213, 46, 0.14) 0%, transparent 45%),
    linear-gradient(180deg, #050811 0%, #0B1120 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  padding-top: 105px;
  @media (max-width: 991px) {
    padding-top: 88px;
  }
  @media (max-width: 480px) {
    padding-top: 78px;
  }
}

.hakkimizda-hero-kapsayici::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  opacity: 0.6;
}

.hakkimizda-hero-alani {
  position: relative;
  z-index: 2;
  padding: 40px 0 60px;
  @media (max-width: 991px) {
    padding: 30px 0 45px;
  }
  @media (max-width: 768px) {
    padding: 24px 0 36px;
  }
}

.hakkimizda-ekmek-kirintisi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 6px 16px;
  border-radius: var(--kavis-tam);
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 22px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 5px 12px;
    margin-bottom: 16px;
  }
}

.hakkimizda-ekmek-kirintisi a {
  color: rgba(255, 255, 255, 0.7);
  transition: color var(--gecis-hizli);
}

.hakkimizda-ekmek-kirintisi a:hover {
  color: #FFFFFF;
}

.hakkimizda-ekmek-ayrac {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.35);
}

.hakkimizda-ekmek-ayrac svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.hakkimizda-ekmek-aktif {
  color: var(--renk-ikincil);
  font-weight: 800;
}

.hakkimizda-ana-baslik {
  font-size: 2.85rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
  @media (max-width: 991px) {
    font-size: 2.2rem;
  }
  @media (max-width: 768px) {
    font-size: 1.75rem;
    margin-bottom: 10px;
  }
  @media (max-width: 480px) {
    font-size: 1.5rem;
  }
}

.hakkimizda-baslik-vurgu {
  background: linear-gradient(135deg, #FFFFFF 30%, var(--renk-ikincil) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hakkimizda-alt-aciklama {
  font-size: 1.05rem;
  color: #94A3B8;
  max-width: 820px;
  line-height: 1.6;
  margin-bottom: 24px;
  @media (max-width: 768px) {
    font-size: 0.92rem;
    margin-bottom: 18px;
  }
}

.hakkimizda-hizli-rozetler {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hakkimizda-rozet-oge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-tam);
  font-size: 0.82rem;
  font-weight: 700;
  color: #FFFFFF;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 6px 12px;
    gap: 6px;
  }
}

.hakkimizda-rozet-oge svg {
  width: 16px;
  height: 16px;
  fill: var(--renk-ikincil);
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 14px;
    height: 14px;
  }
}

.hakkimizda-hikaye-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hakkimizda-hikaye-kapsayici {
  display: flex;
  flex-direction: column;
  gap: 120px;
  @media (max-width: 991px) {
    gap: 50px;
  }
  @media (max-width: 768px) {
    gap: 40px;
  }
}

.hakkimizda-hikaye-ust-blok {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: flex-start;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.hakkimizda-hikaye-ust-sol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hakkimizda-hikaye-ana-baslik {
  font-size: 2.35rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin: 0;
  @media (max-width: 991px) {
    font-size: 2rem;
  }
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}

.hakkimizda-hikaye-ust-sag {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hakkimizda-hikaye-vurgu-paragraf {
  font-size: 1.18rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  line-height: 1.6;
  border-left: 4px solid var(--renk-ana);
  padding-left: 18px;
  margin: 0;
  @media (max-width: 768px) {
    font-size: 1.02rem;
    padding-left: 12px;
  }
}

.hakkimizda-hikaye-alt-izgara {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

.hakkimizda-hikaye-alt-sol {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hakkimizda-hikaye-metin {
  font-size: 0.98rem;
  color: var(--renk-metin-govde);
  line-height: 1.75;
  margin: 0;
}

.hakkimizda-madde-listesi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 4px;
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.hakkimizda-madde-kutusu {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  transition: transform var(--gecis-hizli), border-color var(--gecis-hizli);
}

.hakkimizda-madde-kutusu:hover {
  transform: translateY(-2px);
  border-color: var(--renk-ana);
}

.hakkimizda-madde-ikonu {
  width: 24px;
  height: 24px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.hakkimizda-madde-ikonu svg {
  width: 14px;
  height: 14px;
  fill: var(--renk-ana);
}

.hakkimizda-madde-icerik-alani {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hakkimizda-madde-baslik {
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.hakkimizda-madde-aciklama {
  font-size: 0.78rem;
  color: var(--renk-metin-orta);
  line-height: 1.4;
}

.hakkimizda-guvence-kutusu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  background: linear-gradient(135deg, rgba(22, 46, 235, 0.04) 0%, rgba(139, 213, 46, 0.06) 100%);
  border: 1px solid var(--renk-sinir-vurgu);
  border-radius: var(--kavis-orta);
  margin-top: 4px;
  @media (max-width: 576px) {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px;
    gap: 12px;
  }
}

.hakkimizda-guvence-sol {
  display: flex;
  align-items: center;
  gap: 14px;
}

.hakkimizda-guvence-ikon {
  width: 40px;
  height: 40px;
  border-radius: var(--kavis-orta);
  background: var(--renk-ana);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hakkimizda-guvence-ikon svg {
  width: 20px;
  height: 20px;
  fill: #FFFFFF;
}

.hakkimizda-guvence-metinler {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hakkimizda-guvence-baslik {
  font-size: 0.94rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.hakkimizda-guvence-alt {
  font-size: 0.8rem;
  color: var(--renk-metin-govde);
  line-height: 1.4;
}

.hakkimizda-guvence-rozet {
  padding: 6px 12px;
  background: var(--renk-ikincil-yumusak);
  border: 1px solid var(--renk-sinir-yesil);
  border-radius: var(--kavis-tam);
  flex-shrink: 0;
}

.hakkimizda-guvence-rozet-yazi {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--renk-ikincil-koyu);
  letter-spacing: 0.5px;
}

.hakkimizda-hikaye-sag {
  position: relative;
}

.hakkimizda-gorsel-kapsayici {
  position: relative;
  border-radius: var(--kavis-buyuk);
  overflow: hidden;
  box-shadow: var(--golge-buyuk);
  border: 1px solid var(--renk-sinir);
}

.hakkimizda-ana-gorsel {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
  transition: transform var(--gecis-yavas);
  @media (max-width: 991px) {
    height: 380px;
  }
  @media (max-width: 768px) {
    height: 300px;
  }
}

.hakkimizda-gorsel-kapsayici:hover .hakkimizda-ana-gorsel {
  transform: scale(1.03);
}

.hakkimizda-gorsel-katman {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(7, 13, 30, 0.85) 100%);
  pointer-events: none;
}

.hakkimizda-yuzen-deneyim-karti {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  background-color: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--kavis-orta);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #FFFFFF;
  @media (max-width: 576px) {
    bottom: 14px;
    left: 14px;
    right: 14px;
    padding: 12px 14px;
  }
}

.hakkimizda-deneyim-sol {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hakkimizda-deneyim-sayi {
  font-family: var(--font-baslik);
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1;
  color: var(--renk-ikincil);
  @media (max-width: 576px) {
    font-size: 1.8rem;
  }
}

.hakkimizda-deneyim-etiket {
  display: flex;
  flex-direction: column;
}

.hakkimizda-deneyim-baslik {
  font-size: 0.92rem;
  font-weight: 800;
}

.hakkimizda-deneyim-alt {
  font-size: 0.75rem;
  color: #94A3B8;
}

.hakkimizda-deneyim-rozet {
  padding: 6px 12px;
  background: var(--gradyan-ana);
  border-radius: var(--kavis-tam);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex-shrink: 0;
  @media (max-width: 480px) {
    display: none;
  }
}

.hakkimizda-istatistik-bolumu {
  padding: 40px 0;
  background: linear-gradient(135deg, #070D1E 0%, #0F172A 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
}

.hakkimizda-istatistik-izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  @media (max-width: 480px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.hakkimizda-istatistik-karti {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--kavis-orta);
  transition: transform var(--gecis-orta), border-color var(--gecis-orta), background-color var(--gecis-orta);
  @media (max-width: 768px) {
    padding: 16px 18px;
    gap: 14px;
  }
}

.hakkimizda-istatistik-karti:hover {
  transform: translateY(-4px);
  border-color: var(--renk-ana);
  background: rgba(22, 46, 235, 0.08);
}

.hakkimizda-istatistik-ikon-alani {
  width: 48px;
  height: 48px;
  border-radius: var(--kavis-orta);
  background: rgba(22, 46, 235, 0.2);
  border: 1px solid rgba(22, 46, 235, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 42px;
    height: 42px;
  }
}

.hakkimizda-istatistik-ikon-alani svg {
  width: 22px;
  height: 22px;
  fill: #38BDF8;
}

.hakkimizda-istatistik-deger {
  font-family: var(--font-baslik);
  font-size: 1.9rem;
  font-weight: 900;
  line-height: 1.1;
  color: #FFFFFF;
  letter-spacing: -0.5px;
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}

.hakkimizda-istatistik-etiket {
  font-size: 0.8rem;
  color: #94A3B8;
  font-weight: 600;
  margin-top: 2px;
}

.hakkimizda-degerler-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin-alt);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hakkimizda-degerler-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 40px;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
  }
}

.hakkimizda-deger-karti {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-buyuk);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform var(--gecis-orta), box-shadow var(--gecis-orta), border-color var(--gecis-orta);
  position: relative;
  overflow: hidden;
  @media (max-width: 768px) {
    padding: 24px 20px;
    gap: 14px;
  }
}

.hakkimizda-deger-karti::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradyan-ana);
  opacity: 0;
  transition: opacity var(--gecis-orta);
}

.hakkimizda-deger-karti:hover {
  transform: translateY(-6px);
  box-shadow: var(--golge-buyuk);
  border-color: var(--renk-ana-yumusak);
}

.hakkimizda-deger-karti:hover::before {
  opacity: 1;
}

.hakkimizda-deger-ikon-kapsayici {
  width: 54px;
  height: 54px;
  border-radius: var(--kavis-orta);
  background-color: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hakkimizda-deger-ikon-kapsayici svg {
  width: 26px;
  height: 26px;
  fill: var(--renk-ana);
}

.hakkimizda-deger-baslik {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  @media (max-width: 768px) {
    font-size: 1.15rem;
  }
}

.hakkimizda-deger-aciklama {
  font-size: 0.94rem;
  color: var(--renk-metin-govde);
  line-height: 1.7;
}

.hakkimizda-deger-maddeleri {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--renk-sinir);
}

.hakkimizda-deger-madde-satir {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
}

.hakkimizda-deger-madde-satir svg {
  width: 14px;
  height: 14px;
  fill: #10B981;
  flex-shrink: 0;
}

.hakkimizda-tarihce-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hakkimizda-zaman-cizelgesi {
  position: relative;
  max-width: 960px;
  margin: 50px auto 0;
  padding-left: 30px;
  @media (max-width: 768px) {
    margin-top: 30px;
    padding-left: 20px;
  }
}

.hakkimizda-zaman-cizelgesi::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--renk-ana) 0%, var(--renk-ikincil) 100%);
  border-radius: var(--kavis-tam);
}

.hakkimizda-zaman-adimi {
  position: relative;
  margin-bottom: 36px;
}

.hakkimizda-zaman-adimi:last-child {
  margin-bottom: 0;
}

.hakkimizda-zaman-noktasi {
  position: absolute;
  top: 6px;
  left: -37px;
  width: 17px;
  height: 17px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-zemin);
  border: 4px solid var(--renk-ana);
  box-shadow: 0 0 0 4px var(--renk-ana-yumusak);
  @media (max-width: 768px) {
    left: -27px;
    width: 15px;
    height: 15px;
  }
}

.hakkimizda-zaman-karti {
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  padding: 22px 26px;
  transition: transform var(--gecis-orta), border-color var(--gecis-orta), box-shadow var(--gecis-orta);
  @media (max-width: 768px) {
    padding: 16px 18px;
  }
}

.hakkimizda-zaman-karti:hover {
  transform: translateX(6px);
  border-color: var(--renk-ana);
  box-shadow: var(--golge-orta);
}

.hakkimizda-zaman-ust-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.hakkimizda-zaman-yili {
  font-family: var(--font-baslik);
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--renk-ana);
}

.hakkimizda-zaman-etiketi {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  background-color: var(--renk-ana-yumusak);
  color: var(--renk-ana);
  border-radius: var(--kavis-tam);
}

.hakkimizda-zaman-baslik {
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  margin-bottom: 6px;
}

.hakkimizda-zaman-metin {
  font-size: 0.92rem;
  color: var(--renk-metin-govde);
  line-height: 1.65;
}

.hakkimizda-ayricaliklar-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin-alt);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hakkimizda-ayricalik-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 40px;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 24px;
  }
}

.hakkimizda-ayricalik-karti {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform var(--gecis-orta), border-color var(--gecis-orta), box-shadow var(--gecis-orta);
  @media (max-width: 768px) {
    padding: 18px;
    gap: 10px;
  }
}

.hakkimizda-ayricalik-karti:hover {
  transform: translateY(-4px);
  border-color: var(--renk-ana);
  box-shadow: var(--golge-orta);
}

.hakkimizda-ayricalik-ikon-kutusu {
  width: 44px;
  height: 44px;
  border-radius: var(--kavis-orta);
  background: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hakkimizda-ayricalik-ikon-kutusu svg {
  width: 22px;
  height: 22px;
  fill: var(--renk-ana);
}

.hakkimizda-ayricalik-baslik {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.hakkimizda-ayricalik-metin {
  font-size: 0.88rem;
  color: var(--renk-metin-govde);
  line-height: 1.6;
}

.hakkimizda-davet-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hakkimizda-davet-kapsayici {
  position: relative;
  background: linear-gradient(135deg, #070D1E 0%, #0F172A 100%);
  border-radius: var(--kavis-buyuk);
  padding: 56px 48px;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  box-shadow: var(--golge-buyuk);
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 40px;
  align-items: center;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    gap: 30px;
  }
  @media (max-width: 576px) {
    padding: 28px 18px;
  }
}

.hakkimizda-davet-kapsayici::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  border-radius: var(--kavis-tam);
  background: radial-gradient(circle, rgba(22, 46, 235, 0.4) 0%, transparent 70%);
  pointer-events: none;
}

.hakkimizda-davet-sol {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hakkimizda-davet-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: rgba(139, 213, 46, 0.15);
  border: 1px solid rgba(139, 213, 46, 0.3);
  border-radius: var(--kavis-tam);
  color: var(--renk-ikincil);
  font-size: 0.78rem;
  font-weight: 800;
  width: fit-content;
}

.hakkimizda-davet-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.hakkimizda-davet-baslik {
  font-size: 2.1rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.2;
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}

.hakkimizda-davet-aciklama {
  font-size: 0.96rem;
  color: #94A3B8;
  line-height: 1.65;
}

.hakkimizda-davet-eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
}

.hakkimizda-davet-sag {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-orta);
  padding: 24px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    padding: 18px;
  }
}

.hakkimizda-davet-bilgi-satiri {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.hakkimizda-davet-bilgi-satiri:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.hakkimizda-davet-bilgi-ikon {
  width: 34px;
  height: 34px;
  border-radius: var(--kavis-tam);
  background: rgba(22, 46, 235, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hakkimizda-davet-bilgi-ikon svg {
  width: 16px;
  height: 16px;
  fill: #38BDF8;
}

.hakkimizda-davet-bilgi-metinler {
  display: flex;
  flex-direction: column;
}

.hakkimizda-davet-bilgi-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #94A3B8;
  letter-spacing: 0.5px;
}

.hakkimizda-davet-bilgi-deger {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
/* hizmetlerimiz */
.hizmetler-hero-kapsayici {
  position: relative;
  background-color: #060913;
  background-image: 
    radial-gradient(circle at 85% 15%, rgba(22, 46, 235, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(139, 213, 46, 0.14) 0%, transparent 45%),
    linear-gradient(180deg, #050811 0%, #0B1120 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  padding-top: 105px;
  @media (max-width: 991px) {
    padding-top: 88px;
  }
  @media (max-width: 480px) {
    padding-top: 78px;
  }
}

.hizmetler-hero-kapsayici::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  opacity: 0.6;
}

.hizmetler-hero-alani {
  position: relative;
  z-index: 2;
  padding: 40px 0 60px;
  @media (max-width: 991px) {
    padding: 30px 0 45px;
  }
  @media (max-width: 768px) {
    padding: 24px 0 36px;
  }
}

.hizmetler-ekmek-kirintisi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 6px 16px;
  border-radius: var(--kavis-tam);
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 22px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 5px 12px;
    margin-bottom: 16px;
  }
}

.hizmetler-ekmek-kirintisi a {
  color: rgba(255, 255, 255, 0.7);
  transition: color var(--gecis-hizli);
}

.hizmetler-ekmek-kirintisi a:hover {
  color: #FFFFFF;
}

.hizmetler-ekmek-ayrac {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.35);
}

.hizmetler-ekmek-ayrac svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.hizmetler-ekmek-aktif {
  color: var(--renk-ikincil);
  font-weight: 800;
}

.hizmetler-ana-baslik {
  font-size: 2.85rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
  @media (max-width: 991px) {
    font-size: 2.2rem;
  }
  @media (max-width: 768px) {
    font-size: 1.75rem;
    margin-bottom: 10px;
  }
  @media (max-width: 480px) {
    font-size: 1.5rem;
  }
}

.hizmetler-baslik-vurgu {
  background: linear-gradient(135deg, #FFFFFF 30%, var(--renk-ikincil) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hizmetler-alt-aciklama {
  font-size: 1.05rem;
  color: #94A3B8;
  max-width: 820px;
  line-height: 1.6;
  margin-bottom: 24px;
  @media (max-width: 768px) {
    font-size: 0.92rem;
    margin-bottom: 18px;
  }
}

.hizmetler-hizli-rozetler {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hizmetler-rozet-oge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-tam);
  font-size: 0.82rem;
  font-weight: 700;
  color: #FFFFFF;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 6px 12px;
    gap: 6px;
  }
}

.hizmetler-rozet-oge svg {
  width: 16px;
  height: 16px;
  fill: var(--renk-ikincil);
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 14px;
    height: 14px;
  }
}

.hizmetler-giris-bolumu {
  padding: 80px 0 40px;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 60px 0 30px;
  }
  @media (max-width: 768px) {
    padding: 40px 0 20px;
  }
}

.hizmetler-giris-kapsayici {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: flex-start;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.hizmetler-giris-sol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hizmetler-giris-baslik {
  font-size: 2.35rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin: 0;
  @media (max-width: 991px) {
    font-size: 2rem;
  }
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}

.hizmetler-giris-sag {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hizmetler-giris-vurgu {
  font-size: 1.18rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  line-height: 1.6;
  border-left: 4px solid var(--renk-ana);
  padding-left: 18px;
  margin: 0;
  @media (max-width: 768px) {
    font-size: 1.02rem;
    padding-left: 12px;
  }
}

.hizmetler-giris-metin {
  font-size: 0.98rem;
  color: var(--renk-metin-govde);
  line-height: 1.75;
  margin: 0;
}

.hizmetler-katalog-bolumu {
  padding: 40px 0 80px;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 30px 0 60px;
  }
  @media (max-width: 768px) {
    padding: 20px 0 40px;
  }
}

.hizmetler-izgara {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  @media (max-width: 1100px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.hizmet-karti {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-buyuk);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  transition: transform var(--gecis-orta), box-shadow var(--gecis-orta), border-color var(--gecis-orta);
  position: relative;
  overflow: hidden;
  box-shadow: var(--golge-hafif);
  @media (max-width: 768px) {
    padding: 24px 20px;
    gap: 16px;
  }
}

.hizmet-karti::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradyan-ana);
  opacity: 0;
  transition: opacity var(--gecis-orta);
}

.hizmet-karti:hover {
  transform: translateY(-6px);
  box-shadow: var(--golge-buyuk);
  border-color: var(--renk-ana-yumusak);
}

.hizmet-karti:hover::before {
  opacity: 1;
}

.hizmet-karti-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.hizmet-karti-ikon-kapsayici {
  width: 54px;
  height: 54px;
  border-radius: var(--kavis-orta);
  background-color: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hizmet-karti-ikon-kapsayici svg {
  width: 26px;
  height: 26px;
  fill: var(--renk-ana);
}

.hizmet-karti-rozet {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 12px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  color: var(--renk-metin-orta);
}

.hizmet-karti-rozet-vurgulu {
  background-color: var(--renk-ikincil-yumusak);
  border-color: var(--renk-sinir-yesil);
  color: var(--renk-ikincil-koyu);
}

.hizmet-karti-govde {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hizmet-karti-baslik {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  @media (max-width: 768px) {
    font-size: 1.15rem;
  }
}

.hizmet-karti-aciklama {
  font-size: 0.92rem;
  color: var(--renk-metin-govde);
  line-height: 1.65;
}

.hizmet-karti-maddeler {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--renk-sinir);
}

.hizmet-karti-madde-satiri {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
}

.hizmet-karti-madde-satiri svg {
  width: 14px;
  height: 14px;
  fill: #10B981;
  flex-shrink: 0;
}

.hizmet-karti-alt-eylem {
  margin-top: 6px;
}

.hizmet-surec-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin-alt);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hizmet-surec-izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 48px;
  position: relative;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 36px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.hizmet-surec-karti {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  transition: transform var(--gecis-orta), border-color var(--gecis-orta), box-shadow var(--gecis-orta);
  @media (max-width: 768px) {
    padding: 20px 18px;
    gap: 12px;
  }
}

.hizmet-surec-karti:hover {
  transform: translateY(-4px);
  border-color: var(--renk-ana);
  box-shadow: var(--golge-orta);
}

.hizmet-surec-ust-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hizmet-surec-adim-sayi {
  font-family: var(--font-baslik);
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--renk-ana);
  line-height: 1;
}

.hizmet-surec-ikon-kutusu {
  width: 38px;
  height: 38px;
  border-radius: var(--kavis-tam);
  background: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hizmet-surec-ikon-kutusu svg {
  width: 18px;
  height: 18px;
  fill: var(--renk-ana);
}

.hizmet-surec-baslik {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.hizmet-surec-aciklama {
  font-size: 0.88rem;
  color: var(--renk-metin-govde);
  line-height: 1.6;
}

.hizmet-finans-bolumu {
  padding: 80px 0;
  background: linear-gradient(135deg, #070D1E 0%, #0F172A 100%);
  color: #FFFFFF;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hizmet-finans-kapsayici {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

.hizmet-finans-sol {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hizmet-finans-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: rgba(139, 213, 46, 0.15);
  border: 1px solid rgba(139, 213, 46, 0.3);
  border-radius: var(--kavis-tam);
  color: var(--renk-ikincil);
  font-size: 0.78rem;
  font-weight: 800;
  width: fit-content;
}

.hizmet-finans-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.hizmet-finans-ana-baslik {
  font-size: 2.2rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.2;
  @media (max-width: 768px) {
    font-size: 1.65rem;
  }
}

.hizmet-finans-aciklama {
  font-size: 0.98rem;
  color: #94A3B8;
  line-height: 1.7;
}

.hizmet-finans-avantaj-listesi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 6px;
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.hizmet-finans-avantaj-oge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-orta);
  font-size: 0.84rem;
  font-weight: 700;
  color: #FFFFFF;
}

.hizmet-finans-avantaj-oge svg {
  width: 16px;
  height: 16px;
  fill: var(--renk-ikincil);
  flex-shrink: 0;
}

.hizmet-finans-sag {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-buyuk);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  @media (max-width: 768px) {
    padding: 22px 18px;
    gap: 16px;
  }
}

.hizmet-finans-sag-baslik {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

.hizmet-finans-sag-aciklama {
  font-size: 0.88rem;
  color: #94A3B8;
  line-height: 1.6;
}

.hizmet-finans-eylemler {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hizmet-sss-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hizmet-sss-kapsayici {
  max-width: 860px;
  margin: 40px auto 0;
  @media (max-width: 768px) {
    margin-top: 28px;
  }
}

.hizmet-davet-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin-alt);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.hizmet-davet-kapsayici {
  position: relative;
  background: linear-gradient(135deg, #070D1E 0%, #0F172A 100%);
  border-radius: var(--kavis-buyuk);
  padding: 56px 48px;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  box-shadow: var(--golge-buyuk);
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 40px;
  align-items: center;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    gap: 30px;
  }
  @media (max-width: 576px) {
    padding: 28px 18px;
  }
}

.hizmet-davet-kapsayici::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  border-radius: var(--kavis-tam);
  background: radial-gradient(circle, rgba(22, 46, 235, 0.4) 0%, transparent 70%);
  pointer-events: none;
}

.hizmet-davet-sol {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hizmet-davet-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: rgba(139, 213, 46, 0.15);
  border: 1px solid rgba(139, 213, 46, 0.3);
  border-radius: var(--kavis-tam);
  color: var(--renk-ikincil);
  font-size: 0.78rem;
  font-weight: 800;
  width: fit-content;
}

.hizmet-davet-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.hizmet-davet-baslik {
  font-size: 2.1rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.2;
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}

.hizmet-davet-aciklama {
  font-size: 0.96rem;
  color: #94A3B8;
  line-height: 1.65;
}

.hizmet-davet-eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
}

.hizmet-davet-sag {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-orta);
  padding: 24px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    padding: 18px;
  }
}

.hizmet-davet-bilgi-satiri {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.hizmet-davet-bilgi-satiri:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.hizmet-davet-bilgi-ikon {
  width: 34px;
  height: 34px;
  border-radius: var(--kavis-tam);
  background: rgba(22, 46, 235, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hizmet-davet-bilgi-ikon svg {
  width: 16px;
  height: 16px;
  fill: #38BDF8;
}

.hizmet-davet-bilgi-metinler {
  display: flex;
  flex-direction: column;
}

.hizmet-davet-bilgi-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #94A3B8;
  letter-spacing: 0.5px;
}

.hizmet-davet-bilgi-deger {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
/* iletişim */
.iletisim-hero-kapsayici {
  position: relative;
  background-color: #060913;
  background-image: 
    radial-gradient(circle at 85% 15%, rgba(22, 46, 235, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(139, 213, 46, 0.14) 0%, transparent 45%),
    linear-gradient(180deg, #050811 0%, #0B1120 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  padding-top: 105px;
  @media (max-width: 991px) {
    padding-top: 88px;
  }
  @media (max-width: 480px) {
    padding-top: 78px;
  }
}

.iletisim-hero-kapsayici::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  opacity: 0.6;
}

.iletisim-hero-alani {
  position: relative;
  z-index: 2;
  padding: 40px 0 60px;
  @media (max-width: 991px) {
    padding: 30px 0 45px;
  }
  @media (max-width: 768px) {
    padding: 24px 0 36px;
  }
}

.iletisim-ekmek-kirintisi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 6px 16px;
  border-radius: var(--kavis-tam);
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 22px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 5px 12px;
    margin-bottom: 16px;
  }
}

.iletisim-ekmek-kirintisi a {
  color: rgba(255, 255, 255, 0.7);
  transition: color var(--gecis-hizli);
}

.iletisim-ekmek-kirintisi a:hover {
  color: #FFFFFF;
}

.iletisim-ekmek-ayrac {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.35);
}

.iletisim-ekmek-ayrac svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.iletisim-ekmek-aktif {
  color: var(--renk-ikincil);
  font-weight: 800;
}

.iletisim-ana-baslik {
  font-size: 2.85rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
  @media (max-width: 991px) {
    font-size: 2.2rem;
  }
  @media (max-width: 768px) {
    font-size: 1.75rem;
    margin-bottom: 10px;
  }
  @media (max-width: 480px) {
    font-size: 1.5rem;
  }
}

.iletisim-baslik-vurgu {
  background: linear-gradient(135deg, #FFFFFF 30%, var(--renk-ikincil) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.iletisim-alt-aciklama {
  font-size: 1.05rem;
  color: #94A3B8;
  max-width: 820px;
  line-height: 1.6;
  margin-bottom: 24px;
  @media (max-width: 768px) {
    font-size: 0.92rem;
    margin-bottom: 18px;
  }
}

.iletisim-hizli-rozetler {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.iletisim-rozet-oge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-tam);
  font-size: 0.82rem;
  font-weight: 700;
  color: #FFFFFF;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  @media (max-width: 768px) {
    font-size: 0.75rem;
    padding: 6px 12px;
    gap: 6px;
  }
}

.iletisim-rozet-oge svg {
  width: 16px;
  height: 16px;
  fill: var(--renk-ikincil);
  flex-shrink: 0;
  @media (max-width: 768px) {
    width: 14px;
    height: 14px;
  }
}

.iletisim-kartlar-bolumu {
  padding: 50px 0 30px;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 40px 0 25px;
  }
  @media (max-width: 768px) {
    padding: 30px 0 20px;
  }
}

.iletisim-kartlar-izgara {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  @media (max-width: 1200px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.iletisim-bilgi-karti {
  background-color: #FFFFFF;
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-buyuk);
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
  transition: transform var(--gecis-orta), box-shadow var(--gecis-orta), border-color var(--gecis-orta);
  overflow: hidden;
  @media (max-width: 768px) {
    padding: 22px 18px;
  }
}

.iletisim-bilgi-karti::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradyan-ana);
  opacity: 0;
  transition: opacity var(--gecis-orta);
}

.iletisim-bilgi-karti:hover {
  transform: translateY(-4px);
  border-color: #CBD5E1;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.09);
}

.iletisim-bilgi-karti:hover::before {
  opacity: 1;
}

.iletisim-kart-govde {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 20px;
}

.iletisim-kart-ust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.iletisim-kart-ikon-kapsayici {
  width: 46px;
  height: 46px;
  border-radius: var(--kavis-orta);
  background-color: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--renk-ana);
}

.iletisim-kart-ikon-kapsayici svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.iletisim-kart-ikon-mavi {
  background-color: var(--renk-ana-yumusak);
  color: var(--renk-ana);
}

.iletisim-kart-ikon-yesil {
  background-color: #ECFDF5;
  color: #10B981;
}

.iletisim-kart-rozet {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-tam);
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--renk-metin-orta);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.iletisim-rozet-yesil {
  background-color: #ECFDF5;
  border-color: #A7F3D0;
  color: #059669;
}

.iletisim-kart-baslik {
  font-size: 1.2rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  margin-bottom: 10px;
  line-height: 1.3;
}

.iletisim-kart-metin {
  font-size: 0.88rem;
  color: var(--renk-metin-govde);
  line-height: 1.55;
  margin-bottom: 10px;
}

.iletisim-kart-ipucu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background-color: var(--renk-zemin-alt);
  border-radius: var(--kavis-kucuk);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--renk-metin-koyu);
  margin-top: auto;
}

.iletisim-kart-ipucu svg {
  width: 14px;
  height: 14px;
  fill: var(--renk-ana);
  flex-shrink: 0;
}

.iletisim-kart-vurgu-deger {
  font-family: var(--font-baslik);
  font-size: 1.35rem;
  font-weight: 900;
  color: var(--renk-ana);
  display: block;
  margin-bottom: 8px;
  letter-spacing: -0.3px;
  transition: color var(--gecis-hizli);
}

.iletisim-kart-vurgu-deger:hover {
  color: var(--renk-ana-koyu);
}

.iletisim-vurgu-yesil {
  color: #059669;
}

.iletisim-vurgu-yesil:hover {
  color: #047857;
}

.iletisim-kart-saat-listesi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.iletisim-kart-saat-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background-color: var(--renk-zemin-alt);
  border-radius: var(--kavis-kucuk);
  font-size: 0.82rem;
  color: var(--renk-metin-govde);
}

.iletisim-kart-saat-satir strong {
  color: var(--renk-metin-koyu);
  font-weight: 800;
}

.iletisim-pazar-vurgu {
  color: #059669 !important;
}

.iletisim-kart-aksiyon-butonu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--renk-ana);
  transition: background-color var(--gecis-hizli), color var(--gecis-hizli), border-color var(--gecis-hizli), transform var(--gecis-hizli);
}

.iletisim-kart-aksiyon-butonu:hover {
  background-color: var(--renk-ana);
  border-color: var(--renk-ana);
  color: #FFFFFF;
  transform: translateY(-1px);
}

.iletisim-kart-aksiyon-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform var(--gecis-hizli);
}

.iletisim-kart-aksiyon-butonu:hover svg {
  transform: translateX(4px);
}

.iletisim-aksiyon-yesil {
  color: #059669;
}

.iletisim-aksiyon-yesil:hover {
  background-color: #10B981;
  border-color: #10B981;
  color: #FFFFFF;
}

.iletisim-ana-bolum {
  padding: 40px 0 80px;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 30px 0 60px;
  }
  @media (max-width: 768px) {
    padding: 20px 0 40px;
  }
}

.iletisim-ana-izgara {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items: flex-start;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

.iletisim-form-paneli {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-buyuk);
  padding: 40px 36px;
  box-shadow: var(--golge-orta);
  @media (max-width: 768px) {
    padding: 24px 20px;
  }
}

.iletisim-form-baslik-alani {
  margin-bottom: 28px;
}

.iletisim-form-ana-baslik {
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--renk-metin-koyu);
  line-height: 1.25;
  margin-bottom: 8px;
  @media (max-width: 768px) {
    font-size: 1.45rem;
  }
}

.iletisim-form-alt-bilgi {
  font-size: 0.92rem;
  color: var(--renk-metin-orta);
  line-height: 1.6;
}

.iletisim-form-kutusu {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.iletisim-form-satiri {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

.iletisim-girdi-grubu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.iletisim-girdi-etiket {
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.iletisim-girdi-alani,
.iletisim-secim-alani,
.iletisim-metin-alani {
  width: 100%;
  padding: 12px 16px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--renk-metin-koyu);
  transition: border-color var(--gecis-hizli), background-color var(--gecis-hizli), box-shadow var(--gecis-hizli);
}

.iletisim-girdi-alani:focus,
.iletisim-secim-alani:focus,
.iletisim-metin-alani:focus {
  border-color: var(--renk-ana);
  background-color: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(22, 46, 235, 0.1);
}

.iletisim-metin-alani {
  min-height: 130px;
  resize: vertical;
}

.iletisim-form-gonder-butonu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 28px;
  background: var(--gradyan-ana);
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 800;
  border-radius: var(--kavis-orta);
  box-shadow: var(--golge-mavi);
  transition: transform var(--gecis-hizli), box-shadow var(--gecis-hizli);
}

.iletisim-form-gonder-butonu:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(22, 46, 235, 0.45);
}

.iletisim-form-gonder-butonu svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.iletisim-form-guvenlik-notu {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  color: var(--renk-metin-orta);
  margin-top: 4px;
}

.iletisim-form-guvenlik-notu svg {
  width: 14px;
  height: 14px;
  fill: #10B981;
  flex-shrink: 0;
}

.iletisim-form-basarili-kutusu {
  display: none;
  text-align: center;
  padding: 40px 20px;
}

.iletisim-form-basarili-kutusu.gorunur {
  display: block;
}

.iletisim-form-basarili-ikon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.12);
  border: 2px solid #10B981;
  color: #10B981;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  box-shadow: 0 0 30px rgba(16, 185, 129, 0.25);
}

.iletisim-form-basarili-ikon svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
}

.iletisim-form-basarili-baslik {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  margin-bottom: 8px;
}

.iletisim-form-basarili-metin {
  font-size: 0.94rem;
  color: var(--renk-metin-orta);
  max-width: 440px;
  margin: 0 auto 22px;
  line-height: 1.6;
}

.iletisim-basarili-ad {
  color: var(--renk-ana);
}

.iletisim-form-yeni-mesaj-butonu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  transition: background-color var(--gecis-hizli), border-color var(--gecis-hizli);
}

.iletisim-form-yeni-mesaj-butonu:hover {
  background-color: #FFFFFF;
  border-color: var(--renk-ana);
  color: var(--renk-ana);
}

.iletisim-form-yeni-mesaj-butonu svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.iletisim-sag-paneli {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.iletisim-departman-karti {
  background-color: var(--renk-zemin-alt);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-buyuk);
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  @media (max-width: 768px) {
    padding: 22px 18px;
  }
}

.iletisim-departman-baslik {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.iletisim-departman-listesi {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.iletisim-departman-oge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--renk-sinir);
}

.iletisim-departman-oge:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.iletisim-departman-ikon {
  width: 36px;
  height: 36px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.iletisim-departman-ikon svg {
  width: 18px;
  height: 18px;
  fill: var(--renk-ana);
}

.iletisim-departman-metinler {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.iletisim-departman-ad {
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
}

.iletisim-departman-yetkili {
  font-size: 0.78rem;
  color: var(--renk-metin-orta);
}

.iletisim-departman-tel {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--renk-ana);
  margin-top: 2px;
}

.iletisim-calisma-karti {
  background: linear-gradient(135deg, #070D1E 0%, #0F172A 100%);
  border-radius: var(--kavis-buyuk);
  padding: 30px 26px;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: var(--golge-buyuk);
  @media (max-width: 768px) {
    padding: 22px 18px;
  }
}

.iletisim-calisma-ust {
  display: flex;
  align-items: center;
  gap: 10px;
}

.iletisim-calisma-nokta {
  width: 10px;
  height: 10px;
  border-radius: var(--kavis-tam);
  background-color: var(--renk-ikincil);
  box-shadow: 0 0 10px var(--renk-ikincil);
}

.iletisim-calisma-baslik {
  font-size: 1.15rem;
  font-weight: 800;
  color: #FFFFFF;
}

.iletisim-calisma-satirlari {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.iletisim-calisma-satir {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.88rem;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.iletisim-calisma-satir:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.iletisim-calisma-gun {
  color: #94A3B8;
  font-weight: 600;
}

.iletisim-calisma-saat {
  color: #FFFFFF;
  font-weight: 800;
}

.iletisim-harita-bolumu {
  padding: 40px 0 80px;
  background-color: var(--renk-zemin-alt);
  @media (max-width: 991px) {
    padding: 30px 0 60px;
  }
  @media (max-width: 768px) {
    padding: 20px 0 40px;
  }
}

.iletisim-harita-cerceve {
  position: relative;
  border-radius: var(--kavis-buyuk);
  overflow: hidden;
  border: 1px solid var(--renk-sinir);
  box-shadow: var(--golge-orta);
  height: 440px;
  margin-top: 36px;
  @media (max-width: 768px) {
    height: 320px;
    margin-top: 24px;
  }
}

.iletisim-harita-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.iletisim-ulasim-izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
  @media (max-width: 991px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  @media (max-width: 576px) {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.iletisim-ulasim-kutusu {
  background-color: var(--renk-kart);
  border: 1px solid var(--renk-sinir);
  border-radius: var(--kavis-orta);
  padding: 20px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.iletisim-ulasim-ikon {
  width: 36px;
  height: 36px;
  border-radius: var(--kavis-orta);
  background-color: var(--renk-ana-yumusak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.iletisim-ulasim-ikon svg {
  width: 18px;
  height: 18px;
  fill: var(--renk-ana);
}

.iletisim-ulasim-baslik {
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--renk-metin-koyu);
  margin-bottom: 2px;
}

.iletisim-ulasim-detay {
  font-size: 0.8rem;
  color: var(--renk-metin-orta);
  line-height: 1.4;
}

.iletisim-erengrup-bolumu {
  padding: 80px 0;
  background-color: var(--renk-zemin);
  @media (max-width: 991px) {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    padding: 40px 0;
  }
}

.iletisim-davet-bolumu {
  padding: 0 0 80px;
  background-color: var(--renk-zemin);
  @media (max-width: 768px) {
    padding: 0 0 40px;
  }
}

.iletisim-davet-kapsayici {
  position: relative;
  background: linear-gradient(135deg, #070D1E 0%, #0F172A 100%);
  border-radius: var(--kavis-buyuk);
  padding: 56px 48px;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  box-shadow: var(--golge-buyuk);
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 40px;
  align-items: center;
  @media (max-width: 991px) {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    gap: 30px;
  }
  @media (max-width: 576px) {
    padding: 28px 18px;
  }
}

.iletisim-davet-kapsayici::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  border-radius: var(--kavis-tam);
  background: radial-gradient(circle, rgba(22, 46, 235, 0.4) 0%, transparent 70%);
  pointer-events: none;
}

.iletisim-davet-sol {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.iletisim-davet-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: rgba(139, 213, 46, 0.15);
  border: 1px solid rgba(139, 213, 46, 0.3);
  border-radius: var(--kavis-tam);
  color: var(--renk-ikincil);
  font-size: 0.78rem;
  font-weight: 800;
  width: fit-content;
}

.iletisim-davet-rozet svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.iletisim-davet-baslik {
  font-size: 2.1rem;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.2;
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}

.iletisim-davet-aciklama {
  font-size: 0.96rem;
  color: #94A3B8;
  line-height: 1.65;
}

.iletisim-davet-eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
}

.iletisim-davet-sag {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--kavis-orta);
  padding: 24px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  @media (max-width: 768px) {
    padding: 18px;
  }
}

.iletisim-davet-bilgi-satiri {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.iletisim-davet-bilgi-satiri:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.iletisim-davet-bilgi-ikon {
  width: 34px;
  height: 34px;
  border-radius: var(--kavis-tam);
  background: rgba(22, 46, 235, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.iletisim-davet-bilgi-ikon svg {
  width: 16px;
  height: 16px;
  fill: #38BDF8;
}

.iletisim-davet-bilgi-metinler {
  display: flex;
  flex-direction: column;
}

.iletisim-davet-bilgi-baslik {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #94A3B8;
  letter-spacing: 0.5px;
}

.iletisim-davet-bilgi-deger {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}