/*
 * Adıyaman Belediyesi V2 — temel, bileşen ve ana sayfa stilleri.
 * Değerler tokens.css'teki Figma değişkenlerinden gelir. Bileşen adları Figma'daki adlarla eşleşir.
 * Kırılımlar: Masaüstü ≥ 1280px · Tablet 768–1279px · Mobil ≤ 767px.
 */

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.v2-body {
  margin: 0;
  background: var(--color-bg-subtle);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body-md);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Sıfırlamalar :where() ile özgüllüksüz; bileşen sınıfları her zaman üstün gelir. */
:where(.v2-body) :where(h1, h2, h3, p) { margin: 0; }
:where(.v2-body) :where(img) { display: block; max-width: 100%; }
:where(.v2-body) :where(a) { color: inherit; text-decoration: none; }
:where(.v2-body) :where(button) { font: inherit; color: inherit; }
:where(.v2-body) :where(:focus-visible) { outline: none; box-shadow: var(--shadow-focus-ring); border-radius: var(--radius-sm); }
.v2-icon { flex: none; display: block; }
.v2-spacer { flex: 1 0 0; min-width: 1px; }
.v2-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.v2-container { width: min(var(--size-container-max, 1280px), calc(100% - 64px)); margin-inline: auto; }
@media (max-width: 767px) { .v2-container { width: calc(100% - 32px); } }

/* Görünürlük */
@media (max-width: 1279px) { .v2-only-desktop { display: none !important; } }
@media (min-width: 1280px) { .v2-hide-desktop { display: none !important; } }
@media (min-width: 1280px), (max-width: 767px) { .v2-only-tablet { display: none !important; } }
@media (min-width: 768px) { .v2-only-mobile { display: none !important; } }
@media (max-width: 767px) { .v2-hide-mobile { display: none !important; } }

/* ---------- Tipografi (Figma metin stilleri) ---------- */
.v2-display-lg { font: 600 var(--font-size-display-lg)/var(--line-height-display-lg) var(--font-display); letter-spacing: -0.025em; }
.v2-h1 { font: 600 var(--font-size-heading-h1)/var(--line-height-heading-h1) var(--font-display); letter-spacing: -0.025em; }
.v2-h2 { font: 600 var(--font-size-heading-h2)/var(--line-height-heading-h2) var(--font-display); letter-spacing: -0.02em; }
.v2-h3 { font: 600 var(--font-size-heading-h3)/var(--line-height-heading-h3) var(--font-display); letter-spacing: -0.015em; }
.v2-h4 { font: 600 var(--font-size-heading-h4)/var(--line-height-heading-h4) var(--font-sans); letter-spacing: -0.01em; }
.v2-h5 { font: 600 var(--font-size-heading-h5)/var(--line-height-heading-h5) var(--font-sans); letter-spacing: -0.005em; }
.v2-body-lg { font: 400 var(--font-size-body-lg)/var(--line-height-body-lg) var(--font-sans); letter-spacing: -0.005em; }
.v2-body-md { font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; }
.v2-body-md-strong { font: 500 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; }
.v2-body-sm { font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); }
.v2-label-md { font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); }
.v2-label-caps, .v2-meta, .v2-eyebrow { font: 600 var(--font-size-label-sm)/var(--line-height-label-sm) var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase; }
.v2-meta { color: var(--color-text-tertiary); max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.v2-eyebrow { color: var(--color-text-brand); }
.v2-numeric-lg { font: 600 var(--font-size-numeric-lg)/var(--line-height-numeric-lg) var(--font-display); letter-spacing: -0.02em; }
.v2-numeric-xl { font: 600 var(--font-size-numeric-xl)/var(--line-height-numeric-xl) var(--font-display); letter-spacing: -0.03em; }
.v2-text-secondary { color: var(--color-text-secondary); }
.v2-text-danger { color: var(--color-text-danger); }
.v2-text-accent { color: var(--color-text-accent); }

/* ---------- Button / Icon Button (Figma 3013:1456, 3013:1839) ---------- */
.v2-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  padding: var(--space-3) var(--space-6); border: 0; border-radius: var(--radius-full);
  font: 500 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em;
  white-space: nowrap; cursor: pointer; transition: background-color .15s ease, border-color .15s ease;
}
.v2-btn--md { padding: var(--space-3) var(--space-4); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); letter-spacing: 0; }
.v2-btn--sm { padding: var(--space-2) var(--space-3); gap: var(--space-1); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); letter-spacing: 0; }
.v2-btn--primary { background: var(--color-action-primary-default); color: var(--color-text-on-action); }
.v2-btn--primary:hover { background: var(--color-action-primary-hover); }
.v2-btn--secondary { background: var(--color-action-secondary-default); color: var(--color-text-on-action); }
.v2-btn--secondary:hover { background: var(--color-action-secondary-hover); }
.v2-btn--ghost { background: transparent; color: var(--color-text-brand); }
.v2-btn--ghost:hover { background: var(--color-bg-brand-subtle); }
.v2-btn--outline {
  padding: var(--space-3) var(--space-4); background: var(--color-action-neutral-default);
  border: var(--border-width-hairline) solid var(--color-border-strong); color: var(--color-text-primary);
  font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); letter-spacing: 0;
}
.v2-btn--outline:hover { background: var(--color-action-neutral-hover); }
.v2-icon-btn {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  padding: var(--space-3); border: 0; border-radius: var(--radius-full); background: transparent; cursor: pointer;
}
.v2-icon-btn--lg { padding: var(--space-4); }
.v2-icon-btn--primary { background: var(--color-action-primary-default); }

/* ---------- Tag / çipler (Figma 3014:1022) ---------- */
.v2-tag {
  display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-0-5) var(--space-2);
  border-radius: var(--radius-full); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); white-space: nowrap;
}
.v2-tag--brand { background: var(--color-bg-brand-subtle); color: var(--color-text-brand); }
.v2-tag--neutral { background: var(--color-bg-muted); color: var(--color-text-primary); }
.v2-pill-inverse {
  display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full);
  background: var(--color-bg-inverse); color: var(--color-text-inverse);
  font: 600 var(--font-size-label-sm)/var(--line-height-label-sm) var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase;
}
.v2-glass-chip {
  display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full);
  background: var(--bg-glass); color: var(--color-text-inverse);
  font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); white-space: nowrap;
}
.v2-outline-chip {
  display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-3);
  border: var(--border-width-hairline) solid var(--border-glass); border-radius: var(--radius-full);
  color: var(--color-text-inverse); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); white-space: nowrap;
}
.v2-outline-chip--lg { padding: var(--space-2) var(--space-4); }
.v2-outline-chip:hover { background: var(--bg-glass); }
.v2-kbd {
  display: inline-flex; align-items: center; justify-content: center; min-width: 24px; padding: var(--space-0-5) var(--space-1-5);
  border: var(--border-width-hairline) solid var(--color-border-default); border-radius: var(--radius-sm); background: var(--color-bg-surface);
  font: 400 var(--font-size-caption)/var(--line-height-caption) var(--font-sans); color: var(--color-text-secondary);
}
.v2-icon-circle {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 48px; height: 48px; border-radius: var(--radius-full); background: var(--color-bg-brand-subtle);
}
.v2-icon-circle--lg { width: 56px; height: 56px; }

/* Progress (Figma 3093:17608) */
.v2-progress { position: relative; display: block; flex: 1 0 0; min-width: 1px; height: 6px; overflow: hidden; border-radius: var(--radius-full); background: var(--color-bg-muted); }
.v2-progress > span { position: absolute; inset: 0 auto 0 0; border-radius: var(--radius-full); background: var(--color-action-primary-default); }
.v2-progress--accent > span { background: var(--color-bg-accent); }
.v2-progress--inverse { background: var(--bg-glass); }
.v2-progress--inverse > span { background: var(--color-bg-accent); }
.v2-progress-row { display: flex; align-items: center; gap: var(--space-3); width: 100%; }
.v2-progress-row--wide { gap: var(--space-4); }
.v2-progress-value { flex: none; font: 500 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); white-space: nowrap; }

/* Card zemini */
.v2-card { display: flex; flex-direction: column; background: var(--color-bg-surface); border-radius: var(--radius-xl); overflow: hidden; }

/* Segment (Figma 3017:1354) */
.v2-segments { display: flex; gap: var(--space-1); padding: var(--space-1); flex: none; border-radius: var(--radius-full); background: var(--color-bg-surface); }
.v2-segment {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-4); border: 0; border-radius: var(--radius-full); background: transparent; cursor: pointer;
  font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); color: var(--color-text-secondary); white-space: nowrap;
}
.v2-segment.is-selected { background: var(--color-bg-surface); color: var(--color-text-primary); box-shadow: 0 1px 1.5px rgba(17, 19, 28, .04), 0 1px 1px rgba(17, 19, 28, .06); }
.v2-segment__count {
  padding: 0 var(--space-1); border-radius: var(--radius-full); background: var(--color-bg-surface); color: var(--color-text-secondary);
  font: 600 var(--font-size-label-sm)/var(--line-height-label-sm) var(--font-sans); letter-spacing: 0.06em;
}
.v2-segment.is-selected .v2-segment__count { background: var(--color-bg-brand-subtle); color: var(--color-text-brand); }

/* Yatay kaydırma (mobil kart dizileri) */
@media (max-width: 767px) {
  .v2-scroller { display: flex !important; gap: var(--space-6); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; align-items: flex-start; }
  .v2-scroller::-webkit-scrollbar { display: none; }
  .v2-scroller > * { flex: 0 0 280px; scroll-snap-align: start; }
  .v2-scroller[hidden] { display: none !important; }
}

/* ---------- Site Header (Figma 3045:4381) ---------- */
.v2-site-header { position: relative; z-index: 20; margin-top: var(--space-4); }
.v2-header { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-2xl); background: var(--color-bg-surface); }
.v2-header__utility {
  display: flex; align-items: center; gap: var(--space-6); padding: var(--space-2-5) var(--space-6);
  border-bottom: var(--border-width-hairline) solid var(--color-border-subtle);
}
.v2-utility-item {
  display: inline-flex; align-items: center; gap: var(--space-1-5); padding: 0; border: 0; background: none; cursor: pointer;
  font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); color: var(--color-text-secondary); white-space: nowrap;
}
span.v2-utility-item { cursor: default; }
.v2-utility-item--primary { color: var(--color-text-primary); }
a.v2-utility-item:hover, button.v2-utility-item:hover { color: var(--color-text-brand); }
.v2-header__bar { display: flex; align-items: center; gap: var(--space-6); height: 100px; padding: var(--space-4) var(--space-6); }
.v2-header__logo { flex: none; display: block; }
.v2-header__divider { flex: none; width: 1px; height: 36px; background: var(--color-border-default); }
.v2-nav { display: flex; align-items: center; gap: var(--space-1); }
.v2-nav__item {
  display: inline-flex; align-items: center; gap: var(--space-1-5); padding: var(--space-2-5) var(--space-3); border-radius: var(--radius-full);
  font: 500 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; color: var(--color-text-primary); white-space: nowrap;
}
.v2-nav__item:hover, .v2-nav__item[aria-expanded="true"] { background: var(--color-bg-brand-subtle); color: var(--color-text-brand); }
.v2-nav__badge {
  padding: var(--space-0-5) var(--space-2); border-radius: var(--radius-full); background: var(--color-bg-muted);
  font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); letter-spacing: 0; color: var(--color-text-secondary);
}
.v2-search-trigger {
  display: inline-flex; align-items: center; gap: var(--space-1-5); flex: none; padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
  border: var(--border-width-hairline) solid var(--color-border-subtle); border-radius: var(--radius-full); background: var(--color-bg-subtle);
}
.v2-search-trigger:hover { border-color: var(--color-border-default); }
.v2-search-trigger__keys { display: flex; gap: var(--space-0-5); }
.v2-header__strip {
  display: flex; align-items: center; gap: var(--space-4); padding: var(--space-2-5) var(--space-6);
  border-top: var(--border-width-hairline) solid var(--color-border-subtle);
}
.v2-strip-live { display: inline-flex; align-items: center; gap: var(--space-1-5); color: var(--color-text-secondary); white-space: nowrap; }
.v2-strip-item { font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); white-space: nowrap; }
.v2-strip-link { display: inline-flex; align-items: center; gap: var(--space-1-5); color: var(--color-text-brand); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); white-space: nowrap; }

@media (max-width: 1279px) {
  .v2-header__cta { padding: var(--space-3) var(--space-4); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); letter-spacing: 0; }
}
@media (max-width: 767px) {
  .v2-header__utility { padding: var(--space-2-5) var(--space-4); }
  .v2-header__bar { gap: var(--space-2); padding: var(--space-3) var(--space-2) var(--space-3) var(--space-4); }
  .v2-header__cta { gap: var(--space-1); padding: var(--space-2) var(--space-3); }
}

/* ---------- Bölüm düzeni ---------- */
.v2-main { display: block; }
.v2-section { display: flex; flex-direction: column; gap: var(--space-8); padding-bottom: var(--space-20); }
.v2-section-head { display: flex; align-items: flex-end; gap: var(--space-6); }
.v2-section-title { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-2-5); }
@media (max-width: 767px) {
  .v2-section-head { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
  .v2-section-title { flex: none; width: 100%; }
}

/* ---------- 01 Hero ---------- */
.v2-hero {
  display: grid; grid-template-columns: minmax(0, 842fr) minmax(0, 414fr); gap: var(--space-6);
  padding-top: var(--space-6); padding-bottom: var(--space-10);
}
@media (max-width: 1279px) { .v2-hero { grid-template-columns: minmax(0, 385fr) minmax(0, 361fr); } }
@media (max-width: 767px) { .v2-hero { grid-template-columns: minmax(0, 1fr); } }

/* Card/Lead News (3062:5376) */
.v2-lead { position: relative; padding: var(--space-3); }
.v2-lead__slide { display: flex; flex-direction: column; gap: var(--space-5); }
.v2-lead__slide[hidden] { display: none; }
/* Reserve the tallest headline's space; changing slides must not move the page. */
.v2-hero .v2-lead { display: grid; align-content: start; min-width: 0; }
.v2-hero .v2-lead__slide { grid-area: 1 / 1; min-width: 0; }
.v2-hero .v2-lead__slide[hidden] { display: flex; visibility: hidden; pointer-events: none; }
.v2-lead__image { position: relative; height: 460px; overflow: hidden; border-radius: var(--radius-lg); background: var(--color-bg-muted); }
.v2-lead__image > img { width: 100%; height: 100%; object-fit: cover; }
.v2-lead__tags { position: absolute; top: var(--space-4); left: var(--space-4); display: flex; align-items: flex-start; gap: var(--space-2); }
.v2-lead__body { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-3); }
.v2-lead__actions { display: flex; align-items: center; gap: var(--space-2); padding-top: var(--space-1); flex-wrap: wrap; }
.v2-lead .v2-h1 a:hover { color: var(--color-text-brand); }
.v2-slider-nav {
  position: absolute; top: calc(var(--space-3) + 420px); right: calc(var(--space-3) + var(--space-4));
  display: flex; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full); background: var(--color-bg-surface);
}
.v2-slider-nav__dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: var(--radius-full); background: var(--color-border-default); cursor: pointer; transition: width .2s ease; }
.v2-slider-nav__dot.is-active { width: 20px; background: var(--color-action-primary-default); }

.v2-hero__side { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }

/* Panel/Latest News (3062:5489) + List/News Item (3044:4123) */
.v2-latest { flex: 1 0 0; min-height: 1px; gap: var(--space-4); padding: var(--space-6); }
.v2-latest__head { display: flex; align-items: center; gap: var(--space-2); padding-bottom: var(--space-4); }
.v2-latest__more { display: flex; padding-top: var(--space-3); }
/* Only the news list scrolls; its heading and archive link remain reachable. */
.v2-hero .v2-latest { flex: 1 1 0; min-height: 0; }
.v2-hero .v2-latest__head, .v2-hero .v2-latest__more { flex: none; }
.v2-latest__items { display: flex; flex-direction: column; gap: var(--space-4); min-height: 0; overflow-y: auto; scrollbar-width: thin; }
.v2-latest__items:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 4px; }
.v2-news-item { display: flex; align-items: center; gap: var(--space-4); flex: none; padding: var(--space-4) 0; border-top: var(--border-width-hairline) solid var(--color-border-subtle); }
.v2-news-item__image { flex: none; width: 64px; height: 64px; overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-muted); }
.v2-news-item__image img { width: 100%; height: 100%; object-fit: cover; }
.v2-news-item__text { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-1); }
.v2-news-item:hover .v2-body-md-strong { color: var(--color-text-brand); }
@media (max-width: 767px) { .v2-latest { flex: none; } }
@media (max-width: 767px) { .v2-hero .v2-latest { flex: none; } .v2-latest__items { overflow-y: visible; } }

/* Tile/Counter (3062:5331) */
.v2-counter {
  display: flex; flex-direction: column; gap: var(--space-4); height: 220px; padding: var(--space-6); overflow: hidden;
  border-radius: var(--radius-xl); background: var(--color-bg-brand); color: var(--color-text-inverse);
}
.v2-counter__head { display: flex; align-items: center; gap: var(--space-2); opacity: .75; }
.v2-counter__values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.v2-counter__values > span { display: flex; flex-direction: column; min-width: 0; white-space: nowrap; }
.v2-counter__values .v2-body-sm { opacity: .75; }
@media (max-width: 1279px) { .v2-counter { height: auto; flex: none; } }

/* ---------- 02 Gündem — Card/News (3044:4062) ---------- */
.v2-news-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.v2-news-grid[hidden], .v2-project-grid[hidden] { display: none; }
.v2-news-card { gap: var(--space-4); padding: var(--space-3); }
.v2-news-card__image { display: block; height: 180px; overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-muted); }
.v2-news-card__image img { width: 100%; height: 100%; object-fit: cover; }
.v2-council-card .v2-news-card__image { display: flex; align-items: center; justify-content: center; background: var(--color-bg-brand-subtle); }
.v2-news-card__text { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-1) var(--space-2); }
.v2-news-card:hover .v2-h5 { color: var(--color-text-brand); }
@media (max-width: 1279px) { .v2-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- 03 Hızlı işlemler — Card/Promo Inverse (3062:5625), Tile/Task (3044:4187) ---------- */
.v2-quick { display: grid; grid-template-columns: minmax(0, 410fr) minmax(0, 846fr); gap: var(--space-6); }
.v2-promo {
  display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: var(--space-4);
  padding: var(--space-8); border-radius: var(--radius-xl); background: var(--color-bg-brand); color: var(--color-text-inverse);
}
.v2-promo__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: var(--radius-full); background: var(--bg-glass); }
.v2-promo .v2-label-caps { opacity: .7; }
.v2-promo .v2-body-md { opacity: .8; }
.v2-quick__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 190px; gap: var(--space-6); }
.v2-task { justify-content: space-between; gap: var(--space-6); padding: var(--space-6); }
.v2-task__top { display: flex; align-items: center; width: 100%; }
.v2-task__arrow { position: relative; width: 20px; height: 20px; }
.v2-task__arrow .v2-icon { position: absolute; inset: 0; transition: opacity .15s ease, transform .15s ease; }
.v2-task__arrow .is-hover { opacity: 0; }
.v2-task:hover .v2-task__arrow .is-hover { opacity: 1; transform: translateX(2px); }
.v2-task:hover .v2-task__arrow .is-rest { opacity: 0; }
.v2-task__text { display: flex; flex-direction: column; gap: var(--space-1); }
@media (max-width: 1279px) {
  .v2-quick { grid-template-columns: minmax(0, 1fr); }
  .v2-promo { gap: 0; }
}
@media (max-width: 767px) {
  .v2-quick__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: var(--space-3); }
  .v2-task { gap: 0; }
}

/* ---------- 04 İcraatlar ---------- */
.v2-icraat-row { display: grid; grid-template-columns: minmax(0, 842fr) minmax(0, 414fr); gap: var(--space-6); }
/* Card/Project Featured (3062:5107) */
.v2-featured { position: relative; display: block; height: 560px; overflow: hidden; border-radius: var(--radius-xl); background: var(--color-bg-inverse); color: var(--color-text-inverse); }
.v2-featured__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v2-featured__shade { position: absolute; left: 0; right: 0; bottom: 0; height: 300px; background: var(--color-bg-inverse); }
.v2-featured__content { position: absolute; left: var(--space-8); right: var(--space-8); bottom: 108px; display: flex; flex-direction: column; gap: var(--space-4); }
.v2-featured__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.v2-featured__meta .v2-label-caps { opacity: .7; }
.v2-featured__summary { opacity: .8; }
.v2-featured__chips { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-3); }
.v2-icraat-side { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }
/* Tile/Breakdown (3062:5207) */
.v2-breakdown { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-6); border-radius: var(--radius-xl); background: var(--color-bg-accent-subtle); }
.v2-breakdown > .v2-label-caps { color: var(--color-text-accent); }
.v2-breakdown__row { display: flex; align-items: center; gap: var(--space-3); }
.v2-breakdown__row > .v2-body-sm { flex: none; width: 120px; }
/* Tile/Map (3062:5270) */
.v2-map-tile { position: relative; flex: 1 0 0; min-height: 1px; justify-content: flex-end; gap: var(--space-4); padding: var(--space-6); }
.v2-map-tile__dots { position: absolute; inset: 0; }
.v2-map-tile__dots img { position: absolute; }
.v2-map-tile__row { position: relative; display: flex; align-items: center; gap: var(--space-3); }
.v2-map-tile__text { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-0-5); white-space: nowrap; }
.v2-map-tile:hover .v2-icon-btn--primary { background: var(--color-action-primary-hover); }
/* Card/Project (3045:4170) */
.v2-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.v2-project-card { gap: var(--space-4); padding: var(--space-3); }
.v2-project-card__image { position: relative; display: block; height: 220px; overflow: hidden; border-radius: var(--radius-lg); background: var(--color-bg-muted); }
.v2-project-card__image img { width: 100%; height: 100%; object-fit: cover; }
.v2-project-card__image .v2-tag { position: absolute; top: var(--space-3); left: var(--space-3); }
.v2-project-card__body { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-2); }
.v2-project-card__foot { display: flex; align-items: flex-start; gap: var(--space-2); }
.v2-project-card__foot > .v2-body-sm { flex: 1 0 0; min-width: 1px; }
.v2-link-sm { display: inline-flex; align-items: center; gap: var(--space-1); flex: none; color: var(--color-text-brand); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); }
.v2-project-card:hover .v2-h4 { color: var(--color-text-brand); }
@media (max-width: 1279px) {
  .v2-icraat-row { grid-template-columns: minmax(0, 1fr); }
  .v2-featured { height: 460px; }
  .v2-icraat-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v2-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v2-project-grid > :nth-child(3) { display: none; }
}
@media (max-width: 767px) {
  .v2-featured { height: 440px; }
  .v2-icraat-side { display: flex; }
  .v2-map-tile { flex: none; overflow: hidden; }
  .v2-project-grid > :nth-child(3) { display: flex; }
}

/* ---------- 05 Son tamamlanan — Feature/Latest (3061:4994) ---------- */
.v2-feature-latest {
  position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 600px; padding: var(--space-8);
  overflow: hidden; border-radius: var(--radius-2xl); background: var(--color-bg-muted);
}
.v2-feature-latest > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v2-feature-latest__caption {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2-5);
  width: 100%; max-width: 560px; padding: var(--space-8); border-radius: var(--radius-xl); background: var(--color-bg-surface);
}
/* Figma'da düğmeden önce 4px'lik ayrı bir boşluk katmanı var: 10 + 4 + 10 */
.v2-feature-latest__caption .v2-btn { margin-top: calc(var(--space-1) + var(--space-2-5)); }

/* ---------- 06 Ajanda — Card/Event (3045:4316), Panel/Notices (3062:5675) ---------- */
.v2-agenda { display: grid; grid-template-columns: minmax(0, 846fr) minmax(0, 410fr); gap: var(--space-6); align-items: stretch; }
.v2-events { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.v2-event {
  display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: var(--space-5);
  min-height: 240px; padding: var(--space-6); border-radius: var(--radius-xl); background: var(--color-bg-surface);
}
.v2-event--highlight { background: var(--color-bg-accent-subtle); }
.v2-event__date {
  display: flex; flex-direction: column; align-items: center; width: 72px; padding: var(--space-2) 0; border-radius: var(--radius-lg);
  background: var(--color-bg-brand-subtle); color: var(--color-text-brand); white-space: nowrap;
}
.v2-event--highlight .v2-event__date { background: var(--color-bg-accent); color: var(--color-text-on-accent); }
.v2-event__content { display: flex; flex-direction: column; gap: var(--space-2); width: 100%; }
.v2-event__place { display: flex; align-items: center; gap: var(--space-1-5); }
.v2-event:hover .v2-h4 { color: var(--color-text-brand); }
.v2-notices { gap: var(--space-4); padding: var(--space-6); }
.v2-notices__head { padding-bottom: var(--space-3); }
.v2-notice { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4) 0; border-top: var(--border-width-hairline) solid var(--color-border-subtle); }
.v2-notice__date {
  flex: none; display: flex; justify-content: center; width: 56px; padding: var(--space-0-5) var(--space-2); border-radius: var(--radius-full);
  background: var(--color-bg-muted); color: var(--color-text-secondary);
  font: 600 var(--font-size-label-sm)/var(--line-height-label-sm) var(--font-sans); letter-spacing: 0.06em; white-space: nowrap;
}
.v2-notice__date.is-high { background: var(--color-bg-danger-subtle); color: var(--color-text-danger); }
a.v2-notice:hover .v2-body-md { color: var(--color-text-brand); }
@media (max-width: 1279px) { .v2-agenda { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 07 Taziye — Card/Taziye (3105:20394) ---------- */
.v2-condolences { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.v2-condolence { display: flex; align-items: flex-start; gap: var(--space-5); padding: var(--space-4); border-radius: var(--radius-xl); background: var(--color-bg-surface); }
.v2-condolence__avatar { display: flex; align-items: center; justify-content: center; flex: none; width: 96px; height: 96px; border-radius: var(--radius-full); background: var(--color-bg-muted); }
.v2-condolence__text { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; align-items: flex-start; }
.v2-condolence__address { display: flex; align-items: flex-start; gap: var(--space-1-5); padding-top: var(--space-1); }
@media (max-width: 767px) { .v2-condolences { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 08 Rakamlarla Adıyaman — Panel/Numbers (3062:5731) ---------- */
.v2-numbers {
  position: relative; display: flex; flex-direction: column; gap: var(--space-12); padding: var(--space-16); overflow: hidden;
  border-radius: var(--radius-2xl); background: var(--color-bg-inverse); color: var(--color-text-inverse);
}
.v2-numbers__glow { position: absolute; left: 580px; top: -440px; width: 1060px; height: 1060px; max-width: none !important; pointer-events: none; }
.v2-numbers__head, .v2-numbers__stats, .v2-numbers__chips { position: relative; }
.v2-numbers__head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-6) var(--space-12); }
.v2-numbers__title { display: flex; flex: 1 0 0; min-width: 280px; flex-direction: column; gap: var(--space-4); }
.v2-numbers__title .v2-label-caps { opacity: .7; }
.v2-numbers__stats { display: flex; flex-wrap: wrap; gap: var(--space-6); }
.v2-stat {
  display: flex; flex: 1 0 0; min-width: 120px; flex-direction: column; gap: var(--space-1-5); padding: var(--space-6);
  border: var(--border-width-hairline) solid var(--border-glass); border-radius: var(--radius-xl); background: var(--bg-glass);
}
.v2-stat .v2-numeric-lg { white-space: nowrap; }
.v2-numbers__chips { display: flex; flex-wrap: wrap; gap: var(--space-3); }

/* ---------- 09 Katılım — Card/CTA (3062:5873) ---------- */
.v2-cta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.v2-cta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); padding: var(--space-12); border-radius: var(--radius-2xl); background: var(--color-bg-surface); }
@media (max-width: 767px) { .v2-cta-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Site Footer (3060:4830) ---------- */
.v2-footer { padding: var(--space-4); }
.v2-footer__inner {
  display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-16) max(var(--space-6), calc((100% - 1280px) / 2));
  border-radius: var(--radius-2xl); background: var(--color-bg-inverse); color: var(--color-text-inverse);
}
.v2-footer__top { display: flex; gap: var(--space-6); }
.v2-footer__brand { display: flex; flex: none; flex-direction: column; align-items: flex-start; gap: var(--space-4); width: 300px; }
.v2-footer__address { font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); opacity: .7; }
.v2-footer__phones { display: flex; gap: var(--space-2); }
.v2-footer__links { display: flex; flex: 1 0 0; gap: var(--space-6); }
.v2-footer__col { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; align-items: flex-start; gap: var(--space-3); white-space: nowrap; }
.v2-footer__col .v2-label-caps { opacity: .6; }
.v2-footer__col a:not(.v2-label-caps) { font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; white-space: normal; }
.v2-footer__col a:hover, .v2-footer__legal a:hover { text-decoration: underline; }
.v2-footer__bottom { display: flex; align-items: center; gap: var(--space-6); padding-top: var(--space-6); border-top: var(--border-width-hairline) solid var(--border-glass); }
.v2-footer__legal { display: flex; flex-wrap: wrap; gap: var(--space-6); font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); white-space: nowrap; }
.v2-footer__legal a { opacity: .8; }
.v2-footer__copy { opacity: .6; }
.v2-footer__social { display: flex; gap: var(--space-2); }
@media (max-width: 1279px) {
  .v2-footer__inner { padding: var(--space-16) var(--layout-footer-inset); }
  .v2-footer__top { flex-direction: column; gap: var(--space-10); }
  .v2-footer__brand { width: 100%; }
  .v2-footer__links { flex-wrap: wrap; gap: var(--space-8) var(--space-6); }
  .v2-footer__col { flex: none; width: 240px; }
  .v2-footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--space-4); }
  .v2-footer__legal { gap: var(--space-2) var(--space-4); }
}
@media (max-width: 767px) {
  .v2-footer__links { gap: var(--space-6); }
  .v2-footer__col { width: 159px; }
}

/* ---------- Yardımcılar ---------- */
.v2-clamp-2, .v2-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.v2-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.v2-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }
.v2-cta__stores a { color: var(--color-text-brand); }
.v2-cta__stores a:hover { text-decoration: underline; }
.v2-counter:hover { background: var(--color-action-primary-hover); }
.v2-breakdown__row:hover .v2-body-sm { color: var(--color-text-brand); }

/* ---------- Nav/Dropdown (3118:6355) + Nav/Link (3117:29204) ---------- */
button.v2-nav__item { border: 0; background: transparent; cursor: pointer; }
.v2-nav__chevron { transition: transform .15s ease; }
.v2-nav__item[aria-expanded="true"] .v2-nav__chevron { transform: rotate(180deg); }
.v2-dropdown {
  position: absolute; left: 0; right: 0; top: calc(100% - 15px); z-index: 30;
  display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-8) var(--space-8) var(--space-6);
  border: var(--border-width-hairline) solid var(--color-border-subtle); border-radius: var(--radius-2xl);
  background: var(--color-bg-surface); box-shadow: var(--shadow-elevation-2);
}
.v2-dropdown[hidden] { display: none; }
.v2-dropdown__content { display: flex; gap: var(--space-8); align-items: flex-start; }
.v2-dropdown__col { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-3); }
.v2-dropdown__links { display: flex; flex-direction: column; gap: var(--space-0-5); }
.v2-nav-link {
  display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2-5) var(--space-3); border-radius: var(--radius-lg);
  font: 500 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; color: var(--color-text-primary);
}
.v2-nav-link:hover, .v2-nav-link:focus-visible { background: var(--color-bg-subtle); color: var(--color-text-brand); }
.v2-dropdown__featured { display: flex; flex: none; flex-direction: column; gap: var(--space-3); width: 320px; }
.v2-dropdown__card { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-2) var(--space-2) var(--space-5); border-radius: var(--radius-xl); }
.v2-dropdown__card > img { width: 100%; height: 180px; margin-bottom: var(--space-2); object-fit: cover; border-radius: var(--radius-lg); }
.v2-dropdown__card > span { padding: 0 var(--space-3); }
.v2-dropdown__card:hover .v2-h5 { color: var(--color-text-brand); }
.v2-dropdown__footer { display: flex; align-items: center; justify-content: space-between; padding-top: var(--space-5); border-top: var(--border-width-hairline) solid var(--color-border-subtle); }

/* Mobil / tablet menü — Nav/Drawer (3122:2369), Menü açık – Mobil 390 (3182:76122), Tablet 834 (3182:76113) */
.v2-drawer { position: fixed; inset: 0; z-index: 1000; display: flex; justify-content: flex-end; }
.v2-drawer[hidden] { display: none; }
.v2-drawer__scrim { position: absolute; inset: 0; background: rgba(14, 20, 74, 0.4); }
.v2-drawer__panel { position: relative; display: flex; flex-direction: column; gap: var(--space-5); width: 480px; max-width: 100%; height: 100%; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-4) var(--space-4) var(--space-6); background: var(--color-bg-surface); box-shadow: var(--shadow-elevation-3); }
.v2-drawer__top { display: flex; align-items: center; }
.v2-drawer__top img { display: block; }
.v2-drawer__close { display: flex; align-items: center; justify-content: center; padding: var(--space-3); border: 0; border-radius: var(--radius-full); background: transparent; cursor: pointer; }
.v2-drawer__close:hover { background: var(--color-bg-subtle); }
.v2-drawer__search { flex: none; }
.v2-drawer__menu { display: flex; flex-direction: column; }
.v2-drawer__row { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-1); border-bottom: var(--border-width-hairline) solid var(--color-border-subtle); font: 600 var(--font-size-heading-h5)/var(--line-height-heading-h5) var(--font-sans); letter-spacing: -0.005em; color: var(--color-text-primary); cursor: pointer; list-style: none; }
.v2-drawer__row > span { flex: 1 0 0; min-width: 1px; }
.v2-drawer__row::-webkit-details-marker { display: none; }
.v2-drawer__chevron-open { display: none; }
.v2-drawer__group[open] > .v2-drawer__row { color: var(--color-text-brand); }
.v2-drawer__group[open] .v2-drawer__chevron { display: none; }
.v2-drawer__group[open] .v2-drawer__chevron-open { display: block; }
.v2-drawer__submenu { display: flex; flex-direction: column; gap: var(--space-0-5); padding: var(--space-2) 0 var(--space-4); }
.v2-drawer__link { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-1-5, 6px) var(--space-3); border-radius: var(--radius-lg); font: 500 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; color: var(--color-text-primary); }
.v2-drawer__link:hover { background: var(--color-bg-subtle); color: var(--color-text-brand); }
.v2-drawer__icon { display: flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-md); background: var(--color-bg-brand-subtle); }
.v2-drawer__link--all { color: var(--color-text-brand); }
.v2-drawer__cta { flex: none; width: 100%; justify-content: center; }
.v2-drawer__contact { display: flex; flex-direction: column; gap: var(--space-1); padding-top: var(--space-2); }
.v2-drawer__contact p { margin: 0; }
.v2-drawer__contact button { padding: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
.v2-drawer__contact :where(a, button):hover { color: var(--color-text-brand); }
html.v2-drawer-open { overflow: hidden; }
@media (max-width: 767px) {
  .v2-drawer__scrim { display: none; }
  .v2-drawer__panel { width: 100%; box-shadow: none; }
}

/* =====================================================================
   İç sayfalar — Figma: 11 Sayfa iskeleti + 09 Kalıplar
   ===================================================================== */
.v2-page { display: flex; flex-direction: column; gap: var(--space-8); padding-bottom: var(--space-20); }
.v2-page > .v2-section { padding-bottom: 0; }
.v2-page-section { display: flex; flex-direction: column; gap: var(--space-8); }

/* Breadcrumb */
.v2-breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); }
.v2-breadcrumb li { color: var(--color-text-secondary); }
.v2-breadcrumb li + li::before { content: "/"; margin-right: var(--space-2); color: var(--color-text-tertiary); }
.v2-breadcrumb li[aria-current] { color: var(--color-text-primary); }
.v2-breadcrumb a:hover { color: var(--color-text-brand); }

/* Page Header (3062:5053) */
.v2-page-header { display: flex; align-items: flex-end; gap: var(--space-12); padding-top: var(--space-6); }
.v2-page-header__title { display: flex; flex: 1 0 0; min-width: 1px; max-width: 720px; flex-direction: column; gap: var(--space-3); }
.v2-page-header__stats { display: flex; gap: var(--space-3); flex: none; margin-left: auto; }
.v2-stat-card { display: flex; flex-direction: column; gap: var(--space-0-5); min-width: 132px; padding: var(--space-4) var(--space-5); border-radius: var(--radius-xl); background: var(--color-bg-surface); }
.v2-stat-card .v2-numeric-lg { white-space: nowrap; }
@media (max-width: 1279px) {
  .v2-page-header { flex-direction: column; align-items: flex-start; gap: var(--space-6); }
  .v2-page-header__title { max-width: none; }
  .v2-page-header__stats { flex-wrap: wrap; margin-left: 0; }
}
@media (max-width: 767px) {
  .v2-page-header__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .v2-stat-card { width: auto; }
}

/* Detail Header (3068:5910) */
.v2-detail-header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding-top: var(--space-6); }
.v2-detail-header__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.v2-detail-header__summary { max-width: 800px; }
.v2-detail-header__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); padding-top: var(--space-2); }
.v2-detail-header h1 { overflow-wrap: anywhere; }

/* İki sütunlu içerik (842 + 414) */
.v2-split { display: grid; grid-template-columns: minmax(0, 842fr) minmax(0, 414fr); gap: var(--space-6); align-items: start; }
.v2-split--even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v2-aside { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }
.v2-aside .v2-meta { color: var(--color-text-secondary); }
.v2-latest--static { flex: none; }
@media (max-width: 1279px) { .v2-split, .v2-split--even { grid-template-columns: minmax(0, 1fr); } }

/* Makale kartı + zengin metin (main 3077:6805) */
.v2-article { display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-10); border-radius: var(--radius-xl); background: var(--color-bg-surface); min-width: 0; }
@media (max-width: 767px) { .v2-article { padding: var(--space-6); } }
.v2-figure { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; }
.v2-figure img { width: 100%; max-height: 520px; object-fit: cover; border-radius: var(--radius-lg); }
.v2-figure figcaption, .v2-caption { font: 400 var(--font-size-caption)/var(--line-height-caption) var(--font-sans); color: var(--color-text-tertiary); }
.v2-prose { display: flex; flex-direction: column; gap: var(--space-6); font: 400 var(--font-size-body-lg)/var(--line-height-body-lg) var(--font-sans); letter-spacing: -0.005em; color: var(--color-text-primary); overflow-wrap: anywhere; }
.v2-prose > * { margin: 0; }
.v2-prose :where(p, div) { margin: 0; }
.v2-prose :where(h1, h2, h3, h4, h5, h6) { margin: var(--space-2) 0 0; font: 600 var(--font-size-heading-h3)/var(--line-height-heading-h3) var(--font-display); letter-spacing: -0.015em; }
.v2-prose :where(h4, h5, h6) { font-size: var(--font-size-heading-h4); line-height: var(--line-height-heading-h4); letter-spacing: -0.01em; }
.v2-prose a { color: var(--color-text-brand); text-decoration: underline; text-underline-offset: 3px; }
.v2-prose strong, .v2-prose b { font-weight: 600; }
.v2-prose img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }
.v2-prose iframe, .v2-prose video { max-width: 100%; border: 0; border-radius: var(--radius-lg); }
.v2-prose :where(ul) { display: flex; flex-direction: column; gap: var(--space-3); padding: 0; list-style: none; font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); }
.v2-prose :where(ul) > li { position: relative; padding-left: 32px; }
.v2-prose :where(ul) > li::before { content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background: url("/assets/v2/icons/check-circle-20.svg") no-repeat center / 20px 20px; }
.v2-prose :where(ol) { display: flex; flex-direction: column; gap: var(--space-3); padding-left: 24px; font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); }
.v2-prose blockquote { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-1) 0 var(--space-1) var(--space-6); border-left: 3px solid var(--color-bg-accent); font: 600 var(--font-size-heading-h4)/var(--line-height-heading-h4) var(--font-sans); letter-spacing: -0.01em; }
.v2-prose table { width: 100%; border-collapse: collapse; font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); }
.v2-prose :where(th, td) { padding: var(--space-3); border-bottom: var(--border-width-hairline) solid var(--color-border-default); text-align: left; vertical-align: top; }
.v2-prose th { font-weight: 600; background: var(--color-bg-subtle); }
.v2-table-wrap { overflow-x: auto; }
.v2-divider { height: 1px; border: 0; margin: 0; background: var(--color-border-subtle); }
.v2-tag-list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }

/* Media/Grid (3080:8969) + görüntüleyici */
.v2-photo-grid { display: flex; flex-direction: column; gap: var(--space-4); }
.v2-photo-grid__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.v2-photo-grid__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.v2-photo-grid__item { position: relative; display: block; aspect-ratio: 246 / 180; overflow: hidden; border-radius: var(--radius-lg); background: var(--color-bg-muted); }
.v2-photo-grid__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.v2-photo-grid__item:hover img { transform: scale(1.03); }
.v2-photo-grid__item.is-hidden { display: none; }
.v2-photo-grid.is-expanded .v2-photo-grid__item.is-hidden { display: block; }
.v2-photo-grid.is-expanded .v2-photo-grid__more { display: none; }
.v2-photo-grid__more { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-1); background: var(--color-bg-inverse); color: var(--color-text-inverse); }
.v2-photo-grid__more .v2-body-sm { opacity: .8; }
@media (max-width: 767px) { .v2-photo-grid__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.v2-lightbox { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-4); padding: var(--space-16) var(--space-6) var(--space-6); background: var(--bg-scrim); backdrop-filter: blur(4px); }
.v2-lightbox[hidden] { display: none; }
.v2-lightbox__image { max-width: min(1280px, 100%); max-height: calc(100dvh - 180px); border-radius: var(--radius-lg); object-fit: contain; background: var(--color-bg-inverse); }
.v2-lightbox__bar { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-1) var(--space-1) var(--space-1) var(--space-4); border-radius: var(--radius-full); background: var(--color-bg-surface); }
.v2-lightbox__btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: var(--radius-full); background: var(--color-bg-subtle); cursor: pointer; }
.v2-lightbox__btn:hover { background: var(--color-bg-muted); }
.v2-lightbox__btn .is-prev { transform: rotate(180deg); }
.v2-lightbox__close { position: absolute; top: var(--space-6); right: var(--space-6); }

/* Chip/Filter (3061:4930), filtre çubuğu, alanlar */
.v2-filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-xl); background: var(--color-bg-surface); }
.v2-filter-bar__chips { display: flex; flex: 1 0 0; flex-wrap: wrap; gap: var(--space-2); min-width: 280px; }
.v2-chip {
  display: inline-flex; align-items: center; gap: var(--space-1-5); padding: var(--space-2-5) var(--space-4); white-space: nowrap;
  border: var(--border-width-hairline) solid var(--color-border-default); border-radius: var(--radius-full); background: var(--color-bg-surface);
  font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); color: var(--color-text-primary);
}
.v2-chip__count { color: var(--color-text-tertiary); }
.v2-chip:hover { border-color: var(--color-border-strong); }
.v2-chip.is-selected { border-color: var(--color-bg-inverse); background: var(--color-bg-inverse); color: var(--color-text-inverse); }
.v2-chip.is-selected .v2-chip__count { color: var(--color-text-inverse); }
.v2-field { position: relative; display: flex; align-items: center; gap: var(--space-2); min-height: 44px; padding: var(--space-2) var(--space-4); border: var(--border-width-hairline) solid var(--color-border-input); border-radius: var(--radius-md); background: var(--color-bg-surface); }
.v2-field:focus-within { border-color: var(--color-border-focus); box-shadow: 0 0 0 3px var(--blue-100); }
.v2-field :where(input, select, textarea) { flex: 1 0 0; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; color: var(--color-text-primary); }
.v2-field :where(input, textarea)::placeholder { color: var(--color-text-tertiary); }
.v2-field select { appearance: none; -webkit-appearance: none; padding-right: 28px; cursor: pointer; }
.v2-field--select::after { content: ""; position: absolute; right: var(--space-4); top: 50%; width: 20px; height: 20px; margin-top: -10px; background: url("/assets/v2/icons/chevron-down-20-input.svg") no-repeat center / 20px 20px; pointer-events: none; }
.v2-filter-bar .v2-field--select { width: 180px; }
.v2-filter-bar .v2-field--search { width: 240px; }
@media (max-width: 767px) {
  .v2-filter-bar { padding: var(--space-3); }
  .v2-filter-bar__chips { flex-wrap: nowrap; overflow-x: auto; min-width: 0; width: 100%; flex: none; scrollbar-width: none; }
  .v2-filter-bar .v2-field--select, .v2-filter-bar .v2-field--search { width: 100%; }
}

/* Pagination (3017:2052) */
.v2-pagination { display: flex; align-items: center; justify-content: center; gap: var(--space-1-5); padding-top: var(--space-4); }
.v2-pagination__item, .v2-pagination__arrow { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0 var(--space-2); border-radius: var(--radius-full); font: 500 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); color: var(--color-text-primary); }
a.v2-pagination__item:hover, a.v2-pagination__arrow:hover { background: var(--color-bg-muted); }
.v2-pagination__item.is-current { background: var(--color-bg-inverse); color: var(--color-text-inverse); }
.v2-pagination .is-prev { transform: rotate(180deg); }

/* Listeler */
.v2-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6) var(--space-6); align-items: start; }
.v2-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.v2-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
@media (max-width: 1279px) { .v2-grid-4, .v2-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .v2-grid-4, .v2-grid-3, .v2-grid-2 { grid-template-columns: minmax(0, 1fr); } }
.v2-list-card { display: flex; flex-direction: column; gap: 0; padding: var(--space-6); border-radius: var(--radius-xl); background: var(--color-bg-surface); }
.v2-list-card .v2-notice:first-child { border-top: var(--border-width-hairline) solid var(--color-border-subtle); }
.v2-row-link { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) 0; border-top: var(--border-width-hairline) solid var(--color-border-subtle); }
.v2-row-link:hover .v2-body-md-strong { color: var(--color-text-brand); }

/* Boş durum, gömülü uygulama */
.v2-empty { align-items: flex-start; gap: var(--space-3); padding: var(--space-10); }
.v2-embed { display: flex; flex-direction: column; gap: var(--space-3); }
.v2-embed iframe { width: 100%; min-height: 600px; border: 0; border-radius: var(--radius-xl); background: var(--color-bg-surface); }

/* Kenar menüsü (kategori kardeşleri) + Nav/Link etkin durumu */
.v2-side-nav { gap: var(--space-0-5); padding: var(--space-6); }
.v2-side-nav > .v2-meta { padding: 0 var(--space-3) var(--space-3); color: var(--color-text-tertiary); }
.v2-nav-link.is-current { background: var(--color-bg-subtle); color: var(--color-text-brand); }
.v2-split .v2-grid-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1279px) { .v2-split .v2-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .v2-split .v2-grid-4 { grid-template-columns: minmax(0, 1fr); } }
.v2-split > .v2-page-section { min-width: 0; }
/* Görseli olmayan kartlarda logo yer tutucu */
.v2-news-card__image:empty, .v2-project-card__image:not(:has(img)) { background: var(--color-bg-brand-subtle) url("/assets/v2/icons/logo-color.svg") no-repeat center / 120px auto; }
.v2-news-card__image:empty { opacity: 1; }
.v2-filter-bar__count { padding-left: var(--space-2); }

/* Card/Unit (3087:13488) — sade sürüm */
.v2-unit-card { gap: var(--space-4); padding: var(--space-6); min-height: 196px; }
.v2-unit-card .v2-h4 { flex: 1 0 auto; }
.v2-unit-card__foot { display: flex; align-items: center; gap: var(--space-2); }
.v2-unit-card:hover .v2-h4 { color: var(--color-text-brand); }
[data-v2-filter-item][hidden] { display: none !important; }

/* Panel/Facts (3068:6055) */
.v2-facts { gap: 0; padding: var(--space-6); }
.v2-facts > .v2-h4 { padding-bottom: var(--space-4); }
.v2-facts__row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); padding: var(--space-3) 0; border-top: var(--border-width-hairline) solid var(--color-border-subtle); }
.v2-facts__row > .v2-body-md { text-align: right; overflow-wrap: anywhere; }
.v2-facts__row a { color: var(--color-text-brand); }
.v2-taziye-photo { align-items: flex-start; padding: var(--space-6); }
.v2-taziye-photo img { width: 160px; height: 160px; object-fit: cover; border-radius: var(--radius-lg); }

/* Kayıp eşya ve yasal ilan kartları */
.v2-item-card { flex-direction: row; align-items: flex-start; gap: var(--space-4); padding: var(--space-4); }
.v2-item-card__image { flex: none; width: 96px; height: 96px; overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-brand-subtle) url("/assets/v2/icons/logo-color.svg") no-repeat center / 72px auto; }
.v2-item-card__image img { width: 100%; height: 100%; object-fit: cover; }
.v2-item-card__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); min-width: 0; }
.v2-legal-card { gap: var(--space-3); padding: var(--space-6); align-items: flex-start; }
.v2-legal-card .v2-btn { margin-top: var(--space-2); }

/* ---------- İletişim (3107:22466) — harita, form, Card/Contact, Row/Phone ---------- */
.v2-text-tertiary { color: var(--color-text-tertiary); }
.v2-divider { width: 100%; height: 1px; margin: 0; border: 0; background: var(--color-border-subtle); }
.v2-link-arrow { display: inline-flex; align-items: center; gap: var(--space-2); font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); color: var(--color-text-brand); }
.v2-link-arrow:hover { text-decoration: underline; }
.v2-contact-map { position: relative; height: 440px; overflow: hidden; border-radius: var(--radius-xl); background: var(--color-bg-muted); }
.v2-contact-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.v2-map-popup { position: absolute; left: calc(50% + 24px); top: calc(50% - 119px); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); width: 300px; padding: var(--space-4); border-radius: var(--radius-lg); background: var(--color-bg-surface); box-shadow: var(--shadow-elevation-2); }
.v2-map-popup__details { display: flex; flex-direction: column; gap: var(--space-1); width: 100%; }
.v2-map-popup__line { display: flex; align-items: center; gap: var(--space-1-5, 6px); }
.v2-form-card { gap: var(--space-8); padding: var(--space-10); }
.v2-form-card__head { display: flex; flex-direction: column; gap: var(--space-1); }
.v2-form { display: flex; flex-direction: column; gap: var(--space-6); }
.v2-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.v2-form__item { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.v2-form__item .v2-label-md { color: var(--color-text-primary); }
.v2-field--textarea { align-items: flex-start; min-height: 128px; border-radius: var(--radius-lg); }
.v2-field--textarea textarea { min-height: 110px; resize: vertical; }
.v2-form__checks { display: flex; flex-direction: column; gap: 0; }
.v2-form__actions { display: flex; justify-content: flex-end; gap: var(--space-3); }
.v2-check { position: relative; display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-2) 0; cursor: pointer; color: var(--color-text-primary); }
.v2-check input { position: absolute; opacity: 0; width: 20px; height: 20px; margin: 0; }
.v2-check__box { flex: none; width: 20px; height: 20px; margin-top: 3px; border: 1px solid var(--color-border-input); border-radius: var(--radius-xs, 2px); background: var(--color-bg-surface) no-repeat center / 16px 16px; }
.v2-check input:checked + .v2-check__box { border-color: var(--color-action-primary-default); background-color: var(--color-action-primary-default); background-image: url("/assets/v2/icons/check-16-white.svg"); }
.v2-check input:focus-visible + .v2-check__box { box-shadow: var(--shadow-focus-ring); }
.v2-check a { color: var(--color-text-brand); text-decoration: underline; }
.v2-alert { padding: var(--space-4); border-radius: var(--radius-md); font: 400 var(--font-size-body-sm)/var(--line-height-body-sm) var(--font-sans); }
.v2-alert ul { margin: var(--space-2) 0 0; padding-left: var(--space-5); }
.v2-alert--danger { background: var(--color-bg-danger-subtle); color: var(--color-text-danger); }
.v2-alert--success { background: var(--color-bg-success-subtle); color: var(--color-text-success); }
.v2-alert--info { background: var(--color-bg-info-subtle); color: var(--color-text-brand); }
.v2-alert[hidden] { display: none; }
.v2-contact-card { gap: var(--space-4); padding: var(--space-6); }
.v2-contact-card__row { display: flex; align-items: flex-start; gap: var(--space-3); color: var(--color-text-primary); }
.v2-contact-card__row .v2-icon { margin-top: 2px; }
.v2-contact-card a:hover { color: var(--color-text-brand); text-decoration: underline; }
.v2-contact-col { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.v2-phone-list { padding: var(--space-2) var(--space-6); }
.v2-phone-row { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: var(--border-width-hairline) solid var(--color-border-subtle); color: var(--color-text-primary); }
.v2-phone-row:last-child { border-bottom: 0; }
.v2-phone-row__text { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; }
.v2-phone-row .v2-h5 { white-space: nowrap; }
.v2-phone-row__call { display: flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-full); background: var(--color-bg-brand-subtle); }
.v2-phone-row:hover .v2-body-md-strong { color: var(--color-text-brand); }
.v2-contact-lines { margin-top: var(--space-6); }
@media (max-width: 767px) {
  .v2-contact-map { height: auto; }
  .v2-contact-map iframe { height: 280px; }
  .v2-map-popup { position: static; width: auto; border-radius: 0; box-shadow: none; }
  .v2-form-card { padding: var(--space-6); gap: var(--space-6); }
  .v2-form__row { grid-template-columns: minmax(0, 1fr); }
  .v2-form__actions .v2-btn { width: 100%; justify-content: center; }
  .v2-phone-list { padding: var(--space-1) var(--space-4); }
}

/* ---------- Hizmet rehberi (3083:8382) — arama, Tile/Task, akordeon, Row/Service ---------- */
.v2-guide-section { margin-top: var(--space-12); }
.v2-guide-search { align-items: center; gap: var(--space-4); padding: var(--space-8) var(--space-6); text-align: center; }
.v2-guide-search__field { width: min(800px, 100%); }
.v2-guide-search__popular { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-2); }
.v2-guide-search__popular .v2-chip { gap: var(--space-1); }
.v2-guide-tiles .v2-task { min-height: 190px; height: 100%; }
.v2-accordion { display: flex; flex-direction: column; gap: var(--space-3); }
.v2-accordion__item { border-radius: var(--radius-xl); background: var(--color-bg-surface); scroll-margin-top: 24px; }
.v2-accordion__item[hidden] { display: none; }
.v2-accordion__item > summary { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-5) var(--space-6); cursor: pointer; list-style: none; }
.v2-accordion__item > summary::-webkit-details-marker { display: none; }
.v2-accordion__title { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-0-5); }
.v2-accordion__chevron { flex: none; transition: transform .15s ease; }
.v2-accordion__item[open] .v2-accordion__chevron { transform: rotate(180deg); }
.v2-accordion__item > summary:hover .v2-h5 { color: var(--color-text-brand); }
.v2-accordion__body { gap: var(--space-4); padding: 0 var(--space-6) var(--space-6) calc(var(--space-6) + 64px); font-size: var(--font-size-body-md); line-height: var(--line-height-body-md); }
.v2-accordion__body :where(h4) { margin-top: var(--space-2); font: 600 var(--font-size-heading-h5)/var(--line-height-heading-h5) var(--font-sans); letter-spacing: -0.005em; }
.v2-prose :where(ol) { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding-left: var(--space-6); font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); }
.v2-service-list { padding: var(--space-4) var(--space-6); }
.v2-service-row { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: var(--border-width-hairline) solid var(--color-border-subtle); color: var(--color-text-primary); }
.v2-service-row:last-child { border-bottom: 0; }
.v2-service-row .v2-body-md-strong { flex: 1 0 0; min-width: 1px; }
.v2-service-row:hover .v2-body-md-strong { color: var(--color-text-brand); }
@media (max-width: 767px) {
  .v2-guide-section { margin-top: var(--space-8); }
  .v2-guide-tiles .v2-task { height: auto; }
  .v2-accordion__item > summary { padding: var(--space-4); }
  .v2-accordion__body { padding: 0 var(--space-4) var(--space-4); }
  .v2-service-list { padding: var(--space-2) var(--space-4); }
}

/* ---------- Arama paleti — Search/Palette (3175:2812), Arama açık — Öneriler / Sonuçlar / Sonuç yok (3182:76124…76533) ---------- */
.v2-palette { position: fixed; inset: 0; z-index: 1100; }
.v2-palette[hidden] { display: none; }
.v2-palette__scrim { position: absolute; inset: 0; background: rgba(14, 20, 74, 0.4); }
.v2-palette__dialog { position: absolute; top: 96px; left: 50%; display: flex; flex-direction: column; width: min(760px, calc(100% - 64px)); max-height: calc(100dvh - 192px); overflow: hidden; transform: translateX(-50%); border: var(--border-width-hairline) solid var(--color-border-subtle); border-radius: var(--radius-2xl); background: var(--color-bg-surface); box-shadow: var(--shadow-elevation-3); }
.v2-palette__input { display: flex; flex: none; align-items: center; gap: var(--space-3); padding: var(--space-5) var(--space-6); border-bottom: var(--border-width-hairline) solid var(--color-border-subtle); }
.v2-palette__input input { flex: 1 0 0; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; font: 600 var(--font-size-heading-h5)/var(--line-height-heading-h5) var(--font-sans); letter-spacing: -0.005em; color: var(--color-text-primary); caret-color: var(--color-action-primary-default); }
.v2-palette__input input:focus, .v2-palette__input input:focus-visible { outline: none; box-shadow: none; }
.v2-palette__input input::placeholder { font-weight: 400; color: var(--color-text-tertiary); }
.v2-palette__input input::-webkit-search-cancel-button { display: none; }
.v2-palette__clear, .v2-palette__cancel { flex: none; padding: 0; border: 0; background: none; cursor: pointer; font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); color: var(--color-text-secondary); }
.v2-palette__clear:hover { color: var(--color-text-primary); }
.v2-palette__cancel { color: var(--color-text-brand); }
.v2-palette__scopes { display: flex; flex: none; gap: var(--space-2); padding: var(--space-3) var(--space-6); overflow-x: auto; scrollbar-width: none; }
.v2-palette__scopes[hidden] { display: none; }
.v2-palette__scopes .v2-chip { flex: none; cursor: pointer; font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); }
.v2-palette__scopes .v2-chip[disabled] { opacity: .5; cursor: default; }
.v2-palette__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-3); }
.v2-palette__body > [hidden] { display: none; }
.v2-palette__suggest, .v2-palette__results { display: flex; flex-direction: column; gap: var(--space-4); }
.v2-palette__group { display: flex; flex-direction: column; gap: var(--space-1); }
.v2-palette__group[hidden] { display: none; }
.v2-palette__head { display: flex; align-items: center; gap: var(--space-2); min-height: 24px; margin: 0; padding: 0 var(--space-3); font: 600 var(--font-size-label-sm)/var(--line-height-label-sm) var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-text-tertiary); }
.v2-palette__more { font: 500 var(--font-size-label-md)/var(--line-height-label-md) var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--color-text-brand); }
.v2-palette__more:hover { text-decoration: underline; }
.v2-palette__list { display: flex; flex-direction: column; }
.v2-palette__tags { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-1) var(--space-3) 0; }
.v2-palette__tags .v2-tag { border: 0; cursor: pointer; font-family: var(--font-sans); }
.v2-palette__tags .v2-tag:hover { color: var(--color-text-brand); }
.v2-palette__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-1); }
.v2-palette__item { display: flex; align-items: center; gap: var(--space-3); min-height: 64px; padding: var(--space-2-5, 10px) var(--space-3); border-radius: var(--radius-lg); color: var(--color-text-primary); }
.v2-palette__item.is-active { background: var(--color-bg-subtle); }
.v2-palette__item.is-active .v2-palette__title { color: var(--color-text-brand); }
.v2-palette__lead { display: flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-brand-subtle); }
.v2-palette__item.is-active .v2-palette__lead:not(.v2-palette__lead--image) { background: var(--color-bg-surface); }
.v2-palette__lead--plain { background: transparent; }
.v2-palette__lead--image { width: 72px; height: 48px; background: var(--color-bg-muted); }
.v2-palette__lead--image img { width: 100%; height: 100%; object-fit: cover; }
.v2-palette__text { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-0-5); }
.v2-palette__title { overflow: hidden; font: 500 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); letter-spacing: -0.003em; white-space: nowrap; text-overflow: ellipsis; }
.v2-palette__meta { flex: none; font: 400 var(--font-size-caption)/var(--line-height-caption) var(--font-sans); color: var(--color-text-tertiary); white-space: nowrap; }
.v2-palette__enter { display: none; flex: none; }
.v2-palette__item.is-active .v2-palette__enter { display: inline-flex; }
.v2-palette__empty { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-8) 0 0; text-align: center; }
.v2-palette__empty .v2-icon-circle { margin-bottom: var(--space-2); }
.v2-palette__help { display: flex; align-items: center; gap: var(--space-4); width: 100%; margin-top: var(--space-6); padding: var(--space-4); border-radius: var(--radius-lg); background: var(--color-bg-subtle); text-align: left; }
.v2-palette__help > span { display: flex; flex: 1 0 0; min-width: 1px; flex-direction: column; gap: var(--space-0-5); }
.v2-palette__help .v2-btn { flex: none; }
.v2-palette__footer { display: flex; flex: none; align-items: center; gap: var(--space-4); padding: var(--space-3) var(--space-6); border-top: var(--border-width-hairline) solid var(--color-border-subtle); background: var(--color-bg-subtle); }
.v2-palette__hint { display: inline-flex; align-items: center; gap: var(--space-1); font: 400 var(--font-size-caption)/var(--line-height-caption) var(--font-sans); color: var(--color-text-tertiary); }
.v2-palette__hint[hidden], .v2-palette__footer [hidden] { display: none !important; }
html.v2-palette-open { overflow: hidden; }
@media (max-width: 767px) {
  .v2-palette__scrim { display: none; }
  .v2-palette__dialog { inset: 0; top: 0; left: 0; width: 100%; max-height: none; height: 100%; transform: none; border: 0; border-radius: 0; box-shadow: none; }
  .v2-palette__input { position: relative; gap: var(--space-3); padding: var(--space-3) var(--space-4); }
  .v2-palette__input input { font: 400 var(--font-size-body-md)/var(--line-height-body-md) var(--font-sans); }
  .v2-palette__input .v2-palette__search-icon { position: absolute; left: calc(var(--space-4) + 12px); width: 20px; height: 20px; }
  .v2-palette__input input { min-height: 44px; padding: 0 var(--space-3) 0 40px; border-radius: var(--radius-full); background: var(--color-bg-subtle); }
  .v2-palette__clear { position: absolute; right: 96px; font-size: 0; width: 20px; height: 20px; background: url("/assets/v2/icons/close-20.svg") no-repeat center / 16px 16px; }
  .v2-palette__scopes { padding: var(--space-3) var(--space-4); }
  .v2-palette__body { padding: var(--space-2); }
  .v2-palette__actions { grid-template-columns: minmax(0, 1fr); }
  .v2-palette__footer { padding: var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom)); background: var(--color-bg-surface); }
  .v2-palette__footer:not(:has(.v2-palette__all-mobile:not([hidden]))) { display: none; }
  .v2-palette__all-mobile { width: 100%; justify-content: center; }
  .v2-palette__help { flex-direction: column; align-items: stretch; }
  .v2-palette__enter { display: none; }
}

/* Nav/Link (3117:29204) — ikonlu menü bağlantısı (Kent Rehberi paneli) */
.v2-nav-link--rich { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-lg); }
.v2-nav-link__icon { display: flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-md); background: var(--color-bg-brand-subtle); }
.v2-nav-link__icon .v2-icon { width: 20px; height: 20px; }
.v2-nav-link__text { display: flex; flex-direction: column; gap: var(--space-0-5); }
.v2-nav-link--rich:hover .v2-body-md-strong { color: var(--color-text-brand); }
.v2-drawer__icon .v2-icon { width: 20px; height: 20px; }

/* Kent Rehberi menüsüyle 6 üst öğe: masaüstü başlığı sığsın (⌘K etiketi palet içinde gösterilir) */
@media (min-width: 1280px) {
  .v2-header__bar { gap: var(--space-4); }
  .v2-nav { gap: 0; }
  .v2-nav__item { padding-inline: var(--space-2-5, 10px); }
  .v2-search-trigger__keys { display: none; }
  .v2-search-trigger { padding: var(--space-2-5, 10px); }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .v2-nav__item { padding-inline: var(--space-2); font-size: 15px; }
  .v2-header__bar { gap: var(--space-3); }
}
.v2-dropdown__card .v2-place__meta { padding: 0 var(--space-3); }