/* VKB Bethesda — ic sayfa bilesenleri (cabinets ve benzeri showroom sayfalari).
   sections.css'ten SONRA yuklenir. */

/* =========================================================
   BREADCRUMB
   ========================================================= */
.vkb-crumbs {
	background: var(--vkb-paper);
	padding-block-start: clamp(1.25rem, 2vw, 1.75rem); /* govde ustu zaten --vkb-header-h kadar itiliyor; cifte ofset OLMAZ */
	padding-block-end: .25rem;
}

.vkb-crumbs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	font-size: .8125rem;
	color: var(--vkb-muted, var(--vkb-body));
}

.vkb-crumbs__item + .vkb-crumbs__item::before {
	content: "\203A";
	margin-inline-end: .5rem;
	opacity: .55;
}

body.vkb-site .vkb-crumbs__item a:hover {
	color: var(--vkb-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.vkb-crumbs__item [aria-current] {
	color: var(--vkb-ink);
	font-weight: 500;
}

/* =========================================================
   YONLENDIRME KARTLARI
   ========================================================= */
.vkb-chooser {
	background: var(--vkb-paper);
}

.vkb-chooser__grid {
	margin-block-start: clamp(2rem, 3.5vw, 3rem);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

body.vkb-site .vkb-chooser__card,
body.vkb-site .vkb-chooser__card:link,
body.vkb-site .vkb-chooser__card:visited {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	background: #fff;
	border: 1px solid var(--vkb-line);
	border-radius: var(--vkb-radius-lg);
	padding: 1.5rem 1.375rem 1.25rem;
	color: var(--vkb-ink);
	transition: transform .4s var(--vkb-ease), box-shadow .4s var(--vkb-ease), border-color .4s var(--vkb-ease);
}

body.vkb-site .vkb-chooser__card:hover,
body.vkb-site .vkb-chooser__card:focus-visible {
	transform: translateY(-3px);
	box-shadow: var(--vkb-shadow-sm);
	border-color: var(--vkb-lime);
}

.vkb-chooser__num {
	font-family: var(--vkb-font-accent);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--vkb-muted, var(--vkb-body));
}

body.vkb-site .vkb-chooser__title {
	font-family: var(--vkb-font-ui);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.32;
	letter-spacing: 0;
}

.vkb-chooser__text {
	font-size: .875rem;
	color: var(--vkb-body);
	line-height: 1.6;
	flex: 1;
}

.vkb-chooser__target {
	display: inline-flex;
	align-items: center;
	gap: .4375rem;
	margin-block-start: .5rem;
	padding-block-start: .75rem;
	border-block-start: 1px solid var(--vkb-line);
	font-family: var(--vkb-font-accent);
	font-size: .8125rem;
	font-weight: 600;
	color: var(--vkb-ink);
}

.vkb-chooser__target svg {
	inline-size: 13px;
	block-size: 13px;
	color: var(--vkb-lime);
	transition: transform .4s var(--vkb-ease);
}

body.vkb-site .vkb-chooser__card:hover .vkb-chooser__target svg {
	transform: translateX(3px);
}

@media (max-width: 960px) {
	.vkb-chooser__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 560px) {
	.vkb-chooser__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   KARSILASTIRMA TABLOSU
   ========================================================= */
.vkb-table {
	background: var(--vkb-stone);
}

.vkb-table__hint {
	display: none;
	margin-block: 1.25rem -.5rem;
	text-align: end;
	font-family: var(--vkb-font-accent);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vkb-muted, var(--vkb-body));
}

.vkb-table__hint svg {
	inline-size: 13px;
	block-size: 13px;
	vertical-align: -2px;
	margin-inline-start: .25rem;
}

@media (max-width: 900px) {
	.vkb-table__hint {
		display: block;
	}
}

.vkb-table__scroll {
	margin-block-start: clamp(1.75rem, 3vw, 2.5rem);
	overflow-x: auto;
	border: 1px solid var(--vkb-line);
	border-radius: var(--vkb-radius-lg);
	background: #fff;
	-webkit-overflow-scrolling: touch;
}

.vkb-table__scroll:focus-visible {
	outline: 2px solid var(--vkb-lime);
	outline-offset: 2px;
}

.vkb-table__el {
	inline-size: 100%;
	min-inline-size: 780px;
	border-collapse: collapse;
	font-size: .875rem;
}

.vkb-table__el th,
.vkb-table__el td {
	text-align: start;
	padding: .875rem 1.125rem;
	border-block-end: 1px solid var(--vkb-line);
	vertical-align: top;
	line-height: 1.5;
}

.vkb-table__el thead th {
	font-family: var(--vkb-font-accent);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--vkb-muted, var(--vkb-body));
	background: var(--vkb-paper);
	position: sticky;
	inset-block-start: 0;
	z-index: 2;
}

/* Ilk sutun sabit: yatay kaydirirken hangi satirda oldugun kaybolmaz. */
.vkb-table__el tbody th {
	font-family: var(--vkb-font-ui);
	font-weight: 600;
	color: var(--vkb-ink);
	background: #fff;
	position: sticky;
	inset-inline-start: 0;
	z-index: 1;
	box-shadow: 1px 0 0 var(--vkb-line);
}

.vkb-table__el td {
	color: var(--vkb-body);
}

.vkb-table__el tbody tr:last-child th,
.vkb-table__el tbody tr:last-child td {
	border-block-end: 0;
}

.vkb-table__el tbody tr:hover th,
.vkb-table__el tbody tr:hover td {
	background: var(--vkb-paper);
}

/* --- Tablo kenar duzeltmeleri (27 Agu, OLCULEREK) ---------------------------------
   1) Hucrelerde yabanci reset'ten gelen 0.67px gri DIKEY kenarlik vardi; tasarim yalniz
      yatay ayrac kullanir → dikeyler kapatilir.
   2) Tabloya disaridan alt margin geliyordu → sarmalayicinin altinda 16px bos serit.
   3) Satirin ILK hucresi <th> (satir basligi); alt kose yaricapi th'ye islenmeli.
   4) `.vkb-table__note` margin'i base'in `body.vkb-site p{margin:0}` kuralina yenilir →
      ayni onekle yazilir. */
body.vkb-site .vkb-table__el {
	margin: 0;
}

body.vkb-site .vkb-table__el th,
body.vkb-site .vkb-table__el td {
	border-inline: 0;
}

body.vkb-site .vkb-table__el thead th:first-child {
	border-start-start-radius: calc(var(--vkb-radius-lg) - 1px);
}

body.vkb-site .vkb-table__el thead th:last-child {
	border-start-end-radius: calc(var(--vkb-radius-lg) - 1px);
}

body.vkb-site .vkb-table__el tbody tr:last-child th:first-child {
	border-end-start-radius: calc(var(--vkb-radius-lg) - 1px);
}

body.vkb-site .vkb-table__el tbody tr:last-child td:last-child {
	border-end-end-radius: calc(var(--vkb-radius-lg) - 1px);
}

body.vkb-site .vkb-table__note {
	margin-block-start: 1.25rem;
}

/* --- CIZGISIZ tablo (Emre, 27 Agu): kenarlik/cizgi YOK; satir ayrimini zebra yapar.
   Zebra bizim kurallarimizla sabitlenir (yabanci reset'e birakilmaz) ve yapiskan ilk
   sutun (th) satirin rengini AYNEN alir — kaydirirken serit uyusmazligi olmaz. */
body.vkb-site .vkb-table__scroll {
	border: 0;
}

/* DORT kenar birden: yabanci reset thead th'ye 0.67px UST kenarlik da veriyor
   (olculdu, 27 Agu gece) — tek tek kenar kapatmak yerine tumu sifir. */
body.vkb-site .vkb-table__el th,
body.vkb-site .vkb-table__el td {
	border: 0;
}

/* Ust cizginin gercek kaynagi (CDP ile olculdu): hello-elementor reset.css'in
   `table thead:first-child tr:first-child th { border-block-start: ... }` kurali,
   (0,2,4) ozgullukle ustteki (0,2,2) kurali eziyor. Onu asan ozel kural: */
body.vkb-site .vkb-table__el thead tr:first-child th,
body.vkb-site .vkb-table__el thead tr:first-child td,
body.vkb-site .vkb-table__el tbody tr:first-child th,
body.vkb-site .vkb-table__el tbody tr:first-child td {
	border-block-start: 0;
}

body.vkb-site .vkb-table__el tbody th {
	box-shadow: none;
}

body.vkb-site .vkb-table__el tbody tr:nth-child(odd) th,
body.vkb-site .vkb-table__el tbody tr:nth-child(odd) td {
	background: color-mix(in srgb, var(--vkb-ink) 4%, #fff);
}

body.vkb-site .vkb-table__el tbody tr:nth-child(even) th,
body.vkb-site .vkb-table__el tbody tr:nth-child(even) td {
	background: #fff;
}

/* Genis ekranda tablo kaymaz; yapiskan ilk sutunun ayri katman boyamasi ince bir derz
   birakabiliyor — masaustunde sticky kapali, mobil kaydirmada acik kalir. */
@media (min-width: 901px) {
	body.vkb-site .vkb-table__el tbody th {
		position: static;
	}
}

body.vkb-site .vkb-table__el tbody th a {
	border-block-end: 1px solid var(--vkb-lime);
	padding-block-end: 2px;
}

.vkb-table__note {
	margin-block-start: 1.125rem;
	font-size: .8125rem;
	color: var(--vkb-muted, var(--vkb-body));
	max-inline-size: 84ch;
}

/* =========================================================
   MARKA KARTLARI
   ========================================================= */
.vkb-bcards {
	background: var(--vkb-paper);
}

.vkb-bcards__grid {
	margin-block-start: clamp(2rem, 3.5vw, 3rem);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.vkb-bcard {
	--vkb-bc: var(--vkb-lime);
	--vkb-bcard-pad: clamp(1.5rem, 2.4vw, 2rem);
	background: #fff;
	border: 1px solid var(--vkb-line);
	border-radius: var(--vkb-radius-lg);
	padding: var(--vkb-bcard-pad);
	overflow: hidden; /* kapak fotografi kartin yuvarlak koselerine uysun */
	display: flex;
	flex-direction: column;
	gap: .875rem;
	scroll-margin-block-start: calc(var(--vkb-header-h) + 32px);
	transition: box-shadow .4s var(--vkb-ease), border-color .4s var(--vkb-ease);
}

.vkb-bcard:hover {
	box-shadow: var(--vkb-shadow-sm);
	border-color: color-mix(in srgb, var(--vkb-bc) 45%, var(--vkb-line));
}

/* Kapak fotografi: dolguyu asip kartin kenarina yapisir. Oran 2:1, en fazla 340px;
   iki sutunlu genis ekranda kart boyu tasmaz, mobilde kapak kendiliginden kisalir. */
body.vkb-site .vkb-bcard__cover { /* sarmalayici DIV: Elementor frontend.css'in `.elementor .elementor-widget:not(...) figure{margin:0}` (0,6,1) kurali figure'u ezer */
	margin: calc(var(--vkb-bcard-pad) * -1) calc(var(--vkb-bcard-pad) * -1) .25rem;
	aspect-ratio: 2 / 1;
	max-block-size: 340px;
	overflow: hidden;
	background: var(--vkb-stone);
}

body.vkb-site .vkb-bcard__cover img {
	transition: transform .7s var(--vkb-ease);
}

.vkb-bcard:hover .vkb-bcard__cover img {
	transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce) {
	.vkb-bcard:hover .vkb-bcard__cover img { transform: none; }
}

.vkb-bcard__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

body.vkb-site .vkb-bcard__name {
	font-family: var(--vkb-font-ui);
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: -.01em;
}

.vkb-bcard__logo {
	flex: none;
	inline-size: 96px;
	block-size: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

body.vkb-site .vkb-bcard__logo img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	display: block;
}

.vkb-bcard__badges {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .4375rem;
}

.vkb-bcard__badges li {
	font-family: var(--vkb-font-accent);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .03em;
	padding: .3125rem .625rem;
	border-radius: 999px;
	color: color-mix(in srgb, var(--vkb-bc) 78%, var(--vkb-ink));
	background: color-mix(in srgb, var(--vkb-bc) 12%, #fff);
}

.vkb-bcard__text {
	font-size: .9375rem;
	color: var(--vkb-body);
	line-height: 1.68;
}

.vkb-bcard__bestfor {
	font-size: .875rem;
	color: var(--vkb-ink);
	background: var(--vkb-paper);
	border-inline-start: 3px solid var(--vkb-bc);
	padding: .625rem .875rem;
	border-radius: 0 var(--vkb-radius) var(--vkb-radius) 0;
	line-height: 1.55;
}

.vkb-bcard__cta {
	margin-block-start: auto;
	align-self: flex-start;
}

@media (max-width: 860px) {
	.vkb-bcards__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   KRITERLER
   ========================================================= */
.vkb-factors--paper {
	background: var(--vkb-paper);
}

.vkb-factors--stone {
	background: var(--vkb-stone);
}

.vkb-factors__grid {
	list-style: none;
	margin: clamp(2rem, 3.5vw, 3rem) 0 0;
	padding: 0;
	display: grid;
	/* Kart sayisina uyar: 5 kart 5 kolon (tile), 3 kart satiri DOLDURUR (bathroom).
	   repeat(5,1fr) sabitken 3 kartli bolumlerde sagda 2 bos kolon kaliyordu. */
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 200px: 1184px kutuda 5 kart 5 kolon sigsin; 220'de 4+1 kaliyordu (29 Eyl) */
	gap: clamp(1.25rem, 2vw, 1.75rem);
}

.vkb-factors__item {
	border-inline-start: 2px solid var(--vkb-lime);
	padding-inline-start: 1.125rem;
	display: flex;
	flex-direction: column;
	gap: .375rem;
	min-inline-size: 0;
}

.vkb-factors__num {
	font-family: var(--vkb-font-accent);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--vkb-muted, var(--vkb-body));
}

body.vkb-site .vkb-factors__item .vkb-item-title {
	font-family: var(--vkb-font-ui);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.35;
}

.vkb-factors__item p {
	font-size: .8125rem;
	color: var(--vkb-body);
	line-height: 1.6;
}

@media (max-width: 1000px) {
	.vkb-factors__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 620px) {
	.vkb-factors__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   SHOWROOM SERIDI
   ========================================================= */
.vkb-visit {
	background: var(--vkb-paper);
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

.vkb-visit__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	background: var(--vkb-stone);
	border-radius: var(--vkb-radius-lg);
	padding: clamp(1.375rem, 2.6vw, 2rem);
}

body.vkb-site .vkb-visit__title {
	font-family: var(--vkb-font-ui);
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0;
	margin-block-end: .625rem;
}

.vkb-visit__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.5rem;
	font-size: .875rem;
	color: var(--vkb-body);
}

.vkb-visit__meta li {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}

.vkb-visit__meta svg {
	inline-size: 15px;
	block-size: 15px;
	color: var(--vkb-lime);
	flex: none;
}

body.vkb-site .vkb-visit__meta a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 700px) {
	.vkb-visit__inner {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* =========================================================
   ILETISIM (harita + adres karti + ulasma yollari)
   ========================================================= */
.vkb-contact--paper {
	background: var(--vkb-paper);
}

.vkb-contact--stone {
	background: var(--vkb-stone);
}

.vkb-contact__inner {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: clamp(1.25rem, 2.4vw, 2rem);
	align-items: stretch;
	margin-block-start: clamp(2rem, 3.5vw, 3rem);
}

.vkb-contact__inner--nomap {
	grid-template-columns: 1fr;
	max-inline-size: 34rem;
}

.vkb-contact__map {
	block-size: 420px;
	border: 1px solid var(--vkb-line);
	border-radius: var(--vkb-radius-lg);
	overflow: hidden;
	background: var(--vkb-stone);
	box-shadow: var(--vkb-shadow-sm);
}

.vkb-contact__map iframe {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	border: 0;
}

.vkb-contact__card {
	background: var(--vkb-paper);
	border: 1px solid var(--vkb-line);
	border-block-start: 2px solid var(--vkb-lime);
	border-radius: var(--vkb-radius-lg);
	padding: clamp(1.25rem, 2.2vw, 1.75rem);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	min-inline-size: 0;
}

.vkb-contact--paper .vkb-contact__card {
	background: var(--vkb-stone);
}

body.vkb-site .vkb-contact__name {
	font-family: var(--vkb-font-ui);
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--vkb-ink);
	margin: 0;
}

.vkb-contact__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .875rem;
	font-size: .875rem;
	line-height: 1.65;
	color: var(--vkb-body);
}

.vkb-contact__meta li {
	display: grid;
	grid-template-columns: 16px 1fr;
	gap: .625rem;
	align-items: start;
}

.vkb-contact__meta svg {
	inline-size: 16px;
	block-size: 16px;
	color: var(--vkb-lime);
	flex: none;
	margin-block-start: .1875rem;
}

body.vkb-site .vkb-contact__meta a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.vkb-contact__ways {
	list-style: none;
	margin: clamp(1.25rem, 2.4vw, 2rem) 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: clamp(1.25rem, 2vw, 1.75rem);
}

.vkb-contact__way {
	border-inline-start: 2px solid var(--vkb-lime);
	padding-inline-start: 1.125rem;
	display: flex;
	flex-direction: column;
	gap: .375rem;
	min-inline-size: 0;
}

body.vkb-site .vkb-contact__way .vkb-item-title {
	font-family: var(--vkb-font-ui);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.35;
}

.vkb-contact__way p {
	font-size: .8125rem;
	color: var(--vkb-body);
	line-height: 1.6;
}

@media (max-width: 900px) {
	.vkb-contact__inner {
		grid-template-columns: 1fr;
	}

	.vkb-contact__map {
		block-size: 320px;
	}
}

/* `body.vkb-site p { margin: 0 }` (0,2,1) tek sinifli kurali yener;
   bu yuzden body ile nitelendi. */
body.vkb-site .vkb-why__more {
	margin-block-start: 2rem;
}


/* =========================================================
   KIRINTI + KOYU HERO (12 Eyl): fotografli hero'nun ustundeki kirinti seridi
   acik kagit renginde kalinca header ile hero arasinda "disarida kalmis" bir
   bant olusuyordu (Emre). Kirintiyi tasiyan Elementor kabi, hemen ardindan
   `.vkb-hero--bg` tasiyan kap geliyorsa header/hero ile ayni laciverte boyanir.
   Sayfa basina ayar yok: hangi LP hero'suna fotograf gelirse otomatik uyar.
   ========================================================= */
.e-con:has(> .elementor-widget-vkb-crumbs):has(+ .e-con :is(.vkb-hero--bg, .vkb-workhero)) .vkb-crumbs {
	background: var(--vkb-navy);
}

.e-con:has(> .elementor-widget-vkb-crumbs):has(+ .e-con :is(.vkb-hero--bg, .vkb-workhero)) .vkb-crumbs__list {
	color: var(--vkb-on-dark-muted);
}

body.vkb-site .e-con:has(> .elementor-widget-vkb-crumbs):has(+ .e-con :is(.vkb-hero--bg, .vkb-workhero)) .vkb-crumbs__item a,
body.vkb-site .e-con:has(> .elementor-widget-vkb-crumbs):has(+ .e-con :is(.vkb-hero--bg, .vkb-workhero)) .vkb-crumbs__item a:hover,
.e-con:has(> .elementor-widget-vkb-crumbs):has(+ .e-con :is(.vkb-hero--bg, .vkb-workhero)) .vkb-crumbs__item [aria-current] {
	color: var(--vkb-on-dark);
}

/* =========================================================
   SHOWROOM QR SAYFASI (26 Eyl 2026) — /showroom/?qr=door|desk
   Hero not kutusu + form alti notu + mobilde form-once sirasi; sadece-logo
   header; lacivert surec bandi; 3 kolonlu baglantisiz chooser kartlari
   (hedef etiketi rozet); mini footer. pages.css en sonda yuklenir, bu yuzden
   ayni ozgullukteki bilesen kurallarini ezer (bkz. css-ozgulluk notu).
   ========================================================= */

/* Hero: not kutusu (guven satirinin altinda) */
.vkb-hero__note {
	margin: 0;
	padding: .875rem 1rem;
	border-radius: var(--vkb-radius-md, 10px);
	background: var(--vkb-stone);
	border: 1px solid var(--vkb-line);
	font-size: .9rem;
	line-height: 1.55;
	color: var(--vkb-body);
	max-inline-size: 52ch;
}

.vkb-hero__note strong {
	color: var(--vkb-ink);
}

body.vkb-site .vkb-hero--bg .vkb-hero__note {
	/* koyu saydam kutu + opak yazi: acik saydam kutu parlak fotografta 3.7:1 kaliyordu (olculdu) */
	background: rgba(10, 22, 18, .45);
	border-color: rgba(255, 255, 255, .14);
	color: var(--vkb-on-dark);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

body.vkb-site .vkb-hero--bg .vkb-hero__note strong {
	color: var(--vkb-lime);
}

/* Hero: formun altindaki not */
body.vkb-site .vkb-hero__formnote {
	margin: .875rem 0 0;
	text-align: center;
	font-size: .875rem;
	line-height: 1.55;
	color: var(--vkb-body);
}

body.vkb-site .vkb-hero__formnote a {
	color: var(--vkb-ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.vkb-site .vkb-hero--bg .vkb-hero__formnote {
	color: var(--vkb-on-dark-muted);
}

body.vkb-site .vkb-hero--bg .vkb-hero__formnote a {
	color: var(--vkb-on-dark);
}

/* Hero: tek sutuna dusunce form basligin hemen altinda
   (.vkb-hero__copy display:contents -> cocuklari inner'in flex ogesi olur, order ile sira) */
@media (max-width: 1024px) {
	.vkb-hero--form-first .vkb-hero__inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.25rem;
	}

	.vkb-hero--form-first .vkb-hero__copy {
		display: contents;
	}

	.vkb-hero--form-first .vkb-eyebrow { order: 1; }
	.vkb-hero--form-first .vkb-hero__title { order: 2; }
	.vkb-hero--form-first .vkb-hero__tagline { order: 3; }
	.vkb-hero--form-first .vkb-lead { order: 4; }

	.vkb-hero--form-first .vkb-hero__media {
		order: 5;
		inline-size: 100%;
		margin-block-start: .5rem;
	}

	.vkb-hero--form-first .vkb-hero__actions { order: 6; }

	.vkb-hero--form-first .vkb-hero__trust {
		order: 7;
		margin-block-start: .5rem;
	}

	.vkb-hero--form-first .vkb-hero__note { order: 8; }
}

/* Header: sadece logo */
.vkb-header--solo .vkb-header__inner {
	grid-template-columns: 1fr;
	justify-items: center;
}

/* Surec bandi: lacivert zemin */
.vkb-process--navy {
	background: var(--vkb-navy);
}

.vkb-process--navy .vkb-process__steps::before {
	background: var(--vkb-line-dark);
}

.vkb-process--navy .vkb-process__dot {
	background: var(--vkb-navy);
	border-color: var(--vkb-line-dark);
	color: var(--vkb-on-dark-muted);
}

.vkb-process--navy .vkb-process__step p {
	color: var(--vkb-on-dark-muted);
}

/* Chooser: kolon sayisi + baglantisiz kart + rozet */
.vkb-chooser__grid--3 {
	grid-template-columns: repeat(3, 1fr);
}

.vkb-chooser__grid--2 {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 960px) {
	.vkb-chooser__grid--3,
	.vkb-chooser__grid--2 {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 560px) {
	.vkb-chooser__grid--3,
	.vkb-chooser__grid--2 {
		grid-template-columns: 1fr;
	}
}

body.vkb-site .vkb-chooser__card--static {
	cursor: default;
}

body.vkb-site .vkb-chooser__card--static:hover,
body.vkb-site .vkb-chooser__card--static:focus-visible {
	transform: none;
	box-shadow: none;
	border-color: var(--vkb-line);
}

.vkb-chooser__target--tag {
	align-self: flex-start;
	margin-block-start: .25rem;
	padding: .3rem .7rem;
	border: 0;
	border-radius: 999px;
	background: var(--vkb-lime);
	color: var(--vkb-ink);
	font-size: .75rem;
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* Mini footer */
.vkb-minifooter {
	background: var(--vkb-navy);
	color: var(--vkb-on-dark-muted);
	padding-block: clamp(2rem, 4vw, 3rem);
	text-align: center;
	font-size: .875rem;
	line-height: 1.6;
}

.vkb-minifooter__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .875rem;
}

.vkb-minifooter__nap {
	margin: 0;
}

.vkb-minifooter__nap strong {
	color: var(--vkb-on-dark);
	font-weight: 600;
}

body.vkb-site .vkb-minifooter a {
	color: var(--vkb-on-dark);
	text-decoration: none;
}

body.vkb-site .vkb-minifooter a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.vkb-minifooter__menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem 1.25rem;
}

.vkb-minifooter__menu li + li::before {
	content: "\00b7";
	margin-inline-end: 1.25rem;
	opacity: .5;
}

.vkb-minifooter__note {
	margin: 0;
	font-size: .8125rem;
	opacity: .75;
}

/* Hero (form-once, tek sutun): fotograf ustte kalir (en cok 920px), alti laciverte solar.
   Yoksa 1900px'lik hero kutusunu kaplamak icin fotograf dar bir serit halinde uzuyordu. */
@media (max-width: 1024px) {
	.vkb-hero--form-first .vkb-hero__bg {
		block-size: min(100%, 920px);
	}

	.vkb-hero--form-first .vkb-hero__bg::after {
		content: "";
		position: absolute;
		inset: auto 0 0 0;
		block-size: 45%;
		background: linear-gradient(180deg, rgba(14, 28, 24, 0), var(--vkb-navy));
	}
}

/* Formun altindaki not: fotografli hero'da sag tarafta orgu en acik (tasarim geregi);
   kucuk yazi icin koyu yastik (olculdu: yastiksiz 3.2:1, yastikla 7+). */
body.vkb-site .vkb-hero--bg .vkb-hero__formnote {
	background: rgba(10, 22, 18, .58);
	padding: .625rem .9rem;
	border-radius: 10px;
	color: var(--vkb-on-dark);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}