/* ══════════════════════════════════════════════════════════════════
   design-lint: allow hover-movement (Footer.dc.html 1a — kullanıcının tasarımı)
   Yeni footer. Kaynak: Claude Design projesi "Footer.dc.html" 1a (esas, logo ortada) ve 390 px
   karşılığı. Kurallar tasarım dosyasından aynen alındı; kapsam .ft yerine .v2f, ".mob" kuralları
   760 px altı medya sorgusuna taşındı. Header: v2-header.css.
   ══════════════════════════════════════════════════════════════════ */
.v2f {
  --mctr-red: #ED2C29; --bg-card: #1E1C1B;
  --fg-1: #FFFFFF; --fg-2: rgba(255,255,255,.80); --fg-3: rgba(255,255,255,.66);
  --fg-muted: rgba(255,255,255,.50); --fg-faint: rgba(255,255,255,.40);
  --shadow-tag: 1.746px 1.746px 0 0 rgba(0,0,0,.30);
  --e-out: cubic-bezier(.22, 1, .36, 1); --d1: 160ms; --d2: 240ms; --d3: 400ms; --line: rgba(255,255,255,.08);
}

/* ── kabuk içi sıfırlama (:where = sıfır özgüllük) ── */
:where(.v2f) { font-family: var(--font-body); font-size: 14px; line-height: 1.4; -webkit-font-smoothing: none; font-synthesis: none; }
:where(.v2f) :where(*, *::before, *::after) { box-sizing: border-box; }
:where(.v2f) :where(a) { color: inherit; text-decoration: none; }
:where(.v2f) :where(a:hover) { color: #fff; }
:where(.v2f) :where(a:focus) { outline: none; }
:where(.v2f) :where(a:focus-visible, button:focus-visible) { outline: 2px solid #fff; outline-offset: 2px; }
:where(.v2f) :where(img) { image-rendering: pixelated; display: block; max-width: none; }
:where(.v2f) :where(b, strong) { font-weight: 400; }
:where(.v2f) :where(h2, p, ul) { margin: 0; }
:where(.v2f) :where(button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: inherit; width: 100%; -webkit-tap-highlight-color: transparent; }
.v2f [hidden] { display: none !important; }
.v2f .k-wrap { width: min(1200px, calc(100% - 32px)); margin: 0 auto; }
.v2f .k-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; font-family: var(--font-pixel); font-size: 9px; letter-spacing: 1.2px; text-transform: uppercase; background: #0F0E0E; color: var(--fg-2); box-shadow: var(--shadow-tag); white-space: nowrap; }
.v2f .k-tag--line { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }

/* ══ TASARIM DOSYASINDAN (Footer.dc.html) ══════════════════════════ */
.v2f { background: #100F0E; color: var(--fg-2); }
.v2f .masc { width: 43px; height: 39px; flex: none; }
.v2f .ft-h { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-family: var(--font-pixel); font-size: 10px; font-weight: 400; letter-spacing: 1.6px; line-height: 1.3; text-transform: uppercase; color: var(--fg-muted); }
.v2f .ft-h .k-tag { height: 16px; margin: -4px 0; padding: 0 5px; font-size: 8px; letter-spacing: 1px; }
.v2f .soc { display: flex; gap: 8px; }
.v2f .si { --sb: #4A4644; --sd: #262322; display: grid; place-items: center; width: 48px; height: 48px; background: #2E2B2A; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 4px 0 #0A0909; transition: transform var(--d1) var(--e-out), box-shadow var(--d1) var(--e-out), background-color var(--d1) ease; }
.v2f .si img { width: 22px; height: 18px; object-fit: contain; transition: filter var(--d1) ease; }
.v2f .si:hover, .v2f .si.is-h { background: var(--sb); transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 6px 0 var(--sd); }
.v2f .si:active { transform: translateY(2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 2px 0 var(--sd); }
.v2f .si--dc { --sb: #5865F2; --sd: #3C45A5; }
.v2f .si--yt { --sb: #E02A20; --sd: #921811; }
.v2f .si--ig { --sb: #C13584; --sd: #7E1F55; }
.v2f .si--tt { --sb: #EE1D52; --sd: #9C0F33; }
.v2f .si--x { --sb: #fff; --sd: #8C8886; }
.v2f .si--x:hover img { filter: invert(1); }
.v2f .disc { font-size: 12px; line-height: 1.5; color: var(--fg-faint); }
.v2f .disc p { margin: 0 0 6px; }
.v2f .disc p:last-child { margin-bottom: 0; }
.v2f .f-brand { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 32px; padding: 48px 0 40px; }
.v2f .f-brand .soc { justify-self: end; }
.v2f .f-logo { display: block; transition: filter var(--d2) ease; }
.v2f .f-logo:hover { filter: brightness(1.12); }
.v2f img.f-logo-i { width: 198px; height: auto; image-rendering: auto; }
.v2f .f-vg { display: flex; align-items: center; gap: 13px; justify-self: start; }
.v2f .f-tx { display: grid; gap: 4px; font-size: 13px; line-height: 1.35; color: var(--fg-muted); }
.v2f .f-tx b { color: var(--fg-2); }
.v2f .f-menu { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; padding: 40px 0 48px; border-top: 1px solid var(--line); }
.v2f .f-col { display: grid; gap: 32px; align-content: start; }
.v2f .f-col--fill { align-content: stretch; }
.v2f .f-col--fill nav { display: grid; grid-template-rows: auto 1fr; }
.v2f .f-col--fill .bk-ul { align-content: space-between; }
.v2f .bk-ul { display: grid; gap: 13px; align-content: start; }
.v2f .bk-a { position: relative; display: block; justify-self: start; font-size: 14px; line-height: 1.25; color: var(--fg-3); transition: color var(--d1) ease, transform var(--d2) var(--e-out); }
.v2f .bk-a img { position: absolute; left: -18px; top: 50%; width: 12px; height: 12px; margin-top: -6px; opacity: 0; transform: translateX(-4px); transition: opacity var(--d1) ease, transform var(--d2) var(--e-out); }
.v2f .bk-a:hover, .v2f .bk-a.is-h { color: #fff; transform: translateX(4px); }
.v2f .bk-a:hover img, .v2f .bk-a.is-h img { opacity: 1; transform: none; }
.v2f .f-corp { display: flex; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.v2f .f-corp ul { display: flex; flex-wrap: wrap; align-items: center; row-gap: 8px; margin: 0; padding: 0; list-style: none; font-family: var(--font-pixel); font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.6); }
.v2f .f-corp li + li { margin-left: 10px; padding-left: 13px; background: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)) 0 50% / 3px 3px no-repeat; }
.v2f .bk-nw { margin-left: 8px; font-family: var(--font-pixel); font-size: 8px; letter-spacing: 1px; text-transform: uppercase; color: var(--fg-faint); }
.v2f .f-corp a { display: inline-flex; align-items: center; min-height: 16px; transition: color var(--d1) ease; }
.v2f .f-corp a:hover, .v2f .f-corp a.is-h { color: #fff; }
.v2f .f-disc { padding: 20px 0 32px; text-align: justify; text-align-last: justify; }
.v2f .f-c .f-corp { justify-content: center; }
.v2f .f-c .f-corp ul { justify-content: center; }
.v2f .bk-floor { display: grid; place-items: center; height: 64px; background: linear-gradient(rgba(16,15,14,.55), rgba(16,15,14,.55)), url("../images/mc/block/bedrock.png") 0 0 / 64px 64px repeat; image-rendering: pixelated; }
.v2f .bk-chip { display: inline-flex; align-items: center; gap: 13px; height: 40px; padding: 0 20px; background: #100F0E; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 3px 0 #000; font-family: var(--font-pixel); font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: #fff; transition: background-color var(--d1) ease, box-shadow var(--d1) ease; }
.v2f .bk-chip img { width: 12px; height: 9px; transition: transform var(--d2) var(--e-out); }
.v2f .bk-chip i { font-style: normal; color: var(--fg-muted); }
.v2f .bk-sep { width: 1px; height: 16px; background: rgba(255,255,255,.18); }
.v2f .bk-floor:hover .bk-chip { background: #1E1C1B; box-shadow: inset 0 0 0 2px #fff, 0 3px 0 #000; }
.v2f .bk-floor:hover .bk-chip img { transform: translateY(-3px); }
.v2f .bk-acc { display: grid; border-bottom: 1px solid var(--line); }
.v2f .bk-gh { display: flex; align-items: center; justify-content: space-between; min-height: 52px; border-top: 1px solid var(--line); }
.v2f .bk-gh .ft-h { margin: 0; }
.v2f .bk-gh img { width: 12px; height: 9px; transform: rotate(180deg); transition: transform var(--d2) var(--e-out); }
.v2f .bk-g.on .bk-gh img { transform: none; }
.v2f .bk-gl { display: none; }
.v2f .bk-g.on .bk-gl { display: grid; margin: 0 0 12px; background: #161514; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.v2f .bk-g.on .bk-gh .ft-h { color: #fff; }
.v2f .bk-gl .bk-a { justify-self: stretch; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 16px; font-size: 16px; color: var(--fg-2); }
.v2f .bk-gl .bk-a + .bk-a { box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
.v2f .bk-gl .bk-a img { position: static; width: 12px; height: 12px; margin: 0; opacity: .4; transform: none; }
.v2f .bk-gl .bk-a:hover { color: #fff; background: rgba(255,255,255,.04); transform: none; }
.v2f .bk-gl .bk-a:hover img { opacity: 1; transform: translateX(3px); }
.v2f .f-vgm { display: flex; justify-content: center; padding: 24px 0 4px; }
/* ══ SİTEYE BAĞLAMA ════════════════════════════════════════════════ */
/* Masaüstünde akordeon ve alttaki VGNW satırı yok; mobilde beş sütun ve marka satırındaki imza yok. */
.v2f .bk-acc, .v2f .f-vgm { display: none; }
.v2f .bk-gl .bk-a { text-decoration: none; }
@media (max-width: 760px) {
  .v2f .f-menu, .v2f .f-brand .f-vg { display: none; }
  .v2f .bk-acc { display: grid; }
  .v2f .f-vgm { display: flex; }
  .v2f .f-brand { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 20px; padding: 32px 0 24px; }
  .v2f .f-brand > * { justify-self: center; }
  .v2f .f-brand .f-logo { order: -1; }
  .v2f img.f-logo-i { width: 158px; }
  .v2f .si { width: 44px; height: 44px; }
  .v2f .f-corp { padding: 8px 0; border-top: 0; }
  .v2f .f-corp ul { gap: 0 16px; }
  .v2f .f-corp li + li { margin-left: 0; padding-left: 0; background: none; }
  .v2f .f-corp a { min-height: 44px; }
  .v2f .f-disc { padding-bottom: 24px; text-align: center; text-align-last: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .v2f * { transition: none !important; }
}