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

:root {
  --vrd-koyu: #0a0a14;
  --vrd-gece: #0f0f1a;
  --vrd-lacivert: #1a1a2e;
  --vrd-karanlik: #16213e;
  --vrd-koyu-panel: #12122a;
  --vrd-kirmizi: #e94560;
  --vrd-kirmizi-parlak: #ff5a7e;
  --vrd-mavi: #0ea5e9;
  --vrd-mavi-koyu: #0284c7;
  --vrd-yesil: #10b981;
  --vrd-mor: #8b5cf6;
  --vrd-turuncu: #f97316;
  --vrd-altin: #fbbf24;
  --vrd-beyaz: #ffffff;
  --vrd-acik: #e8e8f0;
  --vrd-soluk: #c4c4d4;
  --vrd-grimsi: #8b8ba3;
  --vrd-koyu-gri: #2a2a3e;
  --vrd-sinir: #2e2e45;
  --vrd-sinir-acik: #3d3d5c;
  --vrd-golge-kucuk: 0 2px 8px rgba(0, 0, 0, 0.3);
  --vrd-golge-orta: 0 4px 20px rgba(0, 0, 0, 0.4);
  --vrd-golge-buyuk: 0 8px 40px rgba(0, 0, 0, 0.5);
  --vrd-golge-kirmizi: 0 4px 20px rgba(233, 69, 96, 0.3);
  --vrd-golge-mavi: 0 4px 20px rgba(14, 165, 233, 0.3);
  --vrd-gecis-hizli: 0.2s ease;
  --vrd-gecis-normal: 0.3s ease;
  --vrd-gecis-yavas: 0.4s ease;
  --vrd-gecis-kubik: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --vrd-yazi-birincil: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vrd-yazi-baslik: 'Rajdhani', 'Inter', sans-serif;
  --vrd-ic-bosluk: 16px;
  --vrd-maks-genislik: 1240px;
  --vrd-baslik-yukseklik: 70px;
  --vrd-serit-yukseklik: 36px;
  --vrd-kenar-yuvarlatma: 8px;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 16px;
}

body {
  font-family: var(--vrd-yazi-birincil);
  font-weight: 400;
  line-height: 1.7;
  color: var(--vrd-acik);
  background-color: var(--vrd-gece);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--vrd-yazi-baslik);
  font-weight: 700;
  line-height: 1.3;
  color: var(--vrd-beyaz);
  letter-spacing: 0.02em;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.65rem; }
h3 { font-size: 1.35rem; }
h4 { font-size: 1.15rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.9rem; }

p {
  margin-bottom: 1rem;
  color: var(--vrd-soluk);
}

a {
  color: var(--vrd-mavi);
  text-decoration: none;
  transition: color var(--vrd-gecis-hizli);
}

a:hover {
  color: var(--vrd-kirmizi-parlak);
}

a:focus-visible {
  outline: 2px solid var(--vrd-mavi);
  outline-offset: 2px;
  border-radius: 3px;
}

ul, ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

strong, b {
  font-weight: 600;
  color: var(--vrd-beyaz);
}

::selection {
  background-color: var(--vrd-kirmizi);
  color: var(--vrd-beyaz);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--vrd-koyu);
}

::-webkit-scrollbar-thumb {
  background: var(--vrd-sinir-acik);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--vrd-kirmizi);
}

.vrd-erisim-atlama {
  position: absolute;
  top: -100%;
  left: 16px;
  z-index: 10000;
  padding: 12px 24px;
  background-color: var(--vrd-kirmizi);
  color: var(--vrd-beyaz);
  font-weight: 600;
  font-size: 0.875rem;
  border-radius: 0 0 var(--vrd-kenar-yuvarlatma) var(--vrd-kenar-yuvarlatma);
  transition: top var(--vrd-gecis-normal);
}

.vrd-erisim-atlama:focus {
  top: 0;
  color: var(--vrd-beyaz);
}

.vrd-ust-serit {
  background: linear-gradient(135deg, var(--vrd-koyu) 0%, #0d0d20 100%);
  border-bottom: 1px solid var(--vrd-sinir);
  height: var(--vrd-serit-yukseklik);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1001;
}

.vrd-ust-serit-ic {
  width: 100%;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 0 var(--vrd-ic-bosluk);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vrd-ust-serit-sol {
  display: flex;
  align-items: center;
  gap: 12px;
}

.vrd-ust-serit-rozet {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--vrd-yesil);
  letter-spacing: 0.03em;
}

.vrd-ust-serit-rozet i {
  font-size: 0.7rem;
}

.vrd-ust-serit-ayrac {
  width: 1px;
  height: 14px;
  background-color: var(--vrd-sinir);
}

.vrd-ust-serit-adres {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  color: var(--vrd-grimsi);
  font-weight: 400;
}

.vrd-ust-serit-adres i {
  font-size: 0.65rem;
}

.vrd-ust-serit-sag {
  display: flex;
  align-items: center;
  gap: 6px;
}

.vrd-ust-serit-link {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  color: var(--vrd-grimsi);
  padding: 4px 10px;
  border-radius: 4px;
  transition: all var(--vrd-gecis-hizli);
  font-weight: 400;
}

.vrd-ust-serit-link:hover {
  color: var(--vrd-acik);
  background-color: rgba(255, 255, 255, 0.05);
}

.vrd-ust-serit-link i {
  font-size: 0.68rem;
}

.vrd-ana-baslik {
  background-color: rgba(15, 15, 26, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--vrd-sinir);
  height: var(--vrd-baslik-yukseklik);
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: all var(--vrd-gecis-normal);
}

.vrd-baslik-sabit {
  box-shadow: var(--vrd-golge-orta);
  border-bottom-color: rgba(233, 69, 96, 0.2);
}

.vrd-baslik-ic {
  width: 100%;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 0 var(--vrd-ic-bosluk);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 24px;
}

.vrd-logo-alani {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: opacity var(--vrd-gecis-hizli);
}

.vrd-logo-alani:hover {
  opacity: 0.85;
}

.vrd-logo-gorsel {
  height: 36px;
  width: auto;
}

.vrd-gezinti {
  display: none;
  flex: 1;
  justify-content: center;
}

.vrd-gezinti-liste {
  display: flex;
  align-items: center;
  gap: 2px;
}

.vrd-gezinti-oge {
  position: relative;
}

.vrd-gezinti-baglanti {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--vrd-soluk);
  border-radius: 6px;
  transition: all var(--vrd-gecis-hizli);
  white-space: nowrap;
  position: relative;
}

.vrd-gezinti-baglanti::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 16px;
  right: 16px;
  height: 2px;
  background: linear-gradient(90deg, var(--vrd-kirmizi), var(--vrd-kirmizi-parlak));
  border-radius: 2px;
  transform: scaleX(0);
  transition: transform var(--vrd-gecis-normal);
}

.vrd-gezinti-baglanti:hover {
  color: var(--vrd-beyaz);
  background-color: rgba(255, 255, 255, 0.05);
}

.vrd-gezinti-baglanti:hover::after {
  transform: scaleX(1);
}

.vrd-gezinti-aktif {
  color: var(--vrd-beyaz);
}

.vrd-gezinti-aktif::after {
  transform: scaleX(1);
}

.vrd-gezinti-ikon {
  font-size: 0.8rem;
  opacity: 0.7;
}

.vrd-gezinti-yazi {
  font-size: 0.875rem;
}

.vrd-acilir-ok {
  font-size: 0.6rem;
  margin-left: 2px;
  opacity: 0.5;
  transition: transform var(--vrd-gecis-hizli);
}

.vrd-acilir-kapsam:hover .vrd-acilir-ok {
  transform: rotate(180deg);
}

.vrd-acilir-liste {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 280px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: var(--vrd-kenar-yuvarlatma);
  padding: 8px;
  box-shadow: var(--vrd-golge-buyuk);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(12px);
  transition: all var(--vrd-gecis-kubik);
  z-index: 100;
}

.vrd-acilir-liste::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  height: 8px;
}

.vrd-acilir-kapsam:hover .vrd-acilir-liste {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.vrd-acilir-oge {
  border-radius: 6px;
  overflow: hidden;
}

.vrd-acilir-oge + .vrd-acilir-oge {
  margin-top: 2px;
}

.vrd-acilir-baglanti {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 6px;
  transition: all var(--vrd-gecis-hizli);
  color: var(--vrd-soluk);
}

.vrd-acilir-baglanti:hover {
  background-color: rgba(233, 69, 96, 0.1);
  color: var(--vrd-beyaz);
}

.vrd-acilir-aktif {
  background-color: rgba(233, 69, 96, 0.08);
  color: var(--vrd-beyaz);
}

.vrd-acilir-ikon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(14, 165, 233, 0.1));
  border-radius: 8px;
  font-size: 0.85rem;
  color: var(--vrd-kirmizi);
  flex-shrink: 0;
}

.vrd-acilir-baglanti:hover .vrd-acilir-ikon {
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.25), rgba(14, 165, 233, 0.15));
}

.vrd-acilir-yazi {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.vrd-acilir-baslik {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  line-height: 1.2;
}

.vrd-acilir-tanim {
  font-size: 0.72rem;
  color: var(--vrd-grimsi);
  line-height: 1.3;
}

.vrd-giris-dugme {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 6px;
  flex-shrink: 0;
  transition: all var(--vrd-gecis-normal);
  box-shadow: var(--vrd-golge-kirmizi);
  letter-spacing: 0.02em;
}

.vrd-giris-dugme:hover {
  background: linear-gradient(135deg, var(--vrd-kirmizi-parlak), var(--vrd-kirmizi));
  color: var(--vrd-beyaz);
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(233, 69, 96, 0.4);
}

.vrd-giris-dugme i {
  font-size: 0.85rem;
}

.vrd-hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  gap: 5px;
  border-radius: 6px;
  transition: background-color var(--vrd-gecis-hizli);
  flex-shrink: 0;
}

.vrd-hamburger:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.vrd-hamburger-cizgi {
  display: block;
  width: 22px;
  height: 2px;
  background-color: var(--vrd-acik);
  border-radius: 2px;
  transition: all var(--vrd-gecis-normal);
  transform-origin: center;
}

.vrd-hamburger-aktif .vrd-hamburger-cizgi-ust {
  transform: rotate(45deg) translate(5px, 5px);
}

.vrd-hamburger-aktif .vrd-hamburger-cizgi-orta {
  opacity: 0;
  transform: scaleX(0);
}

.vrd-hamburger-aktif .vrd-hamburger-cizgi-alt {
  transform: rotate(-45deg) translate(5px, -5px);
}

.vrd-karartma {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1100;
  opacity: 0;
  visibility: hidden;
  transition: all var(--vrd-gecis-normal);
}

.vrd-karartma-aktif {
  opacity: 1;
  visibility: visible;
}

.vrd-mobil-panel {
  position: fixed;
  top: 0;
  right: -320px;
  width: 300px;
  max-width: 85vw;
  height: 100vh;
  height: 100dvh;
  background-color: var(--vrd-koyu-panel);
  z-index: 1200;
  display: flex;
  flex-direction: column;
  transition: right var(--vrd-gecis-kubik);
  box-shadow: var(--vrd-golge-buyuk);
  border-left: 1px solid var(--vrd-sinir);
}

.vrd-mobil-panel-aktif {
  right: 0;
}

.vrd-mobil-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--vrd-sinir);
  flex-shrink: 0;
}

.vrd-mobil-logo-baglanti {
  display: flex;
  align-items: center;
}

.vrd-mobil-logo-gorsel {
  height: 28px;
  width: auto;
}

.vrd-mobil-kapat {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  color: var(--vrd-grimsi);
  transition: all var(--vrd-gecis-hizli);
  font-size: 1.1rem;
}

.vrd-mobil-kapat:hover {
  background-color: rgba(233, 69, 96, 0.15);
  color: var(--vrd-kirmizi);
}

.vrd-mobil-icerik {
  flex: 1;
  overflow-y: auto;
  padding: 12px 0;
}

.vrd-mobil-gezinti {
  padding: 0 12px;
}

.vrd-mobil-liste {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.vrd-mobil-oge {
  border-radius: 8px;
  overflow: hidden;
}

.vrd-mobil-baglanti {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--vrd-soluk);
  border-radius: 8px;
  transition: all var(--vrd-gecis-hizli);
}

.vrd-mobil-baglanti:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--vrd-beyaz);
}

.vrd-mobil-aktif {
  background-color: rgba(233, 69, 96, 0.1);
  color: var(--vrd-beyaz);
  border-left: 3px solid var(--vrd-kirmizi);
}

.vrd-mobil-ikon {
  font-size: 0.9rem;
  width: 20px;
  text-align: center;
  opacity: 0.7;
}

.vrd-mobil-acilir-kapsam {
  border-radius: 8px;
}

.vrd-mobil-acilir-tetik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  cursor: pointer;
  color: var(--vrd-soluk);
  transition: all var(--vrd-gecis-hizli);
  border-radius: 8px;
}

.vrd-mobil-acilir-tetik:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--vrd-beyaz);
}

.vrd-mobil-acilir-sol {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
  font-weight: 500;
}

.vrd-mobil-acilir-ok {
  font-size: 0.7rem;
  opacity: 0.5;
  transition: transform var(--vrd-gecis-hizli);
}

.vrd-mobil-acilir-acik .vrd-mobil-acilir-ok {
  transform: rotate(180deg);
}

.vrd-mobil-acilir-liste {
  display: none;
  padding: 4px 0 4px 20px;
}

.vrd-mobil-acilir-acik .vrd-mobil-acilir-liste {
  display: block;
}

.vrd-mobil-alt-oge {
  border-radius: 6px;
  overflow: hidden;
}

.vrd-mobil-alt-oge + .vrd-mobil-alt-oge {
  margin-top: 1px;
}

.vrd-mobil-alt-baglanti {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 0.82rem;
  color: var(--vrd-grimsi);
  border-radius: 6px;
  transition: all var(--vrd-gecis-hizli);
  border-left: 2px solid transparent;
}

.vrd-mobil-alt-baglanti:hover {
  background-color: rgba(255, 255, 255, 0.04);
  color: var(--vrd-acik);
  border-left-color: var(--vrd-kirmizi);
}

.vrd-mobil-alt-baglanti i {
  font-size: 0.75rem;
  width: 16px;
  text-align: center;
  opacity: 0.6;
}

.vrd-mobil-giris-alani {
  padding: 16px 16px 0;
  margin-top: 8px;
  border-top: 1px solid var(--vrd-sinir);
}

.vrd-mobil-giris-dugme {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 13px 20px;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all var(--vrd-gecis-normal);
  box-shadow: var(--vrd-golge-kirmizi);
}

.vrd-mobil-giris-dugme:hover {
  background: linear-gradient(135deg, var(--vrd-kirmizi-parlak), var(--vrd-kirmizi));
  color: var(--vrd-beyaz);
}

.vrd-mobil-alt-bilgi {
  padding: 16px 20px;
  border-top: 1px solid var(--vrd-sinir);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vrd-mobil-alt-marka {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.7rem;
  color: var(--vrd-yesil);
  font-weight: 500;
}

.vrd-mobil-alt-marka i {
  font-size: 0.65rem;
}

.vrd-mobil-alt-domain {
  font-size: 0.7rem;
  color: var(--vrd-grimsi);
}

.vrd-ana-icerik {
  flex: 1;
  width: 100%;
  padding-top: 0;
}

.vrd-sayfa-bant {
  background: linear-gradient(135deg, var(--vrd-koyu) 0%, var(--vrd-lacivert) 50%, var(--vrd-karanlik) 100%);
  padding: 48px 0 40px;
  border-bottom: 1px solid var(--vrd-sinir);
  position: relative;
  overflow: hidden;
}

.vrd-sayfa-bant::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 20% 50%, rgba(233, 69, 96, 0.06) 0%, transparent 60%),
              radial-gradient(ellipse at 80% 50%, rgba(14, 165, 233, 0.05) 0%, transparent 60%);
  pointer-events: none;
}

.vrd-sayfa-bant-ic {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 0 var(--vrd-ic-bosluk);
  position: relative;
  z-index: 1;
}

.vrd-sayfa-bant-baslik {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 8px;
}

.vrd-sayfa-bant-aciklama {
  font-size: 1rem;
  color: var(--vrd-grimsi);
  max-width: 600px;
}

.vrd-sayfa-yol {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 0.8rem;
}

.vrd-sayfa-yol-link {
  color: var(--vrd-grimsi);
  transition: color var(--vrd-gecis-hizli);
}

.vrd-sayfa-yol-link:hover {
  color: var(--vrd-kirmizi);
}

.vrd-sayfa-yol-ayrac {
  color: var(--vrd-sinir-acik);
  font-size: 0.65rem;
}

.vrd-sayfa-yol-aktif {
  color: var(--vrd-acik);
  font-weight: 500;
}

.vrd-bolum {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 48px var(--vrd-ic-bosluk);
}

.vrd-bolum-dar {
  max-width: 860px;
}

.vrd-bolum-baslik {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 12px;
  position: relative;
  padding-left: 16px;
}

.vrd-bolum-baslik::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  background: linear-gradient(180deg, var(--vrd-kirmizi), var(--vrd-mavi));
  border-radius: 2px;
}

.vrd-bolum-alt-baslik {
  font-size: 0.95rem;
  color: var(--vrd-grimsi);
  margin-bottom: 32px;
  padding-left: 16px;
}

.vrd-kart-izgarasi {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.vrd-kart {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  overflow: hidden;
  transition: all var(--vrd-gecis-normal);
}

.vrd-kart:hover {
  border-color: var(--vrd-sinir-acik);
  transform: translateY(-3px);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-kart-gorsel {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.vrd-kart-icerik {
  padding: 24px;
}

.vrd-kart-etiket {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  background-color: rgba(233, 69, 96, 0.12);
  color: var(--vrd-kirmizi);
  font-size: 0.72rem;
  font-weight: 600;
  border-radius: 20px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.vrd-kart-baslik {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 8px;
  line-height: 1.4;
}

.vrd-kart-ozet {
  font-size: 0.875rem;
  color: var(--vrd-grimsi);
  line-height: 1.6;
  margin-bottom: 16px;
}

.vrd-kart-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid var(--vrd-sinir);
}

.vrd-kart-tarih {
  font-size: 0.75rem;
  color: var(--vrd-grimsi);
  display: flex;
  align-items: center;
  gap: 5px;
}

.vrd-kart-devam {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--vrd-kirmizi);
  transition: gap var(--vrd-gecis-hizli);
}

.vrd-kart-devam:hover {
  gap: 8px;
  color: var(--vrd-kirmizi-parlak);
}

.vrd-ozellik-kutu {
  background: linear-gradient(135deg, var(--vrd-lacivert), var(--vrd-karanlik));
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  padding: 28px 24px;
  text-align: center;
  transition: all var(--vrd-gecis-normal);
}

.vrd-ozellik-kutu:hover {
  border-color: var(--vrd-kirmizi);
  transform: translateY(-4px);
  box-shadow: var(--vrd-golge-kirmizi);
}

.vrd-ozellik-kutu-ikon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(14, 165, 233, 0.1));
  border-radius: 14px;
  font-size: 1.3rem;
  color: var(--vrd-kirmizi);
}

.vrd-ozellik-kutu-baslik {
  font-family: var(--vrd-yazi-baslik);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 8px;
}

.vrd-ozellik-kutu-metin {
  font-size: 0.85rem;
  color: var(--vrd-grimsi);
  line-height: 1.6;
}

.vrd-checklist-blok {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-checklist-blok:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-checklist-numara {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-family: var(--vrd-yazi-baslik);
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 8px;
  flex-shrink: 0;
}

.vrd-checklist-icerik {
  flex: 1;
}

.vrd-checklist-baslik {
  font-size: 1rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  margin-bottom: 4px;
}

.vrd-checklist-aciklama {
  font-size: 0.85rem;
  color: var(--vrd-grimsi);
  line-height: 1.6;
}

.vrd-diyalog-kutu {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-left: 4px solid var(--vrd-mavi);
  border-radius: 0 12px 12px 0;
  padding: 24px;
  margin-bottom: 16px;
}

.vrd-diyalog-soru {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--vrd-mavi);
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.vrd-diyalog-cevap {
  font-size: 0.875rem;
  color: var(--vrd-soluk);
  line-height: 1.7;
  padding-left: 4px;
}

.vrd-rutin-tablo {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--vrd-sinir);
}

.vrd-rutin-tablo th {
  background: linear-gradient(135deg, var(--vrd-karanlik), var(--vrd-lacivert));
  padding: 14px 18px;
  font-family: var(--vrd-yazi-baslik);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  text-align: left;
  border-bottom: 2px solid var(--vrd-kirmizi);
}

.vrd-rutin-tablo td {
  padding: 12px 18px;
  font-size: 0.85rem;
  color: var(--vrd-soluk);
  border-bottom: 1px solid var(--vrd-sinir);
  background-color: var(--vrd-lacivert);
}

.vrd-rutin-tablo tr:last-child td {
  border-bottom: 0;
}

.vrd-rutin-tablo tr:hover td {
  background-color: rgba(233, 69, 96, 0.05);
}

.vrd-bilgi-paneli {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.08), rgba(14, 165, 233, 0.03));
  border: 1px solid rgba(14, 165, 233, 0.2);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.vrd-bilgi-paneli-ikon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(14, 165, 233, 0.15);
  border-radius: 10px;
  color: var(--vrd-mavi);
  font-size: 1rem;
  flex-shrink: 0;
}

.vrd-bilgi-paneli-metin {
  font-size: 0.875rem;
  color: var(--vrd-soluk);
  line-height: 1.7;
}

.vrd-uyari-paneli {
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.08), rgba(233, 69, 96, 0.03));
  border: 1px solid rgba(233, 69, 96, 0.2);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.vrd-uyari-paneli-ikon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(233, 69, 96, 0.15);
  border-radius: 10px;
  color: var(--vrd-kirmizi);
  font-size: 1rem;
  flex-shrink: 0;
}

.vrd-uyari-paneli-metin {
  font-size: 0.875rem;
  color: var(--vrd-soluk);
  line-height: 1.7;
}

.vrd-yazi-icerik {
  max-width: 800px;
  margin: 0 auto;
}

.vrd-yazi-icerik h2 {
  font-size: 1.5rem;
  margin: 36px 0 14px;
  padding-left: 14px;
  border-left: 3px solid var(--vrd-kirmizi);
}

.vrd-yazi-icerik h3 {
  font-size: 1.2rem;
  margin: 28px 0 10px;
  color: var(--vrd-acik);
}

.vrd-yazi-icerik p {
  margin-bottom: 16px;
  font-size: 0.95rem;
  line-height: 1.8;
}

.vrd-yazi-icerik ul,
.vrd-yazi-icerik ol {
  margin: 12px 0 20px 0;
  padding-left: 0;
}

.vrd-yazi-icerik li {
  position: relative;
  padding: 6px 0 6px 24px;
  font-size: 0.9rem;
  color: var(--vrd-soluk);
  line-height: 1.7;
}

.vrd-yazi-icerik li::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 14px;
  width: 6px;
  height: 6px;
  background-color: var(--vrd-kirmizi);
  border-radius: 50%;
}

.vrd-sss-blok {
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
  background-color: var(--vrd-lacivert);
}

.vrd-sss-baslik-alani {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  cursor: pointer;
  transition: background-color var(--vrd-gecis-hizli);
}

.vrd-sss-baslik-alani:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

.vrd-sss-soru {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  display: flex;
  align-items: center;
  gap: 10px;
}

.vrd-sss-ok {
  font-size: 0.7rem;
  color: var(--vrd-grimsi);
  transition: transform var(--vrd-gecis-hizli);
  flex-shrink: 0;
}

.vrd-sss-acik .vrd-sss-ok {
  transform: rotate(180deg);
  color: var(--vrd-kirmizi);
}

.vrd-sss-cevap-alani {
  display: none;
  padding: 0 24px 20px;
  font-size: 0.875rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  border-top: 1px solid var(--vrd-sinir);
  padding-top: 16px;
}

.vrd-sss-acik .vrd-sss-cevap-alani {
  display: block;
}

.vrd-iletisim-bilgi {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.vrd-iletisim-kutu {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  padding: 28px 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-iletisim-kutu:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-iletisim-kutu-ikon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(14, 165, 233, 0.1));
  border-radius: 12px;
  font-size: 1.1rem;
  color: var(--vrd-kirmizi);
  flex-shrink: 0;
}

.vrd-iletisim-kutu-baslik {
  font-family: var(--vrd-yazi-baslik);
  font-size: 1rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  margin-bottom: 4px;
}

.vrd-iletisim-kutu-metin {
  font-size: 0.85rem;
  color: var(--vrd-grimsi);
  line-height: 1.6;
}

.vrd-yasal-icerik {
  max-width: 860px;
  margin: 0 auto;
}

.vrd-yasal-icerik h2 {
  font-size: 1.35rem;
  margin: 32px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--vrd-sinir);
}

.vrd-yasal-icerik h3 {
  font-size: 1.1rem;
  margin: 24px 0 8px;
}

.vrd-yasal-icerik p {
  font-size: 0.9rem;
  line-height: 1.8;
  color: var(--vrd-soluk);
  margin-bottom: 14px;
}

.vrd-yasal-icerik ul {
  margin: 10px 0 18px;
}

.vrd-yasal-icerik li {
  position: relative;
  padding: 5px 0 5px 20px;
  font-size: 0.875rem;
  color: var(--vrd-soluk);
  line-height: 1.7;
}

.vrd-yasal-icerik li::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 13px;
  width: 5px;
  height: 5px;
  background-color: var(--vrd-kirmizi);
  border-radius: 50%;
}

.vrd-hata-sayfa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px var(--vrd-ic-bosluk);
  min-height: 50vh;
}

.vrd-hata-kod {
  font-family: var(--vrd-yazi-baslik);
  font-size: 6rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--vrd-kirmizi), var(--vrd-mavi));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: 16px;
}

.vrd-hata-baslik {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 12px;
}

.vrd-hata-aciklama {
  font-size: 1rem;
  color: var(--vrd-grimsi);
  margin-bottom: 32px;
  max-width: 480px;
}

.vrd-hata-baglanti {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 8px;
  transition: all var(--vrd-gecis-normal);
  box-shadow: var(--vrd-golge-kirmizi);
}

.vrd-hata-baglanti:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(233, 69, 96, 0.4);
  color: var(--vrd-beyaz);
}

.vrd-cta-blok {
  background: linear-gradient(135deg, var(--vrd-karanlik) 0%, var(--vrd-lacivert) 100%);
  border: 1px solid var(--vrd-sinir);
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.vrd-cta-blok::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(233, 69, 96, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

.vrd-cta-baslik {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.vrd-cta-aciklama {
  font-size: 0.95rem;
  color: var(--vrd-grimsi);
  margin-bottom: 24px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.vrd-cta-dugme {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-size: 0.95rem;
  font-weight: 700;
  border-radius: 8px;
  transition: all var(--vrd-gecis-normal);
  box-shadow: var(--vrd-golge-kirmizi);
  position: relative;
  z-index: 1;
  letter-spacing: 0.02em;
}

.vrd-cta-dugme:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(233, 69, 96, 0.45);
  color: var(--vrd-beyaz);
}

.vrd-alt-alan {
  background-color: var(--vrd-koyu);
  border-top: 1px solid var(--vrd-sinir);
  margin-top: auto;
}

.vrd-alt-alan-ust {
  padding: 56px 0 40px;
  border-bottom: 1px solid var(--vrd-sinir);
}

.vrd-alt-alan-ust-ic {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 0 var(--vrd-ic-bosluk);
}

.vrd-alt-sutunlar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
}

.vrd-alt-sutun {
  min-width: 0;
}

.vrd-alt-logo-baglanti {
  display: inline-flex;
  margin-bottom: 16px;
  transition: opacity var(--vrd-gecis-hizli);
}

.vrd-alt-logo-baglanti:hover {
  opacity: 0.8;
}

.vrd-alt-logo-gorsel {
  height: 32px;
  width: auto;
}

.vrd-alt-marka-aciklama {
  font-size: 0.85rem;
  color: var(--vrd-grimsi);
  line-height: 1.7;
  margin-bottom: 24px;
}

.vrd-alt-sosyal {
  margin-top: 0;
}

.vrd-alt-sosyal-baslik {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--vrd-soluk);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

.vrd-alt-sosyal-ikonlar {
  display: flex;
  gap: 8px;
}

.vrd-alt-sosyal-ikon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--vrd-koyu-gri);
  border: 1px solid var(--vrd-sinir);
  border-radius: 8px;
  color: var(--vrd-grimsi);
  font-size: 0.9rem;
  transition: all var(--vrd-gecis-normal);
}

.vrd-alt-sosyal-ikon:hover {
  transform: translateY(-2px);
}

.vrd-alt-sosyal-pinterest:hover {
  background-color: #e60023;
  border-color: #e60023;
  color: var(--vrd-beyaz);
}

.vrd-alt-sosyal-youtube:hover {
  background-color: #ff0000;
  border-color: #ff0000;
  color: var(--vrd-beyaz);
}

.vrd-alt-sosyal-reddit:hover {
  background-color: #ff4500;
  border-color: #ff4500;
  color: var(--vrd-beyaz);
}

.vrd-alt-sosyal-instagram:hover {
  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);
  border-color: transparent;
  color: var(--vrd-beyaz);
}

.vrd-alt-sosyal-facebook:hover {
  background-color: #1877f2;
  border-color: #1877f2;
  color: var(--vrd-beyaz);
}

.vrd-alt-sutun-baslik {
  display: block;
  font-family: var(--vrd-yazi-baslik);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}

.vrd-alt-sutun-baslik::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 2px;
  background: linear-gradient(90deg, var(--vrd-kirmizi), transparent);
  border-radius: 2px;
}

.vrd-alt-link-listesi {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vrd-alt-link-oge {
  display: block;
}

.vrd-alt-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  font-size: 0.84rem;
  color: var(--vrd-grimsi);
  transition: all var(--vrd-gecis-hizli);
}

.vrd-alt-link:hover {
  color: var(--vrd-acik);
  padding-left: 4px;
}

.vrd-alt-link-ok {
  font-size: 0.55rem;
  opacity: 0.4;
  transition: all var(--vrd-gecis-hizli);
}

.vrd-alt-link:hover .vrd-alt-link-ok {
  opacity: 1;
  color: var(--vrd-kirmizi);
}

.vrd-alt-guven-rozet {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vrd-alt-guven-oge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background-color: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.15);
  border-radius: 6px;
}

.vrd-alt-guven-ikon {
  font-size: 0.8rem;
  color: var(--vrd-yesil);
}

.vrd-alt-guven-metin {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--vrd-yesil);
}

.vrd-alt-alan-orta {
  padding: 20px 0;
  border-bottom: 1px solid var(--vrd-sinir);
  background-color: rgba(255, 255, 255, 0.01);
}

.vrd-alt-alan-orta-ic {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 0 var(--vrd-ic-bosluk);
}

.vrd-alt-bilgi-serit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

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

.vrd-alt-bilgi-ikon {
  font-size: 0.85rem;
  color: var(--vrd-kirmizi);
}

.vrd-alt-bilgi-metin {
  font-size: 0.78rem;
  color: var(--vrd-grimsi);
  font-weight: 500;
}

.vrd-alt-bilgi-ayrac {
  width: 4px;
  height: 4px;
  background-color: var(--vrd-sinir-acik);
  border-radius: 50%;
}

.vrd-alt-alan-dipnot {
  padding: 20px 0;
}

.vrd-alt-alan-dipnot-ic {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 0 var(--vrd-ic-bosluk);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.vrd-alt-dipnot-sol {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.vrd-alt-telif {
  font-size: 0.78rem;
  color: var(--vrd-grimsi);
  font-weight: 500;
}

.vrd-alt-telif-ayrac {
  color: var(--vrd-sinir-acik);
  font-size: 0.7rem;
}

.vrd-alt-telif-aciklama {
  font-size: 0.75rem;
  color: var(--vrd-grimsi);
}

.vrd-alt-dipnot-orta {
  order: 3;
}

.vrd-alt-sorumluluk {
  font-size: 0.72rem;
  color: var(--vrd-sinir-acik);
  line-height: 1.6;
  max-width: 520px;
}

.vrd-alt-dipnot-sag {
  order: 2;
}

.vrd-alt-dipnot-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: var(--vrd-grimsi);
  padding: 6px 14px;
  border: 1px solid var(--vrd-sinir);
  border-radius: 6px;
  transition: all var(--vrd-gecis-hizli);
}

.vrd-alt-dipnot-link:hover {
  color: var(--vrd-kirmizi);
  border-color: var(--vrd-kirmizi);
  background-color: rgba(233, 69, 96, 0.06);
}

@media (min-width: 480px) {
  .vrd-alt-bilgi-serit {
    gap: 16px;
  }
}

@media (min-width: 768px) {
  :root {
    --vrd-ic-bosluk: 24px;
    --vrd-baslik-yukseklik: 72px;
  }

  h1 { font-size: 2.4rem; }
  h2 { font-size: 1.85rem; }
  h3 { font-size: 1.45rem; }

  .vrd-ust-serit-link-metin {
    display: inline;
  }

  .vrd-sayfa-bant {
    padding: 56px 0 48px;
  }

  .vrd-sayfa-bant-baslik {
    font-size: 2.2rem;
  }

  .vrd-kart-izgarasi {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .vrd-iletisim-bilgi {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-alt-sutunlar {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  .vrd-alt-alan-dipnot-ic {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }

  .vrd-alt-dipnot-orta {
    order: 2;
  }

  .vrd-alt-dipnot-sag {
    order: 3;
  }

  .vrd-hata-kod {
    font-size: 8rem;
  }

  .vrd-bolum {
    padding: 56px var(--vrd-ic-bosluk);
  }

  .vrd-ozellik-kutu {
    padding: 32px 28px;
  }
}

@media (min-width: 1024px) {
  :root {
    --vrd-ic-bosluk: 32px;
    --vrd-baslik-yukseklik: 74px;
  }

  h1 { font-size: 2.7rem; }
  h2 { font-size: 2rem; }

  .vrd-ust-serit-sag {
    gap: 10px;
  }

  .vrd-ust-serit-link {
    font-size: 0.75rem;
    padding: 4px 12px;
  }

  .vrd-gezinti {
    display: flex;
  }

  .vrd-hamburger {
    display: none;
  }

  .vrd-giris-dugme {
    display: flex;
  }

  .vrd-sayfa-bant {
    padding: 64px 0 56px;
  }

  .vrd-sayfa-bant-baslik {
    font-size: 2.5rem;
  }

  .vrd-kart-izgarasi {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-iletisim-bilgi {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-alt-sutunlar {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 40px;
  }

  .vrd-alt-alan-ust {
    padding: 64px 0 48px;
  }

  .vrd-bolum {
    padding: 64px var(--vrd-ic-bosluk);
  }

  .vrd-cta-blok {
    padding: 56px 48px;
  }
}

@media (min-width: 1280px) {
  .vrd-gezinti-baglanti {
    padding: 10px 18px;
    font-size: 0.9rem;
  }

  .vrd-acilir-liste {
    min-width: 310px;
  }

  .vrd-alt-sutunlar {
    gap: 48px;
  }
}

@media (max-width: 767px) {
  .vrd-ust-serit-adres {
    display: none;
  }

  .vrd-ust-serit-ayrac {
    display: none;
  }

  .vrd-ust-serit-link-metin {
    display: none;
  }

  .vrd-ust-serit-sag {
    gap: 4px;
  }

  .vrd-ust-serit-link {
    padding: 4px 8px;
  }

  .vrd-logo-gorsel {
    height: 30px;
  }

  .vrd-alt-bilgi-ayrac {
    display: none;
  }

  .vrd-alt-bilgi-serit {
    flex-direction: column;
    gap: 8px;
  }

  .vrd-rutin-tablo {
    display: block;
    overflow-x: auto;
  }
}

@media (max-width: 479px) {
  .vrd-ust-serit {
    height: 32px;
  }

  .vrd-ust-serit-rozet {
    font-size: 0.68rem;
  }

  .vrd-mobil-panel {
    width: 280px;
  }

  .vrd-cta-blok {
    padding: 32px 20px;
  }

  .vrd-cta-baslik {
    font-size: 1.25rem;
  }
}

.vrd-kahraman-alan {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.vrd-kahraman-arka {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.vrd-kahraman-arka-gorsel {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vrd-kahraman-gradyan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 10, 20, 0.92) 0%, rgba(15, 15, 26, 0.85) 40%, rgba(26, 26, 46, 0.78) 100%);
}

.vrd-kahraman-ic {
  position: relative;
  z-index: 1;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  padding: 60px var(--vrd-ic-bosluk) 56px;
  width: 100%;
}

.vrd-kahraman-rozet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background-color: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--vrd-yesil);
  margin-bottom: 20px;
  letter-spacing: 0.03em;
}

.vrd-kahraman-rozet i {
  font-size: 0.7rem;
}

.vrd-kahraman-baslik {
  font-family: var(--vrd-yazi-baslik);
  font-size: 2rem;
  font-weight: 800;
  color: var(--vrd-beyaz);
  line-height: 1.2;
  margin-bottom: 18px;
  max-width: 700px;
  letter-spacing: 0.01em;
}

.vrd-kahraman-aciklama {
  font-size: 1rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  max-width: 620px;
  margin-bottom: 28px;
}

.vrd-kahraman-aksiyonlar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 36px;
}

.vrd-kahraman-ikincil {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--vrd-beyaz);
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all var(--vrd-gecis-normal);
}

.vrd-kahraman-ikincil:hover {
  background-color: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--vrd-beyaz);
}

.vrd-kahraman-gosterge {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.vrd-kahraman-gosterge-oge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  color: var(--vrd-grimsi);
}

.vrd-kahraman-gosterge-oge i {
  color: var(--vrd-kirmizi);
  font-size: 0.85rem;
}

.vrd-etiket-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: rgba(233, 69, 96, 0.1);
  border: 1px solid rgba(233, 69, 96, 0.2);
  border-radius: 20px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--vrd-kirmizi);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
}

.vrd-etiket-rozet i {
  font-size: 0.65rem;
}

.vrd-etiket-orta {
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.vrd-etiket-beyaz {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--vrd-beyaz);
}

.vrd-bolum-baslik-orta {
  text-align: center;
  padding-left: 0;
}

.vrd-bolum-baslik-orta::before {
  display: none;
}

.vrd-bolum-alt-orta {
  text-align: center;
  padding-left: 0;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.vrd-bolum-koyu {
  background-color: var(--vrd-koyu);
}

.vrd-tanitim-alani {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-tanitim-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  margin-bottom: 14px;
}

.vrd-tanitim-liste {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.vrd-tanitim-liste-oge {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background-color: rgba(233, 69, 96, 0.05);
  border: 1px solid var(--vrd-sinir);
  border-radius: 8px;
  font-size: 0.88rem;
  color: var(--vrd-soluk);
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-tanitim-liste-oge:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-tanitim-liste-ikon {
  color: var(--vrd-kirmizi);
  font-size: 0.9rem;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}

.vrd-tanitim-gorsel-alani {
  display: flex;
  justify-content: center;
}

.vrd-tanitim-gorsel {
  width: 100%;
  max-width: 520px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-ozellik-izgara {
  grid-template-columns: 1fr;
}

.vrd-ozellik-kutu-gorsel {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid var(--vrd-sinir);
}

.vrd-ozellik-kutu-ikon-mavi {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(14, 165, 233, 0.05));
  color: var(--vrd-mavi);
}

.vrd-ozellik-kutu-ikon-turuncu {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.15), rgba(249, 115, 22, 0.05));
  color: var(--vrd-turuncu);
}

.vrd-ozellik-kutu-ikon-yesil {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));
  color: var(--vrd-yesil);
}

.vrd-ozellik-kutu-ikon-mor {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.05));
  color: var(--vrd-mor);
}

.vrd-checklist-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-checklist-gorsel {
  width: 100%;
  max-width: 480px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  margin-top: 24px;
  box-shadow: var(--vrd-golge-orta);
}

.vrd-guven-alani {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-guven-gorsel-alani {
  position: relative;
  display: flex;
  justify-content: center;
}

.vrd-guven-gorsel {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-guven-gorsel-rozet {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: rgba(16, 185, 129, 0.9);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
}

.vrd-guven-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  margin-bottom: 24px;
}

.vrd-guven-kartlar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.vrd-guven-kart {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--vrd-sinir);
  border-radius: 10px;
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-guven-kart:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-guven-kart-ikon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(14, 165, 233, 0.1));
  border-radius: 10px;
  color: var(--vrd-kirmizi);
  font-size: 0.95rem;
  flex-shrink: 0;
}

.vrd-guven-kart-baslik {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  margin-bottom: 4px;
}

.vrd-guven-kart-metin {
  font-size: 0.82rem;
  color: var(--vrd-grimsi);
  line-height: 1.6;
}

.vrd-giris-rehber-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-giris-rehber-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  margin-bottom: 24px;
}

.vrd-giris-adimlar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.vrd-giris-adim {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-giris-adim:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-giris-adim-numara {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-family: var(--vrd-yazi-baslik);
  font-size: 1rem;
  font-weight: 700;
  border-radius: 10px;
  flex-shrink: 0;
}

.vrd-giris-adim-baslik {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  margin-bottom: 4px;
}

.vrd-giris-adim-metin {
  font-size: 0.85rem;
  color: var(--vrd-grimsi);
  line-height: 1.6;
}

.vrd-giris-rehber-gorsel-alan {
  display: flex;
  justify-content: center;
}

.vrd-giris-rehber-gorsel {
  width: 100%;
  max-width: 480px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-cta-dugme-kucuk {
  padding: 12px 24px;
  font-size: 0.85rem;
}

.vrd-cta-dugme-ikincil {
  background: transparent;
  border: 1px solid var(--vrd-sinir-acik);
  color: var(--vrd-acik);
  box-shadow: none;
}

.vrd-cta-dugme-ikincil:hover {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: var(--vrd-acik);
  color: var(--vrd-beyaz);
  box-shadow: none;
  transform: none;
}

.vrd-mod-izgara {
  grid-template-columns: 1fr;
}

.vrd-canli-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-canli-gorsel-alani {
  display: flex;
  justify-content: center;
}

.vrd-canli-gorsel {
  width: 100%;
  max-width: 520px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-canli-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  margin-bottom: 24px;
}

.vrd-canli-denklem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
}

.vrd-canli-denklem-oge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background-color: rgba(233, 69, 96, 0.08);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--vrd-acik);
}

.vrd-canli-denklem-oge i {
  color: var(--vrd-kirmizi);
  font-size: 0.85rem;
}

.vrd-canli-denklem-isaret {
  font-family: var(--vrd-yazi-baslik);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--vrd-grimsi);
}

.vrd-canli-denklem-sonuc {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.05));
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--vrd-yesil);
}

.vrd-diyalog-listesi {
  max-width: 860px;
  margin: 0 auto;
}

.vrd-diyalog-devam {
  text-align: center;
  margin-top: 28px;
}

.vrd-fps-alani {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-fps-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  margin-bottom: 20px;
}

.vrd-fps-sozluk {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-bottom: 24px;
}

.vrd-fps-sozluk-oge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 8px;
  gap: 12px;
}

.vrd-fps-sozluk-terim {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  white-space: nowrap;
}

.vrd-fps-sozluk-anlam {
  font-size: 0.8rem;
  color: var(--vrd-grimsi);
  text-align: right;
}

.vrd-fps-gorsel {
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
  margin-bottom: 20px;
}

.vrd-fps-rutin-onizleme {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  padding: 24px;
}

.vrd-fps-rutin-baslik {
  font-size: 1rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 16px;
  text-align: center;
}

.vrd-fps-rutin-liste {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vrd-fps-rutin-gun {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color var(--vrd-gecis-hizli);
}

.vrd-fps-rutin-gun:hover {
  background-color: rgba(233, 69, 96, 0.06);
}

.vrd-fps-rutin-gun-numara {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-family: var(--vrd-yazi-baslik);
  font-size: 0.78rem;
  font-weight: 700;
  border-radius: 6px;
  flex-shrink: 0;
}

.vrd-fps-rutin-gun-metin {
  font-size: 0.82rem;
  color: var(--vrd-soluk);
}

.vrd-bilincli-izgara {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.vrd-mobil-sablon-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-mobil-sablon-gorsel-alan {
  display: flex;
  justify-content: center;
}

.vrd-mobil-sablon-gorsel {
  width: 100%;
  max-width: 400px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-mobil-sablon-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
  margin-bottom: 24px;
}

.vrd-mobil-sablon-adimlar {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.vrd-mobil-sablon-adim {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 10px;
}

.vrd-mobil-sablon-adim-sure {
  padding: 6px 12px;
  background: linear-gradient(135deg, var(--vrd-kirmizi), #d63051);
  color: var(--vrd-beyaz);
  font-family: var(--vrd-yazi-baslik);
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}

.vrd-mobil-sablon-adim-baslik {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--vrd-beyaz);
  margin-bottom: 3px;
}

.vrd-mobil-sablon-adim-metin {
  font-size: 0.82rem;
  color: var(--vrd-grimsi);
  line-height: 1.5;
}

.vrd-blog-devam-alan {
  text-align: center;
  margin-top: 32px;
}

.vrd-cta-blok-dekor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 16px;
  overflow: hidden;
}

.vrd-cta-blok-gorsel {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.12;
}

.vrd-cta-coklu {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .vrd-kahraman-baslik {
    font-size: 2.5rem;
  }

  .vrd-kahraman-aciklama {
    font-size: 1.05rem;
  }

  .vrd-tanitim-alani {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
  }

  .vrd-ozellik-izgara {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-checklist-alan {
    grid-template-columns: 1fr 1.2fr;
    gap: 48px;
  }

  .vrd-guven-alani {
    grid-template-columns: 0.9fr 1.1fr;
    gap: 48px;
  }

  .vrd-guven-kartlar {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-giris-rehber-alan {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
  }

  .vrd-mod-izgara {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-canli-alan {
    grid-template-columns: 0.9fr 1.1fr;
    gap: 48px;
  }

  .vrd-fps-alani {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
  }

  .vrd-fps-sozluk {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-bilincli-izgara {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-mobil-sablon-alan {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 48px;
  }
}

@media (min-width: 1024px) {
  .vrd-kahraman-alan {
    min-height: 580px;
  }

  .vrd-kahraman-ic {
    padding: 72px var(--vrd-ic-bosluk) 64px;
  }

  .vrd-kahraman-baslik {
    font-size: 2.8rem;
  }

  .vrd-ozellik-izgara {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-bilincli-izgara {
    grid-template-columns: repeat(4, 1fr);
  }
}

.vrd-hakkimizda-giris {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-hakkimizda-giris-gorsel {
  display: flex;
  justify-content: center;
}

.vrd-hakkimizda-gorsel {
  width: 100%;
  max-width: 520px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-hakkimizda-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.85;
  margin-bottom: 16px;
}

.vrd-misyon-vizyon-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-misyon-vizyon-kutu {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 14px;
  padding: 32px 28px;
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-misyon-vizyon-kutu:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-misyon-vizyon-ikon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(233, 69, 96, 0.05));
  border-radius: 14px;
  font-size: 1.2rem;
  color: var(--vrd-kirmizi);
  margin-bottom: 18px;
}

.vrd-misyon-vizyon-ikon-mavi {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(14, 165, 233, 0.05));
  color: var(--vrd-mavi);
}

.vrd-misyon-vizyon-gorsel {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--vrd-sinir);
  margin-bottom: 18px;
}

.vrd-misyon-vizyon-baslik {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 12px;
}

.vrd-misyon-vizyon-metin {
  font-size: 0.88rem;
  color: var(--vrd-grimsi);
  line-height: 1.75;
  margin-bottom: 10px;
}

.vrd-rakamlar-izgara {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 800px;
  margin: 0 auto;
}

.vrd-rakam-kutu {
  background: linear-gradient(135deg, var(--vrd-lacivert), var(--vrd-karanlik));
  border: 1px solid var(--vrd-sinir);
  border-radius: 14px;
  padding: 28px 20px;
  text-align: center;
  transition: all var(--vrd-gecis-normal);
}

.vrd-rakam-kutu:hover {
  border-color: var(--vrd-kirmizi);
  transform: translateY(-3px);
  box-shadow: var(--vrd-golge-kirmizi);
}

.vrd-rakam-deger {
  font-family: var(--vrd-yazi-baslik);
  font-size: 2rem;
  font-weight: 800;
  color: var(--vrd-kirmizi);
  line-height: 1.1;
  margin-bottom: 8px;
}

.vrd-rakam-aciklama {
  font-size: 0.82rem;
  color: var(--vrd-grimsi);
  font-weight: 500;
}

.vrd-hakkimizda-yaklaşım-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-iletisim-ust-alan {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
  align-items: center;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-iletisim-paragraf {
  font-size: 0.95rem;
  color: var(--vrd-soluk);
  line-height: 1.85;
  margin-bottom: 14px;
}

.vrd-iletisim-gorsel-buyuk {
  width: 100%;
  max-width: 480px;
  border-radius: 16px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-iletisim-ust-gorsel {
  display: flex;
  justify-content: center;
}

.vrd-iletisim-kutu-detay {
  flex: 1;
}

.vrd-iletisim-kutu-alt {
  font-size: 0.75rem;
  color: var(--vrd-grimsi);
  margin-top: 4px;
}

.vrd-iletisim-kutu-link {
  color: var(--vrd-mavi);
  font-weight: 500;
  transition: color var(--vrd-gecis-hizli);
}

.vrd-iletisim-kutu-link:hover {
  color: var(--vrd-kirmizi-parlak);
}

.vrd-harita-alani {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-harita-embed {
  display: block;
  width: 100%;
  min-height: 350px;
}

.vrd-sosyal-izgara {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-sosyal-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 20px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 14px;
  transition: all var(--vrd-gecis-normal);
}

.vrd-sosyal-kart:hover {
  transform: translateY(-4px);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-sosyal-kart-ikon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 1.3rem;
  margin-bottom: 14px;
  transition: all var(--vrd-gecis-normal);
}

.vrd-sosyal-kart-baslik {
  font-size: 1rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 6px;
}

.vrd-sosyal-kart-metin {
  font-size: 0.78rem;
  color: var(--vrd-grimsi);
  line-height: 1.5;
}

.vrd-sosyal-kart-pinterest .vrd-sosyal-kart-ikon {
  background-color: rgba(230, 0, 35, 0.12);
  color: #e60023;
}

.vrd-sosyal-kart-pinterest:hover {
  border-color: #e60023;
}

.vrd-sosyal-kart-youtube .vrd-sosyal-kart-ikon {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff0000;
}

.vrd-sosyal-kart-youtube:hover {
  border-color: #ff0000;
}

.vrd-sosyal-kart-reddit .vrd-sosyal-kart-ikon {
  background-color: rgba(255, 69, 0, 0.12);
  color: #ff4500;
}

.vrd-sosyal-kart-reddit:hover {
  border-color: #ff4500;
}

.vrd-sosyal-kart-instagram .vrd-sosyal-kart-ikon {
  background-color: rgba(221, 42, 123, 0.12);
  color: #dd2a7b;
}

.vrd-sosyal-kart-instagram:hover {
  border-color: #dd2a7b;
}

.vrd-sosyal-kart-facebook .vrd-sosyal-kart-ikon {
  background-color: rgba(24, 119, 242, 0.12);
  color: #1877f2;
}

.vrd-sosyal-kart-facebook:hover {
  border-color: #1877f2;
}

@media (min-width: 768px) {
  .vrd-hakkimizda-giris {
    grid-template-columns: 1.2fr 0.8fr;
    gap: 48px;
  }

  .vrd-misyon-vizyon-alan {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }

  .vrd-rakamlar-izgara {
    grid-template-columns: repeat(4, 1fr);
  }

  .vrd-hakkimizda-yaklaşım-alan {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 48px;
  }

  .vrd-iletisim-ust-alan {
    grid-template-columns: 1.2fr 0.8fr;
    gap: 48px;
  }

  .vrd-iletisim-bilgi {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-sosyal-izgara {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-harita-embed {
    min-height: 400px;
  }
}

@media (min-width: 1024px) {
  .vrd-iletisim-bilgi {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-sosyal-izgara {
    grid-template-columns: repeat(5, 1fr);
  }

  .vrd-harita-embed {
    min-height: 450px;
  }

  .vrd-misyon-vizyon-gorsel {
    height: 200px;
  }
}

.vrd-yazi-meta-ust {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 14px;
}

.vrd-yazi-meta-oge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--vrd-grimsi);
}

.vrd-yazi-meta-oge i {
  font-size: 0.72rem;
  color: var(--vrd-kirmizi);
}

.vrd-yazi-sayfa-alan {
  max-width: 860px;
  margin: 0 auto;
}

.vrd-yazi-ana-sutun {
  width: 100%;
}

.vrd-yazi-kapak-gorsel {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--vrd-sinir);
  margin-bottom: 28px;
  box-shadow: var(--vrd-golge-orta);
}

.vrd-yazi-gorsel {
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--vrd-sinir);
  margin: 20px 0 24px;
  box-shadow: var(--vrd-golge-kucuk);
}

.vrd-yazi-etiketler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 24px 0;
  border-top: 1px solid var(--vrd-sinir);
  border-bottom: 1px solid var(--vrd-sinir);
  margin: 32px 0;
}

.vrd-yazi-etiket {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background-color: rgba(233, 69, 96, 0.08);
  border: 1px solid rgba(233, 69, 96, 0.15);
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--vrd-kirmizi);
}

.vrd-yazi-etiket i {
  font-size: 0.6rem;
}

.vrd-yazi-ilgili {
  margin-top: 8px;
}

.vrd-yazi-ilgili-baslik {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 20px;
  padding-left: 14px;
  border-left: 3px solid var(--vrd-kirmizi);
}

.vrd-yazi-ilgili-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.vrd-yazi-ilgili-kart {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 10px;
  transition: all var(--vrd-gecis-hizli);
}

.vrd-yazi-ilgili-kart:hover {
  border-color: var(--vrd-sinir-acik);
  background-color: rgba(233, 69, 96, 0.04);
}

.vrd-yazi-ilgili-gorsel {
  width: 90px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  border: 1px solid var(--vrd-sinir);
}

.vrd-yazi-ilgili-kart-baslik {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--vrd-acik);
  line-height: 1.4;
}

.vrd-blog-liste-alan {
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-blog-liste-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 28px;
}

.vrd-blog-liste-kart {
  display: grid;
  grid-template-columns: 1fr;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 14px;
  overflow: hidden;
  transition: all var(--vrd-gecis-normal);
}

.vrd-blog-liste-kart:hover {
  border-color: var(--vrd-sinir-acik);
  transform: translateY(-3px);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-blog-liste-kart-gorsel-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.vrd-blog-liste-kart-gorsel {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform var(--vrd-gecis-yavas);
}

.vrd-blog-liste-kart:hover .vrd-blog-liste-kart-gorsel {
  transform: scale(1.04);
}

.vrd-blog-liste-kart-kategori {
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background-color: rgba(233, 69, 96, 0.9);
  color: var(--vrd-beyaz);
  font-size: 0.72rem;
  font-weight: 600;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.vrd-blog-liste-kart-icerik {
  padding: 24px;
}

.vrd-blog-liste-kart-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 12px;
}

.vrd-blog-liste-kart-tarih,
.vrd-blog-liste-kart-yazar {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  color: var(--vrd-grimsi);
}

.vrd-blog-liste-kart-tarih i,
.vrd-blog-liste-kart-yazar i {
  font-size: 0.68rem;
}

.vrd-blog-liste-kart-baslik {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}

.vrd-blog-liste-kart-baslik a {
  color: var(--vrd-beyaz);
  transition: color var(--vrd-gecis-hizli);
}

.vrd-blog-liste-kart-baslik a:hover {
  color: var(--vrd-kirmizi);
}

.vrd-blog-liste-kart-ozet {
  font-size: 0.875rem;
  color: var(--vrd-grimsi);
  line-height: 1.7;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .vrd-blog-liste-kart {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .vrd-blog-liste-kart-gorsel {
    height: 100%;
    min-height: 240px;
  }

  .vrd-yazi-ilgili-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-yazi-ilgili-kart {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .vrd-yazi-ilgili-gorsel {
    width: 100%;
    height: 100px;
  }
}

@media (min-width: 1024px) {
  .vrd-blog-liste-kart-icerik {
    padding: 28px 32px;
  }

  .vrd-blog-liste-kart-baslik {
    font-size: 1.25rem;
  }
}

.vrd-hata-yonlendirme-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  max-width: 800px;
  margin: 0 auto;
}

.vrd-hata-yonlendirme-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 16px;
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  transition: all var(--vrd-gecis-normal);
  gap: 8px;
}

.vrd-hata-yonlendirme-kart:hover {
  border-color: var(--vrd-kirmizi);
  transform: translateY(-3px);
  box-shadow: var(--vrd-golge-kirmizi);
}

.vrd-hata-yonlendirme-ikon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(14, 165, 233, 0.1));
  border-radius: 12px;
  font-size: 1.1rem;
  color: var(--vrd-kirmizi);
}

.vrd-hata-yonlendirme-baslik {
  font-family: var(--vrd-yazi-baslik);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
}

.vrd-hata-yonlendirme-metin {
  font-size: 0.75rem;
  color: var(--vrd-grimsi);
}

.vrd-sss-alan {
  max-width: 860px;
  margin: 0 auto;
}

.vrd-kilavuz-sozluk-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: var(--vrd-maks-genislik);
  margin: 0 auto;
}

.vrd-kilavuz-sozluk-kart {
  background-color: var(--vrd-lacivert);
  border: 1px solid var(--vrd-sinir);
  border-radius: 12px;
  padding: 24px;
  transition: border-color var(--vrd-gecis-hizli);
}

.vrd-kilavuz-sozluk-kart:hover {
  border-color: var(--vrd-sinir-acik);
}

.vrd-kilavuz-sozluk-ikon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(14, 165, 233, 0.1));
  border-radius: 10px;
  font-size: 1rem;
  color: var(--vrd-kirmizi);
  margin-bottom: 14px;
}

.vrd-kilavuz-sozluk-terim {
  font-size: 1rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 6px;
}

.vrd-kilavuz-sozluk-aciklama {
  font-size: 0.85rem;
  color: var(--vrd-grimsi);
  line-height: 1.7;
}

.vrd-platform-ozellik-detay {
  max-width: var(--vrd-maks-genislik);
  margin: 24px auto 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.vrd-platform-ozellik-satir {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: center;
}

.vrd-platform-ozellik-gorsel {
  width: 100%;
  max-width: 480px;
  border-radius: 14px;
  border: 1px solid var(--vrd-sinir);
  box-shadow: var(--vrd-golge-orta);
}

.vrd-platform-ozellik-gorsel-alan {
  display: flex;
  justify-content: center;
}

.vrd-platform-ozellik-numara {
  font-family: var(--vrd-yazi-baslik);
  font-size: 2.5rem;
  font-weight: 800;
  color: rgba(233, 69, 96, 0.15);
  line-height: 1;
  margin-bottom: 8px;
}

.vrd-platform-ozellik-baslik {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--vrd-beyaz);
  margin-bottom: 10px;
}

.vrd-platform-ozellik-aciklama {
  font-size: 0.9rem;
  color: var(--vrd-soluk);
  line-height: 1.8;
}

@media (min-width: 768px) {
  .vrd-hata-yonlendirme-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-kilavuz-sozluk-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .vrd-platform-ozellik-satir {
    grid-template-columns: 0.9fr 1.1fr;
    gap: 40px;
  }

  .vrd-platform-ozellik-ters {
    direction: rtl;
  }

  .vrd-platform-ozellik-ters > * {
    direction: ltr;
  }
}

@media (min-width: 1024px) {
  .vrd-kilavuz-sozluk-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .vrd-platform-ozellik-satir {
    gap: 56px;
  }
}

@media print {
  .vrd-ust-serit,
  .vrd-ana-baslik,
  .vrd-karartma,
  .vrd-mobil-panel,
  .vrd-alt-alan,
  .vrd-giris-dugme,
  .vrd-hamburger,
  .vrd-erisim-atlama,
  .vrd-cta-blok {
    display: none;
  }

  body {
    background-color: #fff;
    color: #1a1a1a;
  }

  .vrd-ana-icerik {
    padding: 0;
  }
}