/*--- Palet ---*/
:root {
	/* Menü vurgusu: koyu çubukta parlak turkuaz, açık zeminde (mobil çekmece)
	   aynı rengin koyu tonu */
	--van-header-accent: #58C2E0;
	/* aktif başlığın alt çizgisi: aynı turkuaz, %20 daha düşük opaklık */
	--van-header-accent-soft: rgba(88, 194, 224, 0.8);
	--van-header-accent-ink: #0685AA;
}

/*--- Header: transparent over the hero, dark bar once sticky ---*/
.landing-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
	height: 180px;
	background-color: transparent;
	transition: height 0.3s ease, background-color 0.3s ease;
}

.landing-logo-img {
	display: block;
	width: auto;
	height: 150px;
	filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.4));
	transition: height 0.3s ease;
}

/* The logo already carries the white "Van Zıbast" wordmark, so the sticky bar
   stays dark instead of turning white like Metronic's default landing header. */
[data-kt-sticky-landing-header=on] .landing-header {
	height: 84px;
	background-color: rgba(11, 27, 43, 0.94);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}

[data-kt-sticky-landing-header=on] .landing-logo-img {
	height: 62px;
}

/* Metronic tints the active link for its white sticky bar; ours is dark */
[data-kt-sticky-landing-header=on] #kt_landing_menu .menu-link.active {
	color: #ffffff;
	background-color: transparent;
}

/*--- Menu ---*/
#kt_landing_menu > .menu-item > .menu-link .menu-title {
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
	white-space: nowrap;
	transition: font-size 0.3s ease;
}

/* Yazı plakaya oyulmuş gibi: koyu mürekkep + hemen altında beyaz highlight
   (letterpress). Kendi dış gölgesi kalkıyor. */
#kt_landing_menu > .menu-item > .menu-link:hover .menu-title,
#kt_landing_menu > .menu-item.show > .menu-link .menu-title,
#kt_landing_menu > .menu-item.hover > .menu-link .menu-title {
	color: #12293D;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

/* Active/here turkuaz. Bu blok hover'dan SONRA geldiği için (özgüllükleri
   eşit) aktif öğe hover edilince de turkuaz kalıyor. Alt çizgi currentColor
   kullandığından o da aynı tonu alıyor. */
#kt_landing_menu > .menu-item > .menu-link.active .menu-title,
#kt_landing_menu > .menu-item > .menu-link.here .menu-title {
	color: #ffffff;
	/* yazı beyaz; aktifliği alttaki turkuaz çizgi belirtiyor */
	text-decoration-color: var(--van-header-accent-soft);
}

/* Aktif öğe hover edilince plaka açık olduğu için parlak turkuaz okunmuyor */
#kt_landing_menu > .menu-item > .menu-link.active:hover .menu-title,
#kt_landing_menu > .menu-item > .menu-link.here:hover .menu-title {
	color: var(--van-header-accent-ink);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

/* Açılır alt menü: panel beyaz zeminli, ama menüdeki menu-title-white
   sınıfı alt başlıklara da sızıyor ve yazılar görünmez oluyordu. Üst
   seviyeden bağımsız kendi tipografisi veriliyor. */
#kt_landing_menu .menu-sub .menu-item .menu-link .menu-title {
	color: var(--bs-gray-800);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	text-shadow: none;
	white-space: nowrap;
}

#kt_landing_menu .menu-sub .menu-item .menu-link:hover .menu-title,
#kt_landing_menu .menu-sub .menu-item .menu-link.active .menu-title {
	color: var(--van-header-accent-ink);
}

#kt_landing_menu .menu-sub .menu-item .menu-link .bullet {
	background-color: var(--bs-gray-400);
}

#kt_landing_menu .menu-sub .menu-item .menu-link:hover .bullet,
#kt_landing_menu .menu-sub .menu-item .menu-link.active .bullet {
	background-color: var(--van-header-accent-ink);
}

/* Üst seviyedeki açılır menü oku, başlıkla aynı rengi izlesin */
#kt_landing_menu > .menu-item > .menu-link > .menu-arrow:after {
	background-color: currentColor;
}

/* "Giriş Yap" de iki satıra kırılıyordu */
.landing-header .btn {
	white-space: nowrap;
}

.landing-header-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.landing-header .btn-landing-icon {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 0.475rem;
	transition: background-color 0.2s ease;
}

.landing-header .btn-landing-icon i {
	color: #13263C;
}

.landing-header .btn-landing-icon:hover {
	background-color: #ffffff;
}

@media (min-width: 992px) {
	/* Metronic hides [data-kt-drawer=true] by default; the drawer is off from lg up */
	.landing-header .landing-menu-wrapper {
		display: flex;
	}

	/* Search sits above the menu row, both right aligned — collapses to a
	   single row once the header shrinks into its sticky state. */
	.landing-header-end {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 1.25rem;
	}

	[data-kt-sticky-landing-header=on] .landing-header-end {
		flex-direction: row;
		align-items: center;
		gap: 1rem;
	}

	/* Kısalan çubukta menü de küçülüyor, yoksa satır kırılıyor */
	[data-kt-sticky-landing-header=on] #kt_landing_menu > .menu-item > .menu-link .menu-title {
		font-size: 14px;
		letter-spacing: 0.01em;
		text-shadow: none;
	}

	[data-kt-sticky-landing-header=on] #kt_landing_menu > .menu-item > .menu-link {
		padding: 0.45rem 0.55rem;
	}

	[data-kt-sticky-landing-header=on] #kt_landing_menu > .menu-item {
		margin-right: 0 !important;
	}

	#kt_landing_menu > .menu-item > .menu-link {
		padding: 0.6rem 0.85rem;
		border-radius: 0.475rem;
		transition: background-color 0.2s ease, box-shadow 0.2s ease;
	}

	/* Panelin üstünde, üst başlığa bakan üçgen. Döndürülmüş kare kullanıldı:
	   panelin beyazını ve gölgesini birebir taşıyor. */
	#kt_landing_menu > .menu-item > .menu-sub {
		overflow: visible;
	}

	#kt_landing_menu > .menu-item > .menu-sub::before {
		content: "";
		position: absolute;
		top: -7px;
		/* Başlığın ortası: assets/js/vanzibast.js "Mega menü oku" hesaplar (panel ekrana sığmak için kayabilir) */
		left: calc(var(--van-ok-x, 33px) - 7px);
		width: 14px;
		height: 14px;
		background-color: var(--van-ok-renk, #ffffff);
		border-radius: 3px 0 0 0;
		transform: rotate(45deg);
	}

	/* Buzlu cam plaka: arkadaki videoyu bulanıklaştırıp alıyor, üstten iç
	   gölge plakayı çukurlaştırıyor, alt kenardaki turkuaz iz imza oluyor.
	   backdrop-filter desteklenmezse %78 beyaz tek başına yeterli. */
	#kt_landing_menu > .menu-item > .menu-link:hover,
	#kt_landing_menu > .menu-item.show > .menu-link,
	#kt_landing_menu > .menu-item.hover > .menu-link {
		background-color: rgba(255, 255, 255, 0.78);
		-webkit-backdrop-filter: blur(8px) saturate(140%);
		backdrop-filter: blur(8px) saturate(140%);
		box-shadow:
			inset 0 2px 4px rgba(11, 27, 43, 0.22),
			inset 0 -2px 0 var(--van-header-accent),
			0 1px 0 rgba(255, 255, 255, 0.4);
	}

	#kt_landing_menu > .menu-item > .menu-link.active .menu-title,
	#kt_landing_menu > .menu-item > .menu-link.here .menu-title {
		text-decoration: underline;
		text-decoration-color: var(--van-header-accent-soft);
		text-underline-offset: 8px;
		text-decoration-thickness: 2px;
	}
}

/* 992-1199 arasında yedi menü + araç çubuğu tek satıra sığmıyordu;
   sticky çubukta biraz daha sıkılaşıyor */
@media (min-width: 992px) and (max-width: 1199.98px) {
	[data-kt-sticky-landing-header=on] #kt_landing_menu > .menu-item > .menu-link .menu-title {
		font-size: 12px;
		letter-spacing: 0;
	}

	[data-kt-sticky-landing-header=on] #kt_landing_menu > .menu-item > .menu-link {
		padding: 0.4rem 0.35rem;
	}

	[data-kt-sticky-landing-header=on] .landing-header-end {
		gap: 0.6rem;
	}

	[data-kt-sticky-landing-header=on] .landing-logo-img {
		height: 50px;
	}
}

/*--- Mobile: the menu is swapped into the white drawer, so its text goes dark ---*/
@media (max-width: 991.98px) {
	.landing-header {
		height: 100px;
	}

	.landing-logo-img {
		height: 76px;
	}

	[data-kt-sticky-landing-header=on] .landing-header {
		height: 76px;
	}

	[data-kt-sticky-landing-header=on] .landing-logo-img {
		height: 56px;
	}

	#kt_landing_menu .menu-item .menu-link .menu-title {
		color: var(--bs-gray-800);
		font-size: 15px;
		text-shadow: none;
	}

	#kt_landing_menu .menu-item .menu-link:hover .menu-title,
	#kt_landing_menu .menu-item .menu-link.active .menu-title {
		color: var(--van-header-accent-ink);
	}
}

/*--- Hero: Slider Revolution video background ---*/
.hero-video {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-color: #0B1B2B;
	overflow: hidden;
}

.hero-video .rev_slider_wrapper,
.hero-video .rev_slider {
	width: 100% !important;
}

/* Mobilde 100vh, tarayıcı çubuğunun altındaki alanı da kapsadığı için
   Revolution'ın kurduğu slider yüksekliğinden büyük kalıyor ve altta
   lacivert bir şerit görünüyordu. Kapsayıcı slider'ı sarsın. */
@media (max-width: 991.98px) {
	.hero-video {
		min-height: 0;
	}
}

.hero-video-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(7, 20, 35, 0.5) 0%, rgba(7, 20, 35, 0.12) 38%, rgba(7, 20, 35, 0) 56%, rgba(7, 20, 35, 0) 100%);
}

/*--- Hero CTA: açık renkli SVG panel, Revolution katmanı içinde ---*/
.van-hero-caption {
	white-space: normal;
}

/*--- Hero VAN wordmark ---*/
.van-wordmark img {
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45));
}

.van-hero-svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	filter: drop-shadow(-22px 0 40px rgba(0, 0, 0, 0.32));
}

.van-hero-fo {
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Inter', "Vazirmatn", sans-serif;
	color: #181C32;
	/* Revolution, caption'a inline white-space:nowrap veriyor ve bu
	   foreignObject içine miras kalıyordu; başlık/açıklama tek satır
	   olup panelin dışına taşıyordu. Öğenin kendi üzerinde tanımlamak
	   mirası geçersiz kılar. */
	white-space: normal;
}

.van-hero-fo h2,
.van-hero-fo p,
.van-hero-fo span {
	white-space: normal;
}

.van-hero-eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #BF5A20;
	margin-bottom: 8px;
}

.van-hero-title {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.14;
	color: #181C32;
}

.van-hero-desc {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #5E6278;
}

/* Keşfet bloğunun CTA'si burada da kullanılıyor; panelin dar alanına
   sığması için sola yaslanıp ölçüleri küçülüyor. */
.van-hero-fo .van-discover__cta {
	flex: none;
	align-self: flex-start;
	align-items: flex-start;
	min-height: 0;
	padding: 0;
	gap: 12px;
	text-align: left;
}

.van-hero-fo .van-discover__cta-icon {
	width: 48px;
	height: 48px;
	font-size: 19px;
}

.van-hero-fo .van-discover__cta-label {
	font-size: 15px;
}

/*--- Section: "VAN'ı Keşfedin" category explorer ---*/
.van-discover {
	--van-accent: #A91201;
	--van-surface: #F6F6F4;
	--van-tile-radius: 10px;
	padding: 56px 0 100px;
	background-color: var(--van-surface);
}

/* Four tracks: gutter | collage | chips | bleed. The right block spans the
   last two so its featured photo can run out to the viewport edge while the
   chips stay aligned to the 1320px container. */
.van-discover__layout {
	display: grid;
	grid-template-columns: minmax(1.5rem, 1fr) minmax(0, 780px) minmax(0, 540px) minmax(1.5rem, 1fr);
	align-items: start;
}

.van-discover__left {
	grid-column: 2;
	padding-right: 2.5rem;
}

.van-discover__right {
	grid-column: 3 / -1;
	display: grid;
	grid-template-columns: minmax(0, 540px) minmax(1.5rem, 1fr);
	row-gap: 20px;
}

.van-discover__title {
	margin: 0 0 8px;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.01em;
	color: var(--bs-gray-900);
}

.van-discover__subtitle {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--bs-gray-600);
}

/*--- Collage: three staggered columns of photos ---*/
.van-collage {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
}

.van-collage__col {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.van-tile {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border-radius: var(--van-tile-radius);
	background-color: #E6E6E3;
	box-shadow: 0 18px 40px -26px rgba(11, 27, 43, 0.55);
}

.van-tile--tall {
	aspect-ratio: 247 / 367;
}

.van-tile img,
.van-featured img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity 0.35s ease, transform 0.6s ease;
	transition-delay: calc(var(--van-i, 0) * 45ms), 0s;
}

.van-tile:hover img {
	transform: scale(1.06);
}

/* Frameless call to action: takes over whatever height is left in
   column A once its photo is placed. */
.van-discover__cta {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-height: 160px;
	padding: 28px 4px;
	color: var(--bs-gray-900);
	text-align: center;
	text-decoration: none;
	transition: color 0.25s ease;
}

.van-discover__cta-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background-color: #ffffff;
	color: var(--van-accent, #A91201);
	font-size: 30px;
	box-shadow: 0 18px 36px -20px rgba(11, 27, 43, 0.55);
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.van-discover__cta-label {
	display: block;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.35;
	text-wrap: balance;
}

/* Inline, so the arrow trails the last word instead of floating
   beside a wrapped two-line label */
.van-discover__cta-label i {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	vertical-align: 1px;
	transition: transform 0.25s ease;
}

.van-discover__cta:hover {
	color: var(--van-accent, #A91201);
}

.van-discover__cta:hover .van-discover__cta-icon {
	background-color: var(--van-accent, #A91201);
	color: #ffffff;
	transform: translateY(-4px);
	box-shadow: 0 20px 34px -18px rgba(169, 18, 1, 0.7);
}

.van-discover__cta:hover .van-discover__cta-label i {
	transform: translateX(5px);
}

/*--- Category chips ---*/
.van-chips {
	grid-column: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.van-chip {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 86px;
	padding: 12px 6px;
	border: 2px solid transparent;
	border-radius: var(--van-tile-radius);
	background-color: #EFEFEC;
	color: var(--bs-gray-500);
	opacity: 0.6;
	cursor: pointer;
	transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.van-chip i {
	font-size: 22px;
	line-height: 1;
}

.van-chip span {
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.van-chip:hover {
	opacity: 1;
	transform: translateY(-2px);
}

.van-chip.is-active {
	opacity: 1;
	background-color: #ffffff;
	border-color: var(--van-accent, #A91201);
	color: var(--van-accent, #A91201);
	box-shadow: 0 12px 26px -16px rgba(169, 18, 1, 0.65);
}

.van-chip.is-active span {
	color: var(--bs-gray-900);
}

/*--- Featured photo: bleeds into the last grid track ---*/
.van-featured {
	grid-column: 1 / -1;
	height: 260px;
	overflow: hidden;
	border-radius: var(--van-tile-radius) 0 0 var(--van-tile-radius);
	background-color: #E6E6E3;
}

/*--- Swap state: every photo fades out, then the new set fades back in ---*/
.van-discover.is-swapping .van-tile img,
.van-discover.is-swapping .van-featured img {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	.van-tile img,
	.van-featured img,
	.van-chip {
		transition: none;
	}
}

@media (min-width: 992px) {
	/* The headline sits over the top-left of the collage, so column A is
	   pushed down to clear it while B and C stay high — the staggered
	   silhouette from the design. */
	.van-discover__left {
		position: relative;
	}

	.van-discover__heading {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: min(430px, 100%);
	}

	.van-collage__col--a {
		padding-top: 200px;
	}

	.van-collage__col--b {
		padding-top: 96px;
	}

	.van-collage__col--c {
		padding-top: 26px;
	}
}

@media (max-width: 991.98px) {
	.van-discover {
		padding: 60px 0 70px;
	}

	.van-discover__layout {
		grid-template-columns: minmax(1.25rem, 1fr) minmax(0, 720px) minmax(1.25rem, 1fr);
		/* Small, so the two chip groups read as one block; the pieces
		   that need more air add their own margin below. */
		row-gap: 12px;
	}

	/* Both wrappers step aside so their children become layout grid
	   items and can be reordered: headline, categories, then photos.
	   On a phone the chips are what explain the photos, so they are
	   no longer stranded below the fold. */
	.van-discover__left,
	.van-discover__right {
		display: contents;
	}

	.van-discover__heading {
		grid-column: 2;
		order: 1;
	}

	.van-chips {
		grid-column: 2;
		order: 2;
	}

	.van-featured {
		grid-column: 2 / -1;
		order: 3;
		margin-top: 20px;
	}

	.van-collage {
		grid-column: 2;
		order: 4;
		margin-top: 20px;
	}

	.van-discover__heading {
		margin-bottom: 32px;
	}

	.van-discover__title {
		font-size: 34px;
	}

	.van-collage__col--b {
		padding-top: 34px;
	}

	.van-collage__col--c {
		padding-top: 68px;
	}

	/* A shorter portrait keeps the three columns from drifting apart */
	.van-tile--tall {
		aspect-ratio: 1 / 1.2;
	}

	.van-featured {
		height: 220px;
	}
}

@media (max-width: 575.98px) {
	.van-discover__layout {
		grid-template-columns: 1.25rem minmax(0, 1fr) 1.25rem;
	}

	/* Phones: the column wrappers step out of the way so the five
	   photos flow as one even two-up grid, caption underneath. */
	.van-collage {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.van-collage__col {
		display: contents;
	}

	.van-tile--tall {
		aspect-ratio: 1 / 1;
	}

	/* Five photos leave the bottom-right cell of the two-up grid
	   empty — the call to action moves into it instead of sitting
	   on its own row underneath. */
	.van-discover__cta {
		grid-column: 2;
		grid-row: 3;
		min-height: 0;
		padding: 8px;
		gap: 12px;
	}

	.van-discover__cta-icon {
		width: 56px;
		height: 56px;
		font-size: 23px;
	}

	.van-discover__cta-label {
		font-size: 16px;
	}

	.van-discover__cta-label i {
		margin-left: 8px;
		font-size: 12px;
	}

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

	.van-featured {
		height: 180px;
	}
}

/*--- Section: "Van Lezzetleri" restaurant slider ---*/
.van-taste {
	padding: 30px 0 100px;
	background-color: var(--van-surface, #F6F6F4);
}

/* Same four tracks as the section above, so both blocks line up on the
   1320px container while the patterned panel bleeds off to the right. */
.van-taste__layout {
	display: grid;
	grid-template-columns: minmax(1.5rem, 1fr) minmax(0, 780px) minmax(0, 540px) minmax(1.5rem, 1fr);
	grid-template-rows: minmax(104px, auto) auto minmax(88px, auto);
}

/* Layer 0: Van sofrası fotoğrafı. Görselin solu zaten beyaza soluyor, bu
   yüzden ağır beyaz yıkama gerekmiyor; sağa sabitlenip öznesi korunuyor. */
.van-taste__panel {
	grid-column: 3 / -1;
	grid-row: 1 / 4;
	/* Üç katman: (1) sol kenarı sayfa rengine eriten yatay geçiş — sağa
	   sabitlenince fotoğrafın kendi solması kırpıldığı için sert bir dikey
	   çizgi kalıyordu; (2) altta "Tüm Lezzetler" yazısının okunması için
	   güçlenen dikey yıkama; (3) fotoğrafın kendisi. */
	background-image:
		linear-gradient(90deg, #F6F6F4 0%, rgba(246, 246, 244, 0.82) 9%, rgba(246, 246, 244, 0) 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.14) 52%, rgba(255, 255, 255, 0.6) 100%),
		url(../img/yemek_icmek.jpg);
	background-size: cover;
	background-position: right center;
	border-radius: 14px 0 0 14px;
}

.van-taste__title {
	grid-column: 3 / -1;
	grid-row: 1;
	z-index: 1;
	align-self: center;
	margin: 0;
	padding: 0 1.5rem;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: 0.01em;
	text-align: center;
	/* Burnt orange rather than a bright one, so it stays warm against
	   the cool blue wash without shouting */
	color: #BF5A20;
}

/* Handwritten, and large enough to read as a pen stroke over the block
   rather than as a caption */
.van-taste__label {
	grid-column: 2;
	grid-row: 1;
	z-index: 1;
	align-self: end;
	margin: 0 0 6px;
	font-family: "Caveat", "Segoe Script", "Bradley Hand", cursive;
	font-size: 37px;
	font-weight: 600;
	line-height: 1;
	color: #B9B9B9;
	transform: rotate(-1.5deg);
	transform-origin: left bottom;
}

/* Layer 2: the white tray of cards, riding across the panel */
.van-taste__slider {
	position: relative;
	grid-column: 2 / 4;
	grid-row: 2;
	z-index: 2;
	padding: 14px;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 30px 60px -42px rgba(11, 27, 43, 0.45);
}

.van-taste__note {
	grid-column: 2;
	grid-row: 3;
	z-index: 1;
	align-self: center;
	margin: 0;
	font-size: 16px;
	text-align: center;
	color: var(--bs-gray-500);
}

.van-taste__all {
	grid-column: 3 / -1;
	grid-row: 3;
	z-index: 1;
	align-self: center;
	justify-self: center;
}

/* Ortak "tümünü gör" hapı — iki panel bloğu da bunu kullanıyor.
   Fotoğrafın üstünde durduğu için zemin şeffaf + bulanık cam. */
.van-pill {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 20px 10px 10px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-backdrop-filter: blur(10px) saturate(135%);
	backdrop-filter: blur(10px) saturate(135%);
	box-shadow: 0 10px 28px -14px rgba(11, 27, 43, 0.35);
	color: var(--bs-gray-900);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.van-pill__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(191, 90, 32, 0.14);
	color: #BF5A20;
	font-size: 13px;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.van-pill__arrow {
	font-size: 12px;
	color: var(--bs-gray-600);
	transition: transform 0.25s ease, color 0.25s ease;
}

.van-pill:hover {
	background-color: rgba(255, 255, 255, 0.78);
	box-shadow: 0 16px 34px -14px rgba(11, 27, 43, 0.4);
	transform: translateY(-2px);
	color: var(--bs-gray-900);
}

.van-pill:hover .van-pill__icon {
	background-color: #BF5A20;
	color: #ffffff;
}

.van-pill:hover .van-pill__arrow {
	color: #BF5A20;
	transform: translateX(4px);
}

/*--- Cards ---*/
.van-taste-card {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 205 / 300;
	border-radius: 8px;
	background-color: #E6E6E3;
	text-decoration: none;
}

.van-taste-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.van-taste-card:hover img {
	transform: scale(1.06);
}

.van-taste-card__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 27, 43, 0) 42%, rgba(11, 27, 43, 0.78) 100%);
}

.van-taste-card__body {
	position: absolute;
	right: 0;
	bottom: 18px;
	left: 0;
	padding: 0 12px;
	text-align: center;
	color: #ffffff;
}

.van-taste-card__name {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.van-taste-card__place {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.62);
}

.van-taste-card__badge {
	position: absolute;
	top: 12px;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.24);
	color: #ffffff;
	font-size: 15px;
	backdrop-filter: blur(6px);
	transition: background-color 0.25s ease;
}

.van-taste-card:hover .van-taste-card__badge {
	background-color: var(--van-accent, #A91201);
}

/*--- Slider controls: the draft has none, so they stay quiet until hover ---*/
.van-taste__controls button {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #ffffff;
	color: var(--bs-gray-800);
	font-size: 14px;
	box-shadow: 0 10px 26px -10px rgba(11, 27, 43, 0.45);
	transform: translateY(-50%);
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.van-taste__controls button:first-child {
	left: -18px;
}

.van-taste__controls button:last-child {
	right: -18px;
}

.van-taste__controls button:hover {
	background-color: var(--van-accent, #A91201);
	color: #ffffff;
}

.van-taste__controls button[disabled] {
	opacity: 0;
	pointer-events: none;
}

@media (max-width: 991.98px) {
	.van-taste {
		padding: 0 0 60px;
	}

	/* Stacked: the panel becomes a full-width backdrop for the whole block */
	.van-taste__layout {
		grid-template-columns: minmax(1.25rem, 1fr) minmax(0, 720px) minmax(1.25rem, 1fr);
		grid-template-rows: auto;
	}

	.van-taste__panel {
		grid-column: 1 / -1;
		grid-row: 1 / 6;
		border-radius: 0;
	}

	.van-taste__title {
		grid-column: 2;
		grid-row: 1;
		padding: 0;
		margin: 44px 0 6px;
		font-size: 28px;
		text-align: left;
	}

	.van-taste__label {
		grid-column: 2;
		grid-row: 2;
		align-self: auto;
		margin: 0 0 14px;
		font-size: 29px;
	}

	.van-taste__slider {
		grid-column: 2;
		grid-row: 3;
	}

	/* Dizilimde gövde metni doğrudan fotoğrafın üstüne geliyor; yatay
	   geçiş anlamını yitiriyor, onun yerine güçlü ve düz bir yıkama. */
	.van-taste__panel {
		background-image: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)), url(../img/yemek_icmek.jpg);
		background-position: center;
	}

	.van-taste__note {
		grid-column: 2;
		grid-row: 4;
		/* clears the controls parked under the slider */
		margin-top: 74px;
		color: var(--bs-gray-700);
		text-align: left;
	}

	.van-taste__all {
		grid-column: 2;
		grid-row: 5;
		justify-self: start;
		margin-top: 14px;
		padding-left: 0;
	}

	.van-taste__controls {
		position: absolute;
		right: 0;
		bottom: -54px;
		display: flex;
		gap: 10px;
	}

	.van-taste__controls button {
		position: static;
		width: 40px;
		height: 40px;
		transform: none;
	}

	.van-taste__controls button[disabled] {
		opacity: 0.35;
	}
}

/*--- Galeri: site_osb/taslak.html'deki yapının birebir aynısı ---*/
.galeri-kart {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	display: block;
	cursor: pointer;
}

.galeri-kart img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: filter .35s ease, transform .35s ease;
}

.galeri-overlay {
	position: absolute;
	inset: 0;
	background: rgba(30, 30, 30, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: background .35s ease, opacity .35s ease;
}

.galeri-overlay i {
	transform: scale(0.7);
	transition: transform .35s ease;
}

.galeri-kart:hover img {
	filter: grayscale(85%);
	transform: scale(1.06);
}

.galeri-kart:hover .galeri-overlay {
	background: rgba(30, 30, 30, 0.45);
	opacity: 1;
}

.galeri-kart:hover .galeri-overlay i {
	transform: scale(1);
}

/*--- Section: "Konaklama ve Turlar" — Van Lezzetleri bloğunun aynası ---*/
.van-tours {
	padding: 60px 0 100px;
	background-color: var(--van-surface, #F6F6F4);
}

/* Aynı 1320px konteyner, ama kolon genişlikleri ters: panel solda kalıyor
   ve sol kenardan taşıyor. */
.van-tours__layout {
	display: grid;
	grid-template-columns: minmax(1.5rem, 1fr) minmax(0, 540px) minmax(0, 780px) minmax(1.5rem, 1fr);
	grid-template-rows: minmax(110px, auto) auto minmax(84px, auto);
}

.van-tours__panel {
	grid-column: 1 / 3;
	grid-row: 1 / 4;
	/* Lezzetler panelinin aynası: fotoğrafın öznesi solda, soluması sağda.
	   (1) sağ kenarı sayfa rengine eriten yatay geçiş, (2) altta
	   "Tüm Lokasyonlar" için güçlenen dikey yıkama, (3) fotoğraf. */
	background-image:
		linear-gradient(270deg, #F6F6F4 0%, rgba(246, 246, 244, 0.7) 4%, rgba(246, 246, 244, 0) 20%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 52%, rgba(255, 255, 255, 0.5) 100%),
		url(../img/gezilecek.jpg);
	background-size: cover;
	background-position: left center;
	border-radius: 0 14px 14px 0;
}

.van-tours__title {
	grid-column: 1 / 3;
	grid-row: 1;
	z-index: 1;
	align-self: center;
	margin: 0;
	padding: 0 1.5rem;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: 0.01em;
	text-align: center;
	color: #BF5A20;
}

.van-tours__label {
	grid-column: 3;
	grid-row: 1;
	z-index: 1;
	align-self: end;
	margin: 0 0 6px;
	font-family: "Caveat", "Segoe Script", "Bradley Hand", cursive;
	font-size: 37px;
	font-weight: 600;
	line-height: 1;
	text-align: right;
	color: #B9B9B9;
	transform: rotate(-1.5deg);
	transform-origin: right bottom;
}

.van-tours__slider {
	position: relative;
	grid-column: 2 / 4;
	grid-row: 2;
	z-index: 2;
	padding: 14px;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 30px 60px -42px rgba(11, 27, 43, 0.45);
}

.van-tours__all {
	grid-column: 1 / 3;
	grid-row: 3;
	z-index: 1;
	align-self: center;
	justify-self: center;
}

/*--- Rota kartları: ilk kart iki kolon genişliğinde ---*/
.van-tours-card {
	position: relative;
	display: block;
	overflow: hidden;
	width: 268px;
	height: 270px;
	border-radius: 8px;
	background-color: #E6E6E3;
	text-decoration: none;
}

.van-tours-card--wide {
	width: 560px;
}

.van-tours-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.van-tours-card:hover img {
	transform: scale(1.06);
}

.van-tours-card__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 27, 43, 0) 38%, rgba(11, 27, 43, 0.82) 100%);
}

.van-tours-card__body {
	position: absolute;
	right: 0;
	bottom: 18px;
	left: 0;
	padding: 0 18px;
	color: #ffffff;
}

.van-tours-card__name {
	display: block;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.2;
}

.van-tours-card__desc {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.86);
}

.van-tours-card__stops {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin-top: 10px;
}

.van-tours-card__stop {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	max-width: 96px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.25;
	color: rgba(255, 255, 255, 0.82);
}

.van-tours-card__stop i {
	flex: none;
	margin-top: 1px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6);
}

/*--- Kontroller: Lezzetler bloğundakiyle aynı ---*/
.van-tours__controls button {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #ffffff;
	color: var(--bs-gray-800);
	font-size: 14px;
	box-shadow: 0 10px 26px -10px rgba(11, 27, 43, 0.45);
	transform: translateY(-50%);
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.van-tours__controls button:first-child {
	left: -18px;
}

.van-tours__controls button:last-child {
	right: -18px;
}

.van-tours__controls button:hover {
	background-color: var(--van-accent, #A91201);
	color: #ffffff;
}

.van-tours__controls button[disabled] {
	opacity: 0;
	pointer-events: none;
}

@media (max-width: 991.98px) {
	.van-tours {
		padding: 0 0 60px;
	}

	/* Dizilim: panel tam genişlikte zemine dönüşüyor */
	.van-tours__layout {
		grid-template-columns: minmax(1.25rem, 1fr) minmax(0, 720px) minmax(1.25rem, 1fr);
		grid-template-rows: auto;
	}

	.van-tours__panel {
		grid-column: 1 / -1;
		grid-row: 1 / 5;
		border-radius: 0;
		background-image: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)), url(../img/gezilecek.jpg);
		background-position: center;
	}

	.van-tours__title {
		grid-column: 2;
		grid-row: 1;
		padding: 0;
		margin: 44px 0 6px;
		font-size: 28px;
		text-align: left;
	}

	.van-tours__label {
		grid-column: 2;
		grid-row: 2;
		align-self: auto;
		margin: 0 0 14px;
		font-size: 29px;
		text-align: left;
		transform-origin: left bottom;
	}

	.van-tours__slider {
		grid-column: 2;
		grid-row: 3;
	}

	.van-tours__all {
		grid-column: 2;
		grid-row: 4;
		justify-self: start;
		margin-top: 74px;
		padding-left: 0;
	}

	.van-tours-card {
		width: 230px;
		height: 250px;
	}

	.van-tours-card--wide {
		width: 484px;
	}

	.van-tours__controls {
		position: absolute;
		right: 0;
		bottom: -54px;
		display: flex;
		gap: 10px;
	}

	.van-tours__controls button {
		position: static;
		width: 40px;
		height: 40px;
		transform: none;
	}

	.van-tours__controls button[disabled] {
		opacity: 0.35;
	}
}

@media (max-width: 575.98px) {
	.van-tours-card {
		width: 210px;
		height: 235px;
	}

	.van-tours-card--wide {
		width: 300px;
	}

	.van-tours-card__stops {
		flex-wrap: nowrap;
	}

	.van-tours-card__stop:nth-child(n+4) {
		display: none;
	}

	.van-tours-card__stop {
		max-width: 84px;
	}
}

/*--- Footer üstü çizgiler: taslaktaki turkuaz + koyu şerit ---*/
.van-footer-rules {
	display: block;
	background-color: var(--van-surface, #F6F6F4);
}

.van-footer-rules__teal {
	height: 14px;
	margin-left: 28.5%;
	/* uçları yuvarlak; sağ uç ekran dışına taştığı için etkisi solda görünür */
	border-radius: 999px 0 0 999px;
	background-color: #0685AA;
}

.van-footer-rules__dark {
	height: 12px;
	margin-top: 4px;
	background-color: #404040;
}

/*--- Footer ---*/
.van-footer {
	position: relative;
	padding: 70px 0 0;
	background-image: url(../img/footer_02.png);
	background-size: cover;
	background-position: center;
	color: #ffffff;
}

/* Fotoğraf tek başına beyaz yazı için fazla açık kalıyor */
.van-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8, 40, 52, 0.62) 0%, rgba(8, 40, 52, 0.8) 100%);
}

.van-footer > * {
	position: relative;
	z-index: 1;
}

.van-footer__logo {
	display: block;
	width: auto;
	height: 118px;
	margin: 0 auto;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45));
}

.van-footer__tagline {
	margin: 14px 0 0;
	font-size: 16px;
	text-align: center;
	color: rgba(255, 255, 255, 0.78);
}

.van-footer__columns {
	margin-top: 76px;
}

.van-footer__heading {
	margin: 0 0 18px;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ffffff;
}

.van-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.van-footer__list li + li {
	margin-top: 10px;
}

.van-footer__list a,
.van-footer__contact a {
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-footer__list a:hover,
.van-footer__contact a:hover {
	color: #ffffff;
}

.van-footer__contact {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

.van-footer__contact li + li {
	margin-top: 12px;
}

.van-footer__contact i {
	margin-right: 8px;
	color: #58C2E0;
}

/*--- Sosyal ikonlar: Canvas "social-icon" bileşeninden uyarlandı ---*/
/* Kutu ikonları sarmalıyor (fit-content) ve ortalanıyor; geniş boş bir
   çerçeve içinde küçük bir küme gibi durmuyor */
.van-social {
	width: fit-content;
	max-width: 100%;
	margin: 76px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
}

/* Ölçüler px: Metronic kök font-size'ı 13px, rem kullanınca butonlar
   tasarlandığından küçük çıkıyor. */
.social-icon {
	--si-size: 52px;
	--si-border: 1px;
	--si-line: calc(var(--si-size) - var(--si-border) * 2);
	display: block;
	width: var(--si-size);
	height: var(--si-size);
	font-size: calc(var(--si-size) / 2.3);
	line-height: var(--si-line);
	text-align: center;
	color: rgba(255, 255, 255, 0.85);
	border: var(--si-border) solid rgba(255, 255, 255, 0.35);
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

/* İki ikon üst üste duruyor; hover'da ilki yukarı kayıp ikinciyi açıyor.
   Font Awesome 7 her ikona width:1.25em veriyor (Canvas'ın yazıldığı
   FA5/6'da yoktu); bu yüzden glif butonun soluna sıkışıyordu. */
.social-icon i {
	--fa-width: 100%;
	display: block;
	width: 100%;
	position: relative;
	line-height: inherit;
	transition: margin-top 0.3s ease;
}

.social-icon i:last-child {
	color: #ffffff;
}

.social-icon:hover i:first-child {
	margin-top: calc(var(--si-line) * -1);
}

.social-icon:hover {
	border-color: transparent;
}

.h-bg-facebook:hover { background-color: rgb(59, 89, 152); }
.h-bg-instagram:hover { background-color: rgb(138, 58, 185); }
.h-bg-twitter:hover { background-color: rgb(0, 172, 238); }
.h-bg-telegram:hover { background-color: rgb(42, 171, 238); }
.h-bg-whatsapp:hover { background-color: rgb(37, 211, 102); }
.h-bg-youtube:hover { background-color: rgb(196, 48, 43); }
.h-bg-linkedin:hover { background-color: rgb(10, 102, 194); }
.h-bg-google:hover { background-color: rgb(219, 68, 55); }
.h-bg-tiktok:hover { background-color: rgb(0, 0, 0); }

/*--- Kurum logoları: koyu zeminde okunmaları için beyaz zemin ---*/
.van-footer__partners {
	margin-top: 76px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.van-footer__partner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 92px;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.92);
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.van-footer__partner:hover {
	background-color: #ffffff;
	transform: translateY(-3px);
}

.van-footer__partner img {
	display: block;
	width: auto;
	height: 100%;
	object-fit: contain;
}

/*--- Alt şerit ---*/
.van-footer__bottom {
	margin-top: 46px;
	padding: 22px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	background-color: rgba(4, 26, 34, 0.5);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.van-footer__bottom a {
	color: rgba(255, 255, 255, 0.82);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-footer__bottom a:hover {
	color: #ffffff;
}

.van-footer__legal {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.van-footer__legal {
	flex-wrap: wrap;
}

.van-footer__legal span {
	color: rgba(255, 255, 255, 0.35);
}

/* Yapımcı imzası: telif satırının devamı gibi görünür (aynı renk, kalınlık, boyut) */
.van-footer__imza {
	white-space: nowrap;
}

.van-footer__bottom .van-footer__imza a {
	font-weight: inherit;
	color: inherit;
}

.van-footer__bottom .van-footer__imza a:hover {
	color: #ffffff;
}

@media (max-width: 991.98px) {
	.van-footer {
		padding-top: 50px;
	}

	.van-footer__logo {
		height: 92px;
	}

	.van-footer__columns,
	.van-footer__partners {
		margin-top: 54px;
	}

	.van-social {
		margin-top: 54px;
	}

	.van-footer__legal {
		justify-content: center;
		margin-top: 10px;
	}

	.van-footer__bottom {
		text-align: center;
	}

	.van-footer-rules__teal {
		margin-left: 18%;
	}
}

/*--- İç sayfa: üst görsel şerit -------------------------------------------
  Header anasayfadaki gibi şeffaf ve absolute duruyor, bu yüzden şeridin üst
  boşluğu header yüksekliğini (180px) karşılayacak kadar büyük.
  ------------------------------------------------------------------------ */
.van-page-hero {
	position: relative;
	/* header (absolute, 180px) + logo ~190px + nefes payi; baslik logoya yapismasin */
	padding: 200px 0 0;
	background-color: #0B1B2B;
	background-image: url(../img/footer_02.png);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.van-page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 20, 35, 0.72) 0%, rgba(7, 20, 35, 0.55) 45%, rgba(7, 20, 35, 0.78) 100%);
}

.van-page-hero > * {
	position: relative;
	z-index: 1;
}

/*--- Breadcrumb -----------------------------------------------------------
  Düz metin hâlinde başlığın bir parçası gibi okunuyordu. Header'ın hover
  plakasıyla aynı dili konuşan, kendi içinde kapalı buzlu cam hap: başlıktan
  net ayrışıyor ve gezinme öğesi olduğu anlaşılıyor.
  ------------------------------------------------------------------------ */
.van-crumb {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 28px;
	padding: 7px 16px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.van-crumb a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(255, 255, 255, 0.78);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-crumb a:hover {
	color: #ffffff;
}

.van-crumb a i {
	font-size: 12px;
	color: var(--van-header-accent);
}

.van-crumb__sep {
	font-size: 9px;
	color: rgba(255, 255, 255, 0.38);
}

.van-crumb__current {
	color: #ffffff;
}

.van-page-hero__title {
	margin: 0;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
	color: #ffffff;
}

.van-page-hero__lead {
	max-width: 680px;
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 500;
	/* Koyu hero üstünde paletteki açık turkuaz (menü aktif çizgisiyle aynı ton) */
	color: var(--van-header-accent, #58C2E0);
	opacity: 0.85;
}

@media (max-width: 991.98px) {
	.van-page-hero__lead {
		font-size: 14px;
	}
}

/*--- İç sayfa gövdesi ---*/
.van-page-body {
	padding: 70px 0 90px;
	background-color: var(--van-surface, #F6F6F4);
}

/*--- Makale tipografisi ---*/
.van-prose {
	font-size: 16px;
	line-height: 1.75;
	color: var(--bs-gray-700);
}

.van-prose > h2 {
	margin: 40px 0 14px;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--bs-gray-900);
}

.van-prose > h2:first-child {
	margin-top: 0;
}

.van-prose > h3 {
	margin: 28px 0 10px;
	font-size: 19px;
	font-weight: 700;
	color: var(--bs-gray-900);
}

.van-prose p {
	margin: 0 0 16px;
}

.van-prose a {
	color: #BF5A20;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.van-prose ul {
	margin: 0 0 18px;
	padding-left: 0;
	list-style: none;
}

.van-prose ul li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 9px;
}

.van-prose ul li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 6px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #BF5A20;
}

.van-prose figure {
	margin: 26px 0;
}

.van-prose figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.van-prose figcaption {
	margin-top: 10px;
	font-size: 14px;
	color: var(--bs-gray-500);
}

/*--- Vurgu kutusu ---*/
.van-callout {
	display: flex;
	gap: 16px;
	margin: 26px 0;
	padding: 20px 22px;
	border-radius: 12px;
	border-left: 4px solid #BF5A20;
	background-color: rgba(191, 90, 32, 0.07);
}

.van-callout i {
	flex: none;
	margin-top: 3px;
	font-size: 18px;
	color: #BF5A20;
}

.van-callout p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--bs-gray-800);
}

/*--- Küçük görsel şeridi ---*/
.van-page-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 26px 0;
}

.van-page-gallery a {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: 10px;
	background-color: #E6E6E3;
}

.van-page-gallery img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.van-page-gallery a:hover img {
	transform: scale(1.06);
}

/*--- Yan sütun ---*/
.van-side {
	position: sticky;
	top: 110px;
}

.van-side-card {
	padding: 24px;
	margin-bottom: 20px;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
}

.van-side-card__title {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--bs-gray-500);
}

.van-side-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.van-side-list li + li {
	margin-top: 4px;
}

.van-side-list a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	color: var(--bs-gray-700);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.van-side-list a::before {
	content: "";
	flex: none;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--bs-gray-400);
	transition: background-color 0.2s ease;
}

.van-side-list a:hover {
	background-color: rgba(191, 90, 32, 0.08);
	color: #BF5A20;
}

.van-side-list a:hover::before {
	background-color: #BF5A20;
}

/* İletişim kartı: footer paletinden koyu bir blok */
.van-side-card--contact {
	background-color: #13263C;
	color: #ffffff;
}

.van-side-card--contact .van-side-card__title {
	color: rgba(255, 255, 255, 0.55);
}

.van-side-contact {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

.van-side-contact li + li {
	margin-top: 10px;
}

.van-side-contact i {
	margin-right: 9px;
	color: var(--van-header-accent);
}

.van-side-contact a {
	color: rgba(255, 255, 255, 0.82);
	text-decoration: none;
}

.van-side-contact a:hover {
	color: #ffffff;
}

@media (max-width: 991.98px) {
	.van-page-hero {
		padding: 118px 0 0;
	}

	.van-page-hero__title {
		font-size: 24px;
	}

	.van-page-body {
		padding: 50px 0 64px;
	}

	.van-side {
		position: static;
		margin-top: 36px;
	}
}

@media (max-width: 575.98px) {
	.van-page-gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Hap bileşeni açık zemin için tasarlandı; koyu iletişim kartında ters çevriliyor */
.van-side-card--contact .van-pill {
	background-color: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.24);
	color: #ffffff;
	box-shadow: none;
}

.van-side-card--contact .van-pill__icon {
	background-color: rgba(88, 194, 224, 0.2);
	color: var(--van-header-accent);
}

.van-side-card--contact .van-pill__arrow {
	color: rgba(255, 255, 255, 0.6);
}

.van-side-card--contact .van-pill:hover {
	background-color: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.van-side-card--contact .van-pill:hover .van-pill__icon {
	background-color: var(--van-header-accent);
	color: #13263C;
}

.van-side-card--contact .van-pill:hover .van-pill__arrow {
	color: var(--van-header-accent);
}

/*--- İletişim sayfası ---*/
.van-contact-cards {
	margin-bottom: 24px;
}

.van-contact-card {
	width: 100%;
	padding: 34px 24px;
	text-align: center;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.van-contact-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 26px 55px -30px rgba(11, 27, 43, 0.55);
}

.van-contact-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background-color: rgba(191, 90, 32, 0.12);
	transition: background-color 0.25s ease;
}

.van-contact-card__icon i {
	--fa-width: 100%;
	width: 100%;
	font-size: 24px;
	color: #BF5A20;
	transition: color 0.25s ease;
}

.van-contact-card:hover .van-contact-card__icon {
	background-color: #BF5A20;
}

.van-contact-card:hover .van-contact-card__icon i {
	color: #ffffff;
}

.van-contact-card__title {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--bs-gray-500);
}

.van-contact-card__value {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.55;
	color: var(--bs-gray-900);
}

.van-contact-card__value a {
	color: var(--bs-gray-900);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-contact-card__value a:hover {
	color: #BF5A20;
}

.van-contact-map-row {
	margin-bottom: 24px;
}

.van-contact-map {
	width: 100%;
	min-height: 420px;
	border-radius: 14px;
	overflow: hidden;
	background-color: #e9ecef;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
}

.van-contact-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	border: none;
}

.van-contact-panel {
	display: flex;
	flex-direction: column;
	gap: 22px;
	width: 100%;
	padding: 32px 28px;
	border-radius: 14px;
	background-color: #13263C;
	color: #ffffff;
}

.van-contact-panel__label {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--van-header-accent);
}

.van-contact-panel__name {
	margin: 0;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 19px;
	font-weight: 700;
	color: #ffffff;
}

.van-contact-panel__row {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.van-contact-panel__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 11px;
	background-color: rgba(88, 194, 224, 0.16);
}

.van-contact-panel__icon i {
	--fa-width: 100%;
	width: 100%;
	font-size: 16px;
	color: var(--van-header-accent);
}

.van-contact-panel__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

.van-contact-panel__text a {
	color: rgba(255, 255, 255, 0.82);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-contact-panel__text a:hover {
	color: #ffffff;
}

.van-contact-panel__route {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--van-header-accent);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-contact-panel__route:hover {
	color: #ffffff;
}

.van-contact-form-row {
	margin-top: 6px;
}

.van-contact-form {
	padding: 36px 32px;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
}

.van-contact-form__title {
	margin: 0 0 6px;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 24px;
	font-weight: 800;
	color: var(--bs-gray-900);
}

.van-contact-form__hint {
	margin: 0 0 22px;
	font-size: 14px;
	color: var(--bs-gray-600);
}

.van-contact-form .form-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--bs-gray-800);
}

.van-contact-form .form-control {
	font-size: 15px;
	padding: 11px 14px;
	border-radius: 10px;
}

.van-contact-form__alert {
	font-size: 14px;
}

.van-contact-form__submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 26px;
	border: none;
	border-radius: 999px;
	background-color: var(--van-accent, #A91201);
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	transition: filter 0.2s ease, transform 0.2s ease;
}

.van-contact-form__submit:hover {
	filter: brightness(1.12);
	transform: translateY(-1px);
}

.van-contact-form__submit:disabled {
	opacity: 0.7;
	transform: none;
}

.van-contact-form__submit .gonder-metin {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

@media (max-width: 991.98px) {
	.van-contact-map {
		min-height: 320px;
	}

	.van-contact-map iframe {
		min-height: 320px;
	}

	.van-contact-panel {
		padding: 26px 20px;
	}

	.van-contact-form {
		padding: 26px 20px;
	}
}

/* RTL: Revolution, caption x'ini jQuery ölçümleriyle hesaplar ve dir=rtl'de
   şaşıp 'right' hizalı CTA panelini ortaya düşürür. Hero tamamen görsel
   bir alan olduğu için slider LTR bırakılır (panel yine sağ kenarda,
   görüntü bozulmaz); yalnız panel içindeki metin RTL akar. */
[dir="rtl"] .hero-video {
	direction: ltr;
}

[dir="rtl"] .van-hero-fo {
	direction: rtl;
	text-align: right;
}

/*--- RTL düzeltmeleri: anasayfa blokları ---*/

/* Keşfet: başlık desktop'ta absolute left:0 ile kolajın sol üst boşluğuna
   oturur; RTL'de kolaj aynalandığı için o boşluk SAĞ üsttedir. */
[dir="rtl"] .van-discover__heading {
	left: auto;
	right: 0;
}

/* Viewport kenarına taşan öne çıkan görsel: RTL'de sola taştığı için
   keskin kenar sola, yuvarlak köşeler sağa geçer. */
[dir="rtl"] .van-featured {
	border-radius: 0 var(--van-tile-radius, 10px) var(--van-tile-radius, 10px) 0;
}

/* RTL: kolaj ile çip/geniş resim sütunu arasındaki boşluk fiziksel sağ
   dolgudur; aynalanan grid'de dış kenara düşüp iki sütunu yapıştırıyordu. */
[dir="rtl"] .van-discover__left {
	padding-right: 0;
	padding-left: 2.5rem;
}

/* RTL: CTA oku metnin solunda — boşluk ve yön aynalanır (hero paneli dahil) */
[dir="rtl"] .van-discover__cta-label i {
	margin-left: 0;
	margin-right: 10px;
	transform: scaleX(-1);
}

[dir="rtl"] .van-discover__cta:hover .van-discover__cta-label i {
	transform: scaleX(-1) translateX(5px);
}

/* RTL: ara link kartı butonundaki ok da metnin soluna düşer; yönü aynalanır */
[dir="rtl"] .aralink-btn .ki-arrow-right {
	display: inline-block;
	transform: scaleX(-1);
}

/* Lezzetler/Turlar panelleri: fotoğrafların kendi beyaza solmaları yön
   bağımlı (yemek_icmek sağa, gezilecek sola soluyor). Panel içeriksiz bir
   katman olduğundan scaleX(-1) fotoğrafı, degradeleri ve köşe yuvarlaklarını
   birlikte aynalar; keskin kenar yine viewport kenarına oturur. */
[dir="rtl"] .van-taste__panel,
[dir="rtl"] .van-tours__panel {
	transform: scaleX(-1);
}

/* RTL: el yazısı etiketler ("Van Şehri", "Restoranlar ve Kafeler"). Caveat'te Farsça glif yok;
   yedek yazı tipi satırda aşağı oturuyordu → Vazirmatn, biraz küçük ve yukarı. Turlar etiketi
   3. kolonda text-align:right ile duruyordu; RTL'de kolon solda kaldığı için metin ortaya
   düşüyordu → dış kenara (sol) yaslanır, eğim ve dönüş noktası aynalanır. */
[dir="rtl"] .van-taste__label,
[dir="rtl"] .van-tours__label {
	font-family: "Vazirmatn", sans-serif;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 14px;
}

[dir="rtl"] .van-taste__label {
	transform: rotate(1.5deg);
	transform-origin: right bottom;
}

[dir="rtl"] .van-tours__label {
	text-align: left;
	transform: rotate(1.5deg);
	transform-origin: left bottom;
}

/* RTL: "Tüm Lezzetler / Tüm Lokasyonlar" hap butonlarının oku metnin soluna düşer; yönü ve
   hover kayması aynalanır. */
[dir="rtl"] .van-pill__arrow {
	transform: scaleX(-1);
}

[dir="rtl"] .van-pill:hover .van-pill__arrow {
	transform: scaleX(-1) translateX(4px);
}

@media (max-width: 991.98px) {
	[dir="rtl"] .van-taste__label,
	[dir="rtl"] .van-tours__label {
		font-size: 22px;
		margin-bottom: 14px;
	}

	[dir="rtl"] .van-taste__title,
	[dir="rtl"] .van-tours__title,
	[dir="rtl"] .van-tours__label {
		text-align: right;
	}

	[dir="rtl"] .van-tours__label {
		transform-origin: right bottom;
	}
}

/*--- İç sayfa üst şeridi: UFAK varyant --------------------------------------
  Form/uygulama sayfaları (üye girişi, kayıt, panel...) için alçak şerit:
  içerik ekranın üstünde kalır. Kullanım: page_hero'ya --ufak modifier'ı,
  view tarafında $page['hero'] = 'ufak' (bkz. partials/page_hero.php).
  --------------------------------------------------------------------------- */
.van-page-hero--ufak {
	/* Sol kolonda logo ~190px'e kadar iniyor + nefes payi */
	padding: 200px 0 0;
}

.van-page-hero--ufak .van-crumb {
	margin-bottom: 16px;
}

.van-page-hero--ufak .van-page-hero__title {
	margin-bottom: 8px;
	font-size: 26px;
}

.van-page-hero--ufak .van-page-hero__lead {
	font-size: 14px;
}

@media (max-width: 991.98px) {
	.van-page-hero--ufak {
		padding: 118px 0 0;
	}

	.van-page-hero--ufak .van-page-hero__title {
		font-size: 20px;
	}
}

/* Gövdeyi hero şeridine yaklaştıran varyant (üye girişi formu masaüstünde
   ekranın üstünde dursun). Mobilde normal boşluk kalır. */
@media (min-width: 992px) {
	.van-page-body--yakin {
		padding-top: 28px;
	}
}

/*--- Hero satırı: geri-ok breadcrumb butonu + başlık yan yana --------------
  Kırıntı artık kendi satırını yemiyor; ok butonuna tıklayınca sayfa yolu
  Metronic dropdown olarak açılır (bkz. partials/page_hero.php).
  --------------------------------------------------------------------------- */
.van-page-hero__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 18px;
}

.van-crumb-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	background-color: rgba(11, 27, 43, 0.35);
	-webkit-backdrop-filter: blur(8px) saturate(140%);
	backdrop-filter: blur(8px) saturate(140%);
	color: #ffffff;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.van-crumb-btn i {
	--fa-width: 100%;
	width: 100%;
	font-size: 17px;
}

.van-crumb-btn:hover,
.van-crumb-btn.show {
	background-color: var(--van-header-accent);
	border-color: var(--van-header-accent);
	color: #0B1B2B;
}

/* RTL'de geri oku diğer yöne bakar */
[dir="rtl"] .van-crumb-btn i {
	transform: scaleX(-1);
}

@media (max-width: 575.98px) {
	.van-page-hero__row {
		gap: 12px;
	}

	.van-crumb-btn {
		width: 40px;
		height: 40px;
	}
}

/* Başlık bandı: %20'lik koyu mask — başlık alanını üstteki header'dan
   görsel olarak ayırır; şeridin tüm genişliğine yayılır. */
.van-page-hero__band {
	padding: 16px 0;
	background-color: rgba(6, 133, 170, 0.5);
}

/*--- Yazı breadcrumb: bantta başlığın sağında, mobilde iyice küçülür ---*/
.van-crumb-yazi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	white-space: nowrap;
}

.van-crumb-yazi a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-crumb-yazi a:hover {
	color: #ffffff;
}

.van-crumb-yazi__sep {
	color: rgba(255, 255, 255, 0.45);
}

.van-crumb-yazi__current {
	color: #ffffff;
}

@media (max-width: 991.98px) {
	.van-crumb-yazi {
		gap: 5px;
		font-size: 11px;
		font-weight: 500;
	}
}

/*--- Giriş dropdown alt linkleri: Metronic ikonlu; ikon gri, hover'da renkli ---*/
.van-login-alt a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	color: var(--bs-gray-600);
	text-decoration: none;
	transition: color 0.2s ease;
}

.van-login-alt a i {
	font-size: 16px;
	color: var(--bs-gray-400);
	transition: color 0.2s ease;
}

.van-login-alt a:hover,
.van-login-alt a:hover i {
	color: var(--van-header-accent-ink, #0685AA);
}

/* Alt menü ikonları (panelin SubIcon alanı): gri, hover/aktifte turkuaz */
#kt_landing_menu .menu-sub .menu-item .menu-link .menu-icon i {
	font-size: 18px;
	color: var(--bs-gray-500);
	transition: color 0.2s ease;
}

#kt_landing_menu .menu-sub .menu-item .menu-link:hover .menu-icon i,
#kt_landing_menu .menu-sub .menu-item .menu-link.active .menu-icon i {
	color: var(--van-header-accent-ink, #0685AA);
}

/*--- Cart modülü: ara link kartları (vanosb_yeni tasarim.css'ten taşındı) ---*/
/* Kart — pastel zemin, üstte renkli çizgi, altta gri çizgi, sağda ince ayırıcı */
.aralink-kart {
  cursor: pointer;
  background-color: var(--aralink-bg, #f5f6f8);
  border-top: 4px solid var(--aralink-color, #ccc);
  border-bottom: 3px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  transition: background-color .38s ease, border-bottom-color .38s ease;
}
.aralink-kart:hover {
  background-color: var(--aralink-color, #888);
  border-bottom-color: var(--aralink-color, #888);
}

/* SVG arka plan — başlangıçta gri tonlarda ve soluk */
.aralink-svg-bg {
  position: absolute;
  right: -8%;
  top: 50%;
  transform: translateY(-50%) scale(0.82);
  width: 52%;
  height: 150%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.18;
  filter: grayscale(100%);
  transition: transform .38s ease, opacity .38s ease, width .38s ease, right .38s ease, filter .38s ease;
  pointer-events: none;
  z-index: 1;
}
/* Hover: SVG renklenir, belirginleşir ve yayılır */
.aralink-kart:hover .aralink-svg-bg {
  transform: translateY(-50%) scale(1.12);
  opacity: 0.42;
  filter: grayscale(0%);
  width: 72%;
  right: -14%;
}

/* Panelde renkleri seçilmiş SVG: renkler görünsün diye gri filtre kalkar, saydamlık artar.
   Değerler panelin canlı önizlemesiyle aynı (ynt cart/assets/css/cart.css) — birlikte değiştirin. */
.aralink-svg-bg.aralink-svg-bg--renkli {
  filter: none;
  opacity: 0.32;
}
.aralink-kart:hover .aralink-svg-bg.aralink-svg-bg--renkli {
  filter: none;
  opacity: 0.55;
}

/* İçerik SVG'nin üstünde */
.aralink-icerik {
  position: relative;
  z-index: 2;
}

/* İkon — kartın rengiyle, hover beyaz */
.aralink-icon {
  color: var(--aralink-color, #999);
  transition: color .38s ease;
}
.aralink-kart:hover .aralink-icon {
  color: rgba(255, 255, 255, 0.9);
}

/* Başlık — varsayılan koyu gri, hover beyaz */
.aralink-baslik {
  color: #374151;
  transition: color .38s ease;
}
.aralink-kart:hover .aralink-baslik {
  color: #fff;
}

/* Alt açıklama — soluk gri, hover yarı beyaz */
.aralink-alt {
  font-size: 0.78rem;
  color: #9ca3af;
  line-height: 1.4;
  transition: color .38s ease;
}
.aralink-kart:hover .aralink-alt {
  color: rgba(255, 255, 255, 0.70);
}

/* Buton — varsayılan outlined gri */
.aralink-btn {
  background-color: transparent;
  color: #6b7280;
  border: 1.5px solid #d1d5db;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
/* Hover: sarı dolu buton */
.aralink-kart:hover .aralink-btn {
  background-color: #F5C518;
  color: #1a1a2e;
  border-color: #F5C518;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.20);
  transform: scale(1.07);
}

/* Fotoğraf zeminli aralink kartı: koyu görsel üstünde metin okunsun diye
   yazılar açık renge çekilir (perde rengi karta göre değiştiğinden sabit
   koyu metin çoğu görselde okunmuyordu). Hover davranışı temel kurallardan
   sürer. */
.aralink-kart--fotolu .aralink-baslik,
.aralink-kart--fotolu .aralink-icon {
	color: #ffffff;
}

.aralink-kart--fotolu .aralink-alt {
	color: rgba(255, 255, 255, 0.78);
}

.aralink-kart--fotolu .aralink-btn {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.65);
}

/* Sağ kenardaki 1px koyu çizgi: Revolution katmanları (zemin videosu, SVG panel)
   genişliği piksele yuvarlarken kenara 1px yetişemeyebiliyor; arkadaki koyu slayt
   zemini (data-bgcolor) o aralıktan görünüyordu. Slider sağdan 4px taşırılır,
   .hero-video (overflow:hidden) taşanı keser — yuvarlama payı görünür alanın dışında
   kalır. Revolution genişliği bu kapsayıcıdan okuduğu için katmanlar da birlikte uzar. */
.hero-video #kt_hero_slider_wrapper {
	width: calc(100% + 4px) !important;
	max-width: none !important;
	margin-right: -4px;
}

/*--- Gezi rehberi sayfaları (/gezi-rehberi, tur/yer/rehber) ------------------
  Kartlar anasayfa diliyle: beyaz yüzey, yumuşak geniş gölge, turuncu vurgu.
  --gezi-renk: türün/kaynağın panelde seçilen rengi (ikon rozetleri, etiketler).
  Görseli olmayan kartta ikon, renkli zemin üzerinde yer tutucu olur; görsel
  bozuksa gezi-rehberi.js img'yi kaldırır ve aynı yer tutucu görünür.
  ------------------------------------------------------------------------ */
.van-gezi {
	--gezi-renk: #BF5A20;
}

.van-gezi-sec {
	margin-bottom: 56px;
	scroll-margin-top: 110px;
}

.van-gezi-sec--yakin {
	margin: 40px 0 0;
}

.van-gezi-baslik {
	margin: 0 0 8px;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--bs-gray-900);
}

.van-gezi-baslik--ikon {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	font-size: 22px;
}

.van-gezi-baslik--ikon > i {
	--fa-width: 100%;
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: var(--gezi-renk, #BF5A20);
	color: #ffffff;
	font-size: 16px;
}

.van-gezi-alt {
	margin: 0 0 22px;
	font-size: 15px;
	color: var(--bs-gray-600);
}

/*--- Izgara ---*/
.van-gezi-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.van-gezi-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.van-gezi-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1199.98px) {
	.van-gezi-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.van-gezi-grid,
	.van-gezi-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.van-gezi-grid,
	.van-gezi-grid--3,
	.van-gezi-grid--2 {
		grid-template-columns: minmax(0, 1fr);
	}
}

/*--- Gezi türü kartları ---*/
.van-gezi-turler {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.van-gezi-tur {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 140px;
	padding: 20px 14px;
	overflow: hidden;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	text-align: center;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.van-gezi-tur img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.van-gezi-tur:has(img)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 20, 35, 0.1) 0%, rgba(7, 20, 35, 0.72) 100%);
}

.van-gezi-tur__ikon,
.van-gezi-tur__ad {
	position: relative;
	z-index: 1;
}

.van-gezi-tur__ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: var(--gezi-renk, #BF5A20);
	color: #ffffff;
	font-size: 21px;
}

.van-gezi-tur__ikon i {
	--fa-width: 100%;
	width: 100%;
}

.van-gezi-tur__ad {
	font-size: 16px;
	font-weight: 700;
	color: var(--bs-gray-900);
}

.van-gezi-tur:has(img) .van-gezi-tur__ad {
	color: #ffffff;
}

.van-gezi-tur:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 50px -28px rgba(11, 27, 43, 0.55);
}

/*--- Öğe kartı ---*/
.van-gezi-kart {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	text-decoration: none;
	color: inherit;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

a.van-gezi-kart:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 50px -28px rgba(11, 27, 43, 0.55);
}

.van-gezi-kart__img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background-color: color-mix(in srgb, var(--gezi-renk, #BF5A20) 14%, #ffffff);
}

.van-gezi-kart__img > i {
	--fa-width: 100%;
	font-size: 34px;
	color: var(--gezi-renk, #BF5A20);
	opacity: 0.75;
}

.van-gezi-kart__img img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

a.van-gezi-kart:hover .van-gezi-kart__img img {
	transform: scale(1.05);
}

.van-gezi-kart__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 16px 18px 18px;
}

.van-gezi-kart__etiket {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gezi-renk, #BF5A20);
}

.van-gezi-kart__ad {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--bs-gray-900);
}

a.van-gezi-kart:hover .van-gezi-kart__ad {
	color: #BF5A20;
}

.van-gezi-kart__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	font-size: 13px;
	color: var(--bs-gray-600);
}

.van-gezi-kart__meta i {
	margin-right: 6px;
	color: var(--bs-gray-500);
}

.van-gezi-kart__ozet {
	font-size: 14px;
	line-height: 1.55;
	color: var(--bs-gray-700);
}

/*--- Rehber kartı ---*/
.van-gezi-rehber {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 16px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.van-gezi-rehber:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 50px -28px rgba(11, 27, 43, 0.55);
}

.van-gezi-rehber__img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background-color: #13263C;
}

.van-gezi-rehber__img > i {
	font-size: 38px;
	color: rgba(88, 194, 224, 0.6);
}

.van-gezi-rehber__img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.van-gezi-rehber:hover .van-gezi-rehber__img img {
	transform: scale(1.05);
}

.van-gezi-rehber__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 20, 35, 0) 55%, rgba(7, 20, 35, 0.55) 100%);
}

.van-gezi-rehber__gun {
	position: absolute;
	left: 14px;
	bottom: 12px;
	padding: 4px 12px;
	border-radius: 999px;
	background-color: #A91201;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
}

.van-gezi-rehber__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 18px 20px 20px;
}

.van-gezi-rehber__ad {
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--bs-gray-900);
}

.van-gezi-rehber:hover .van-gezi-rehber__ad {
	color: #BF5A20;
}

.van-gezi-rehber__ozet {
	font-size: 14px;
	line-height: 1.55;
	color: var(--bs-gray-700);
}

/*--- Rozet / çip ---*/
.van-gezi-rozetler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
	padding-top: 4px;
}

.van-gezi-rozetler--buyuk {
	margin: 0 0 26px;
}

.van-gezi-rozet {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 11px;
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--gezi-renk, #0685AA) 10%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--gezi-renk, #0685AA) 25%, #ffffff);
	color: var(--bs-gray-800);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}

.van-gezi-rozet i {
	color: var(--gezi-renk, #0685AA);
}

.van-gezi-rozetler--buyuk .van-gezi-rozet {
	padding: 7px 14px;
	font-size: 14px;
}

a.van-gezi-rozet:hover {
	color: #BF5A20;
}

.van-gezi-cipler {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.van-gezi-cip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1px solid rgba(11, 27, 43, 0.1);
	border-radius: 999px;
	background-color: #ffffff;
	color: var(--bs-gray-800);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.van-gezi-cip i {
	color: var(--gezi-renk, #BF5A20);
}

.van-gezi-cip:hover {
	border-color: var(--gezi-renk, #BF5A20);
	color: var(--bs-gray-900);
}

/*--- Tür bölümü (gezi-rehberi#slug) ---*/
.van-gezi-bolum__ust {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 6px;
}

.van-gezi-bolum__ikon {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--gezi-renk, #BF5A20);
	color: #ffffff;
	font-size: 19px;
}

.van-gezi-bolum__ikon i {
	--fa-width: 100%;
	width: 100%;
}

.van-gezi-tumu {
	margin-top: 24px;
	border-color: rgba(11, 27, 43, 0.08);
	background-color: #ffffff;
}

/*--- Harita ---*/
.van-gezi-harita {
	position: relative;
	z-index: 0;
	height: 440px;
	border-radius: 16px;
	overflow: hidden;
	background-color: #e8eef1;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
}

.van-gezi-harita--kucuk {
	height: 240px;
	border-radius: 10px;
	box-shadow: none;
}

.van-gezi-harita-kart {
	padding: 10px;
}

.van-gezi-yol {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 0 4px;
	color: #0685AA;
	font-weight: 700;
	text-decoration: none;
}

.van-gezi-yol:hover {
	color: #BF5A20;
}

.van-gezi-no span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 22px;
	border: 2px solid #ffffff;
	border-radius: 11px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
}

.van-gezi-popup strong,
.van-gezi-popup a {
	display: block;
	font-size: 14px;
	font-weight: 700;
}

.van-gezi-popup a {
	color: #BF5A20;
}

.van-gezi-popup span {
	display: block;
	margin-top: 2px;
	color: var(--bs-gray-600);
}

.van-gezi-lejant {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-top: 12px;
	font-size: 13px;
	color: var(--bs-gray-700);
}

.van-gezi-lejant i {
	display: inline-block;
	width: 22px;
	height: 4px;
	margin-right: 7px;
	border-radius: 2px;
	vertical-align: middle;
}

/*--- Yer: galeri + bilgi ---*/
.van-gezi-galeri {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-auto-rows: 150px;
	gap: 10px;
	margin-bottom: 30px;
}

.van-gezi-galeri a {
	overflow: hidden;
	border-radius: 12px;
}

.van-gezi-galeri a:first-child {
	grid-row: span 2;
}

.van-gezi-galeri--tek {
	grid-template-columns: 1fr;
	grid-auto-rows: 360px;
}

.van-gezi-galeri--tek a:first-child {
	grid-row: auto;
}

.van-gezi-galeri img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.van-gezi-galeri a:hover img {
	transform: scale(1.04);
}

@media (max-width: 575.98px) {
	.van-gezi-galeri {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 120px;
	}

	.van-gezi-galeri a:first-child {
		grid-column: span 2;
	}
}

.van-gezi-bilgi {
	margin: 0;
	padding: 0;
	list-style: none;
}

.van-gezi-bilgi li {
	display: flex;
	gap: 14px;
	padding: 10px 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--bs-gray-800);
}

.van-gezi-bilgi li + li {
	border-top: 1px dashed rgba(11, 27, 43, 0.1);
}

.van-gezi-bilgi i {
	--fa-width: 100%;
	flex: none;
	width: 18px;
	margin-top: 3px;
	color: var(--gezi-renk, #BF5A20);
}

.van-gezi-bilgi a {
	color: #0685AA;
	text-decoration: none;
	word-break: break-word;
}

/*--- Rehber: gün + durak zaman çizelgesi ---*/
.van-gezi-tanitim {
	margin-bottom: 30px;
}

.van-gezi-gun {
	margin-bottom: 44px;
	scroll-margin-top: 110px;
}

.van-gezi-gun__baslik {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: var(--bs-gray-900);
}

.van-gezi-gun__no {
	padding: 5px 14px;
	border-radius: 999px;
	background-color: var(--gezi-renk, #BF5A20);
	color: #ffffff;
	font-family: "Inter", "Vazirmatn", sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.van-gezi-gun__aciklama {
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--bs-gray-700);
}

.van-gezi-duraklar {
	position: relative;
	margin: 0;
	padding: 0 0 0 52px;
	list-style: none;
}

.van-gezi-duraklar::before {
	content: "";
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 19px;
	border-left: 2px dashed var(--gezi-renk, #BF5A20);
	opacity: 0.45;
}

.van-gezi-durak {
	position: relative;
	margin-bottom: 16px;
}

.van-gezi-durak__no {
	position: absolute;
	top: 14px;
	left: -52px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 26px;
	border: 2px solid #ffffff;
	border-radius: 13px;
	background-color: var(--gezi-renk, #BF5A20);
	box-shadow: 0 2px 8px rgba(11, 27, 43, 0.25);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
}

.van-gezi-durak__kart {
	display: flex;
	overflow: hidden;
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -34px rgba(11, 27, 43, 0.55);
}

.van-gezi-durak__img {
	flex: none;
	width: 150px;
	object-fit: cover;
}

.van-gezi-durak__govde {
	flex: 1;
	min-width: 0;
	padding: 14px 18px 16px;
}

.van-gezi-durak__ust {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	font-size: 13px;
	color: var(--bs-gray-600);
}

.van-gezi-durak__ust i {
	margin-right: 6px;
	color: var(--bs-gray-500);
}

.van-gezi-durak__rol {
	font-weight: 700;
	color: var(--gezi-renk, #BF5A20);
}

.van-gezi-durak__rol i {
	color: inherit;
}

.van-gezi-durak__ad {
	margin: 6px 0 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--bs-gray-900);
}

.van-gezi-durak__ad a {
	color: inherit;
	text-decoration: none;
}

.van-gezi-durak__ad a:hover {
	color: #BF5A20;
}

.van-gezi-durak__kaynak {
	margin: 2px 0 0;
	font-size: 13px;
	color: var(--bs-gray-500);
}

.van-gezi-durak__not {
	margin: 8px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--bs-gray-700);
}

@media (max-width: 575.98px) {
	.van-gezi-duraklar {
		padding-left: 44px;
	}

	.van-gezi-duraklar::before {
		left: 16px;
	}

	.van-gezi-durak__no {
		left: -44px;
		width: 34px;
	}

	.van-gezi-durak__img {
		display: none;
	}
}

button.van-pill.van-gezi-yazdir {
	width: 100%;
	border-color: rgba(11, 27, 43, 0.08);
	background-color: var(--van-surface, #F6F6F4);
	cursor: pointer;
}

/*--- RTL ---*/
html[dir="rtl"] .van-gezi-duraklar {
	padding: 0 52px 0 0;
}

html[dir="rtl"] .van-gezi-duraklar::before {
	left: auto;
	right: 19px;
}

html[dir="rtl"] .van-gezi-durak__no {
	left: auto;
	right: -52px;
}

html[dir="rtl"] .van-gezi-kart__meta i,
html[dir="rtl"] .van-gezi-durak__ust i {
	margin: 0 0 0 6px;
}

/*--- Yazdırma: rehber planı kâğıtta sade okunsun ---*/
@media print {
	.landing-header,
	[class^="van-footer"],
	footer,
	.van-side,
	.van-page-hero::before,
	.van-gezi-harita,
	.van-gezi-lejant,
	.van-gezi-durak__img {
		display: none !important;
	}

	.van-page-hero {
		padding: 0;
		background: none;
	}

	.van-page-hero__band {
		background: none !important;
	}

	.van-page-hero__title,
	.van-page-hero__lead {
		color: #000000 !important;
	}

	.van-crumb-yazi {
		display: none !important;
	}

	.van-page-body {
		padding: 10px 0;
		background: none;
	}

	.van-gezi .col-lg-8 {
		width: 100%;
	}

	.van-gezi-durak__kart {
		box-shadow: none;
		border: 1px solid #cccccc;
	}

	.van-gezi-durak,
	.van-gezi-gun__baslik {
		break-inside: avoid;
	}

	.van-gezi-durak__no,
	.van-gezi-gun__no {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}

/*--- Yeme-içme sayfaları: gezi rehberi bileşenlerini kullanır; yalnız ekler ---*/
.van-gezi-sayi {
	margin-left: 4px;
	font-family: "Inter", "Vazirmatn", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: var(--bs-gray-500);
}

/*--- Sayfa içi arama (gezi rehberi ve yeme-içme liste sayfaları, gezi/_ara.php) ---*/
.van-gezi-ara {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 640px;
	margin: 0 0 40px;
	border: 1px solid rgba(11, 27, 43, 0.1);
	border-radius: 999px;
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.van-gezi-ara[hidden] {
	display: none;
}

.van-gezi-ara:focus-within {
	border-color: var(--gezi-renk, #BF5A20);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--gezi-renk, #BF5A20) 15%, transparent), 0 20px 45px -32px rgba(11, 27, 43, 0.5);
}

.van-gezi-ara__ikon {
	position: absolute;
	left: 20px;
	color: var(--gezi-renk, #BF5A20);
	font-size: 16px;
	pointer-events: none;
}

.van-gezi-ara__girdi {
	flex: 1;
	min-width: 0;
	height: 54px;
	padding: 0 12px 0 52px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--bs-gray-900);
	font-size: 16px;
	outline: none;
}

.van-gezi-ara__girdi::-webkit-search-cancel-button {
	display: none;
}

.van-gezi-ara__sonuc {
	flex: none;
	padding-right: 20px;
	color: var(--bs-gray-500);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.van-gezi-ara__sonuc:empty {
	padding: 0;
}

.van-gezi-ara__temizle {
	flex: none;
	width: 34px;
	height: 34px;
	margin-right: 6px;
	border: 0;
	border-radius: 50%;
	background-color: var(--van-surface, #F6F6F4);
	color: var(--bs-gray-600);
	cursor: pointer;
}

.van-gezi-ara__temizle[hidden],
.van-gezi-ara__bos[hidden] {
	display: none;
}

.van-gezi-ara__temizle:hover {
	color: #A91201;
}

html[dir="rtl"] .van-gezi-ara__ikon {
	left: auto;
	right: 20px;
}

html[dir="rtl"] .van-gezi-ara__girdi {
	padding: 0 52px 0 12px;
}

html[dir="rtl"] .van-gezi-ara__sonuc {
	padding: 0 0 0 20px;
}

@media print {
	.van-gezi-ara {
		display: none !important;
	}
}

/*--- Liste sayfalarının araç satırı: arama + "… ekle" butonu (gezi/_ara.php) ---*/
.van-gezi-arac {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin: 0 0 40px;
}

.van-gezi-arac .van-gezi-ara {
	flex: 1 1 360px;
	margin: 0;
}

.van-gezi-ekle {
	display: inline-flex;
	flex: none;
	/* Satırın karşı kenarına yaslı: arama alanından ayrı bir eylem olduğu belli olsun (RTL'de sola) */
	margin-inline-start: auto;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 8px 22px 8px 8px;
	border-radius: 999px;
	background-color: var(--gezi-renk, #BF5A20);
	box-shadow: 0 16px 34px -18px color-mix(in srgb, var(--gezi-renk, #BF5A20) 80%, transparent);
	color: #ffffff;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.van-gezi-ekle:hover {
	color: #ffffff;
	filter: brightness(1.06);
	transform: translateY(-2px);
}

.van-gezi-ekle__ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	font-size: 16px;
}

.van-gezi-ekle__metin {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
}

.van-gezi-ekle__metin small {
	font-size: 11px;
	font-weight: 500;
	opacity: 0.85;
}

@media (max-width: 575.98px) {
	.van-gezi-ekle {
		width: 100%;
		justify-content: center;
	}
}

@media print {
	.van-gezi-arac {
		display: none !important;
	}
}

/*--- Üye paneli: işletme başvurusu ---*/
.van-isletme-adimlar {
	display: flex;
	gap: 8px;
	margin: 18px 0 26px;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.van-isletme-adimlar li {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	background-color: var(--van-surface, #F6F6F4);
	color: var(--bs-gray-500);
	font-size: 13px;
	font-weight: 600;
}

.van-isletme-adimlar li > span {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: 700;
}

.van-isletme-adimlar li.is-aktif {
	background-color: rgba(191, 90, 32, 0.1);
	color: #BF5A20;
}

.van-isletme-adimlar li.is-aktif > span {
	background-color: #BF5A20;
	color: #ffffff;
}

.van-isletme-adimlar li.is-tamam {
	background-color: rgba(67, 160, 71, 0.1);
	color: #2e7d32;
}

.van-isletme-adimlar li.is-tamam > span {
	background-color: #43a047;
	color: #ffffff;
}

.van-isletme-adimlar li.is-red {
	background-color: rgba(169, 18, 1, 0.08);
	color: #A91201;
}

.van-isletme-adimlar li.is-red > span {
	background-color: #A91201;
	color: #ffffff;
}

.van-isletme-adimlar--kucuk {
	margin: 12px 0;
}

.van-isletme-adimlar--kucuk li {
	padding: 6px 10px;
	font-size: 12px;
}

@media (max-width: 575.98px) {
	.van-isletme-adimlar {
		flex-direction: column;
	}
}

.van-isletme-form__bolum {
	margin: 30px 0 14px;
	padding-top: 20px;
	border-top: 1px solid rgba(11, 27, 43, 0.08);
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: var(--bs-gray-900);
}

.van-isletme-form form > .van-isletme-form__bolum:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.van-isletme-secim {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px;
	border: 1px solid var(--bs-gray-300);
	border-radius: 10px;
}

.van-isletme-secim.is-invalid {
	border-color: var(--bs-danger, #f1416c);
}

.van-isletme-secim__grup {
	width: 100%;
	margin-top: 4px;
	color: var(--bs-gray-500);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.van-isletme-secim__oge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1px solid var(--bs-gray-300);
	border-radius: 999px;
	cursor: pointer;
	font-size: 14px;
}

.van-isletme-secim__oge:has(input:checked) {
	border-color: #BF5A20;
	background-color: rgba(191, 90, 32, 0.08);
	color: #BF5A20;
	font-weight: 600;
}

.van-isletme-harita {
	position: relative;
	z-index: 0;
	height: 320px;
	border: 1px solid var(--bs-gray-300);
	border-radius: 12px;
	overflow: hidden;
}

.van-isletme-harita.is-invalid {
	border-color: var(--bs-danger, #f1416c);
}

.van-isletme-isaret {
	color: #A91201;
	font-size: 36px;
	line-height: 1;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}

.van-isletme-onizleme {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	font-size: 13px;
	color: var(--bs-gray-600);
}

.van-isletme-onizleme img {
	width: 72px;
	height: 72px;
	border-radius: 8px;
	object-fit: cover;
}

.van-isletme-form__alt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid rgba(11, 27, 43, 0.08);
}

/*--- Üye paneli: İşletmelerim ---*/
.van-basvuru {
	margin-top: 18px;
	padding: 18px 20px;
	border: 1px solid rgba(11, 27, 43, 0.08);
	border-left: 4px solid var(--bs-gray-300);
	border-radius: 12px;
	background-color: #ffffff;
}

.van-basvuru--beklemede { border-left-color: #f6a800; }
.van-basvuru--onaylandi { border-left-color: #43a047; }
.van-basvuru--reddedildi { border-left-color: #A91201; }

.van-basvuru__ust {
	display: flex;
	align-items: center;
	gap: 14px;
}

.van-basvuru__ikon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: rgba(191, 90, 32, 0.1);
	color: #BF5A20;
}

.van-basvuru__ad {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.van-basvuru__ad strong {
	font-size: 16px;
	color: var(--bs-gray-900);
}

.van-basvuru__ad small {
	color: var(--bs-gray-500);
}

.van-basvuru__durum {
	flex: none;
	font-size: 12px;
}

.van-basvuru__not {
	margin: 6px 0 8px;
	font-size: 14px;
	color: var(--bs-gray-700);
}

.van-basvuru__not--red {
	padding: 10px 12px;
	border-radius: 8px;
	background-color: rgba(169, 18, 1, 0.06);
	color: #7a1003;
}

/*--- Üye paneli: tür seçimi ---*/
.van-isletme-turler {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.van-isletme-tur {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px;
	border: 1px solid rgba(11, 27, 43, 0.1);
	border-radius: 14px;
	text-decoration: none;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.van-isletme-tur:hover {
	border-color: #BF5A20;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	transform: translateY(-2px);
}

.van-isletme-tur__ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #BF5A20;
	color: #ffffff;
	font-size: 19px;
}

.van-isletme-tur__ad {
	font-size: 17px;
	font-weight: 700;
	color: var(--bs-gray-900);
}

.van-isletme-tur__aciklama {
	font-size: 13px;
	line-height: 1.5;
	color: var(--bs-gray-600);
}

/*--- Giriş/kayıt: işletme ekleme bilgisi ---*/
.van-isletme-bilgi p {
	margin-bottom: 6px;
}

.van-isletme-bilgi ol {
	margin: 0;
	padding-left: 18px;
	font-size: 14px;
	color: var(--bs-gray-700);
}

/*--- Sayfa içi arama: öneri listesi (typeahead) — gezi-rehberi.js ---*/
.van-gezi-ara__oneri {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 30;
	max-height: min(460px, 70vh);
	overflow-y: auto;
	padding: 6px;
	border: 1px solid rgba(11, 27, 43, 0.08);
	border-radius: 16px;
	background-color: #ffffff;
	box-shadow: 0 24px 60px -24px rgba(11, 27, 43, 0.45);
}

.van-gezi-ara__oneri[hidden] {
	display: none;
}

.van-gezi-ara__oneri-oge {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
	border-radius: 10px;
	color: var(--bs-gray-900);
	text-decoration: none;
	cursor: pointer;
}

.van-gezi-ara__oneri-oge.is-secili,
.van-gezi-ara__oneri-oge:hover {
	background-color: var(--van-surface, #F6F6F4);
	color: var(--bs-gray-900);
}

.van-gezi-ara__oneri-gorsel {
	position: relative;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border-radius: 10px;
	background-color: color-mix(in srgb, var(--gezi-renk, #BF5A20) 14%, #ffffff);
	color: var(--gezi-renk, #BF5A20);
	font-size: 16px;
}

.van-gezi-ara__oneri-gorsel i {
	--fa-width: 100%;
}

.van-gezi-ara__oneri-gorsel img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.van-gezi-ara__oneri-govde {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.van-gezi-ara__oneri-govde strong {
	overflow: hidden;
	font-size: 15px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.van-gezi-ara__oneri-govde small {
	overflow: hidden;
	color: var(--bs-gray-500);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.van-gezi-ara__oneri-ok {
	flex: none;
	color: var(--bs-gray-400);
	font-size: 12px;
}

.van-gezi-ara__oneri-yok {
	padding: 12px 14px;
	color: var(--bs-gray-500);
	font-size: 14px;
}

.van-gezi-ara__oneri-tum {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin-top: 4px;
	padding: 10px;
	border: 0;
	border-top: 1px solid rgba(11, 27, 43, 0.06);
	border-radius: 0 0 10px 10px;
	background: none;
	color: var(--gezi-renk, #BF5A20);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.van-gezi-ara__oneri-tum.is-secili,
.van-gezi-ara__oneri-tum:hover {
	background-color: var(--van-surface, #F6F6F4);
}

/* Öneriden seçilen, sayfası olmayan kart: kısa süre vurgulanır */
.van-gezi-kart.is-vurgu,
.van-gezi-rehber.is-vurgu,
.van-gezi-tur.is-vurgu,
.van-gezi-cip.is-vurgu {
	animation: van-gezi-vurgu 1.8s ease;
}

@keyframes van-gezi-vurgu {
	0%, 60% { box-shadow: 0 0 0 4px var(--gezi-renk, #BF5A20), 0 20px 45px -32px rgba(11, 27, 43, 0.5); }
	100% { box-shadow: 0 0 0 0 transparent, 0 20px 45px -32px rgba(11, 27, 43, 0.5); }
}

@media (prefers-reduced-motion: reduce) {
	.van-gezi-kart.is-vurgu,
	.van-gezi-rehber.is-vurgu,
	.van-gezi-tur.is-vurgu,
	.van-gezi-cip.is-vurgu {
		animation: none;
		outline: 3px solid var(--gezi-renk, #BF5A20);
	}
}

/*--- İşletme başvurusu: yeme-içmede işletme tipi + restoran haftalık saatleri ---*/
.van-isletme-tip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
}

.van-isletme-tip__oge {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid var(--bs-gray-300);
	border-radius: 12px;
	cursor: pointer;
}

.van-isletme-tip__oge:has(input:checked) {
	border-color: #BF5A20;
	background-color: rgba(191, 90, 32, 0.06);
}

.van-isletme-tip__oge input {
	margin-top: 4px;
}

.van-isletme-tip__oge span {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.van-isletme-tip__oge small {
	color: var(--bs-gray-600);
}

.van-isletme-saatler {
	display: grid;
	gap: 6px;
}

.van-isletme-saatler__satir {
	display: grid;
	grid-template-columns: 110px 1fr 1fr 80px;
	align-items: center;
	gap: 8px;
}

@media (max-width: 575.98px) {
	.van-isletme-saatler__satir {
		grid-template-columns: 80px 1fr 1fr;
	}

	.van-isletme-saatler__satir label {
		grid-column: 2 / -1;
	}
}

/*--- Acente / turist rehberi tanıtım sayfası (gezi/turizm.php) ---*/
.van-turizm-profil {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 10px;
}

.van-turizm-profil__gorsel {
	position: relative;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	overflow: hidden;
	border-radius: 18px;
	background-color: color-mix(in srgb, var(--gezi-renk, #00838f) 14%, #ffffff);
	color: var(--gezi-renk, #00838f);
	font-size: 34px;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
}

.van-turizm-profil__gorsel--kisi {
	border-radius: 50%;
}

.van-turizm-profil__gorsel img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #ffffff;
}

@media (max-width: 575.98px) {
	.van-turizm-profil {
		flex-direction: column;
		align-items: flex-start;
	}
}

/*--- Yeme-içme mekânı: bağlı restoranın saatleri ve menüsü ---*/
.van-restoran-saat {
	width: 100%;
	font-size: 14px;
}

.van-restoran-saat th,
.van-restoran-saat td {
	padding: 6px 10px;
	border-bottom: 1px dashed rgba(11, 27, 43, 0.08);
}

.van-restoran-saat th {
	font-weight: 600;
	color: var(--bs-gray-700);
}

.van-restoran-saat td {
	text-align: end;
	color: var(--bs-gray-800);
}

.van-restoran-saat tr.is-bugun th,
.van-restoran-saat tr.is-bugun td {
	color: #BF5A20;
	font-weight: 700;
}

.van-restoran-menu__kat {
	margin: 18px 0 8px;
	font-size: 17px;
	font-weight: 700;
	color: var(--bs-gray-900);
}

.van-restoran-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.van-restoran-menu li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(11, 27, 43, 0.1);
}

.van-restoran-menu li span {
	display: flex;
	flex-direction: column;
}

.van-restoran-menu small {
	color: var(--bs-gray-600);
}

.van-restoran-menu em {
	flex: none;
	font-style: normal;
	font-weight: 700;
	color: #BF5A20;
}

.van-restoran-menu s {
	color: var(--bs-gray-500);
	font-weight: 400;
}

/*--- Tur hizmetleri: acente / turist rehberi alanı ve profil kartı (gezi/_turizm_kart.php) ---*/
.van-turizm-alan__ikili {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 22px;
}

@media (max-width: 991.98px) {
	.van-turizm-alan__ikili {
		grid-template-columns: minmax(0, 1fr);
	}
}

.van-turizm-alan__sutun {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 22px;
	border-radius: 18px;
	border-top: 4px solid var(--gezi-renk, #00838f);
	background-color: #ffffff;
	box-shadow: 0 20px 45px -32px rgba(11, 27, 43, 0.5);
	scroll-margin-top: 110px;
}

.van-turizm-alan__ust {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.van-turizm-alan__baslik {
	margin: 0 0 4px;
	font-family: "Sora", "Inter", "Vazirmatn", sans-serif;
	font-size: 20px;
	font-weight: 800;
}

.van-turizm-alan__baslik a {
	color: var(--bs-gray-900);
	text-decoration: none;
}

.van-turizm-alan__baslik a:hover {
	color: var(--gezi-renk, #00838f);
}

.van-turizm-alan__liste {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

@media (max-width: 575.98px) {
	.van-turizm-alan__liste {
		grid-template-columns: minmax(0, 1fr);
	}
}

.van-turizm-alan__bos {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 14px 16px;
	border-radius: 12px;
	background-color: color-mix(in srgb, var(--gezi-renk, #00838f) 7%, #ffffff);
	color: var(--bs-gray-700);
	font-size: 14px;
}

.van-turizm-alan__bos i {
	margin-top: 3px;
	color: var(--gezi-renk, #00838f);
}

.van-turizm-alan__alt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: auto;
}

.van-turizm-alan__alt .van-gezi-tumu {
	margin-top: 0;
}

/* Profil kartı: logo / fotoğraf + ad + belge rozeti */
.van-turizm-kart {
	gap: 10px;
	padding: 16px;
	border: 1px solid rgba(11, 27, 43, 0.06);
}

.van-turizm-kart__ust {
	display: flex;
	align-items: center;
	gap: 12px;
}

.van-turizm-kart__gorsel {
	position: relative;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 14px;
	background-color: color-mix(in srgb, var(--gezi-renk, #00838f) 14%, #ffffff);
	color: var(--gezi-renk, #00838f);
	font-size: 22px;
}

.van-turizm-kart--rehber .van-turizm-kart__gorsel {
	border-radius: 50%;
}

.van-turizm-kart__gorsel img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #ffffff;
}

.van-turizm-kart__kimlik {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.van-turizm-kart__belge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--bs-gray-600);
	font-size: 12px;
	font-weight: 600;
}

.van-turizm-kart__belge i {
	color: #43a047;
}

.van-turizm-kart .van-gezi-kart__ozet,
.van-turizm-kart .van-gezi-kart__meta {
	padding: 0;
}

/*=== Site haritası v3 (docs/site-haritasi-v3.md) ===*/

/*--- Üst şerit: Etkinlikler · Harita · İletişim ---*/
.van-ust-serit {
	align-items: center;
	gap: 1.1rem;
	/* yöne göre: LTR'de sağda, RTL'de solda (arama düğmesine yapışmasın) */
	margin-inline-end: 1rem;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}
.van-ust-serit a {
	color: rgba(255, 255, 255, 0.82);
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}
.van-ust-serit a:hover,
.van-ust-serit a.active {
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/*--- Mega menü (Metronic 8 menu-extended): solda grup kolonları, sağda bölüm kutusu ---*/
#kt_landing_menu .van-menu-hub {
	color: inherit;
}
.van-mega__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 1rem 0.5rem;
}
.van-mega__baslik {
	display: block;
	padding: 0.25rem 1rem 0.35rem;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bs-gray-500);
}
a.van-mega__baslik:hover {
	color: var(--van-header-accent-ink);
}
.van-mega .menu-item .menu-link {
	padding-left: 1rem;
	padding-right: 1rem;
}
/* Uzun öğe adları kolon dışına taşmasın: temanın #kt_landing_menu .menu-sub … { white-space: nowrap }
   kuralı id seçicili olduğundan aynı güçte seçiciyle ezilir */
#kt_landing_menu .van-mega .menu-item .menu-link .menu-title {
	white-space: normal;
	line-height: 1.35;
	min-width: 0;
	overflow-wrap: anywhere;
}
[dir="rtl"] .van-mega__ok {
	transform: scaleX(-1);
	margin-left: 0 !important;
	margin-right: 0.25rem;
}
@media (max-width: 991.98px) {
	.van-mega__grid {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}
	.van-mega__yan {
		border-radius: 0.475rem;
	}
}

/*--- Merkez (bölüm) sayfaları ---*/
.van-hub-giris {
	max-width: 860px;
	margin-bottom: 2.5rem;
}
.van-hub-grup + .van-hub-grup {
	margin-top: 2.5rem;
}
.van-hub-adim {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.2rem;
	height: 2.2rem;
	padding: 0 0.6rem;
	margin-right: 0.6rem;
	border-radius: 1.1rem;
	background: var(--van-header-accent-ink);
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	vertical-align: middle;
}
[dir="rtl"] .van-hub-adim {
	margin-right: 0;
	margin-left: 0.6rem;
}
.van-hub-adimlar .van-hub-grup {
	position: relative;
	padding-left: 1.4rem;
	border-left: 3px solid var(--bs-gray-200);
}
[dir="rtl"] .van-hub-adimlar .van-hub-grup {
	padding-left: 0;
	padding-right: 1.4rem;
	border-left: 0;
	border-right: 3px solid var(--bs-gray-200);
}

/*--- Anasayfa hızlı erişim şeridi ---*/
.van-hizli {
	padding: 1.25rem 0;
	background: #1d3557;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.van-hizli__liste {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}
.van-hizli__oge {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	color: #ffffff;
}
.van-hizli__oge i {
	font-size: 26px;
	opacity: 0.9;
}
.van-hizli__baslik {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
}
.van-hizli__aciklama {
	display: block;
	font-size: 12px;
	opacity: 0.75;
}
.van-hizli__baslik::after {
	content: "";
	display: block;
	width: 42px;
	height: 3px;
	margin-top: 6px;
	background: rgba(255, 255, 255, 0.35);
	transition: width 0.2s ease, background-color 0.2s ease;
}
.van-hizli__oge:hover {
	color: #ffffff;
}
.van-hizli__oge:hover .van-hizli__baslik::after {
	width: 64px;
	background: var(--van-header-accent);
}
@media (max-width: 767.98px) {
	.van-hizli__liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
/* İki satıra inen öğede madde işareti sıkışıp kaybolmasın; ilk satıra hizalansın */
#kt_landing_menu .van-mega .menu-item .menu-link {
	align-items: flex-start;
}
#kt_landing_menu .van-mega .menu-item .menu-link .menu-bullet {
	flex-shrink: 0;
	margin-top: 0.5em;
}

/*--- Fotoğraf Albümü (/galeri, /fotom, /albumdetay) — vanosb_yeni tasarim.css uyarlaması ---*/
/* --- Albüm meta şeridi --- */
.album-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f3f4f6;
}
.album-meta-kat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fbf6f4;
  border: 1px solid #f0e2dc;
  color: #a9755f;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.album-meta-kat:hover { background: #f4e9e4; color: #8d5b47; }
.album-meta-bilgi {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: #9aa2af;
}

.album-ozet {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  color: #3f4a58;
  padding-left: 14px;
  border-left: 3px solid #BA8A7A;
}

/* --- Fotoğraf ızgarası --- */
.album-foto {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 4 / 3;
  background: #f4f6f8;
  cursor: pointer;
}
.album-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease, filter .35s ease;
}
.album-foto-overlay {
  position: absolute;
  inset: 0;
  background: rgba(30, 30, 30, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: background .3s ease, opacity .3s ease;
}
.album-foto-overlay i {
  transform: scale(.7);
  transition: transform .3s ease;
}
.album-foto:hover img { transform: scale(1.06); filter: grayscale(30%); }
.album-foto:hover .album-foto-overlay { background: rgba(30, 30, 30, .45); opacity: 1; }
.album-foto:hover .album-foto-overlay i { transform: scale(1); }

/* --- Albüm kartı (liste) --- */
.album-kart {
  border: 1px solid #eef0f3;
  border-radius: 12px;
  background: #fff;
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
.album-kart:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  transform: translateY(-4px);
  border-color: #e4e6ef;
}
.album-kart-foto {
  position: relative;
  height: 190px;
  overflow: hidden;
  background: #f4f6f8;
}
.album-kart-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.album-kart:hover .album-kart-foto img { transform: scale(1.06); }
.album-kart-bos {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c7ccd4;
}
.album-kart-rozet {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.72rem;
  font-weight: 600;
}
.album-kart-tarih { font-size: 0.78rem; color: #9aa0ac; }
.album-kart-baslik { color: #1e1e2d; line-height: 1.35; transition: color .18s; }
.album-kart:hover .album-kart-baslik { color: var(--bs-primary, #1b84ff); }
.album-kart-ozet { font-size: 0.85rem; line-height: 1.6; }

/* --- Mobil --- */
@media (max-width: 767.98px) {
  .album-ozet { font-size: 0.92rem; }
  .album-kart-foto { height: 160px; }
}

/* RTL: özet çizgisi ve sayı rozeti fiziksel yönlü — aynalanır */
[dir="rtl"] .album-ozet {
	padding-left: 0;
	padding-right: 14px;
	border-left: 0;
	border-right: 3px solid #BA8A7A;
}

[dir="rtl"] .album-kart-rozet {
	right: auto;
	left: 10px;
}

/*--- Sağdan sola (Farsça): Metronic RTL derlemesi gövde yazı tipini Poppins yapıyor ve Poppins/Inter/Sora
   Farsça glif içermiyor. Latin harfler Inter, Farsça harfler Vazirmatn ile çizilir (main.php RTL'de yükler). ---*/
html[dir="rtl"] {
	--bs-font-sans-serif: "Inter", "Vazirmatn", Helvetica, sans-serif;
	--bs-body-font-family: "Inter", "Vazirmatn", Helvetica, sans-serif;
}
html[dir="rtl"] body {
	font-family: "Inter", "Vazirmatn", Helvetica, sans-serif;
}
/* Farsça harflerin gövdesi Latin büyük harflerden alçak: aynı görsel ağırlık için ana menü biraz büyür */
html[dir="rtl"] #kt_landing_menu > .menu-item > .menu-link .menu-title {
	font-size: 19px;
	letter-spacing: 0;
}
@media (min-width: 992px) {
	html[dir="rtl"][data-kt-sticky-landing-header="on"] #kt_landing_menu > .menu-item > .menu-link .menu-title,
	html[dir="rtl"] [data-kt-sticky-landing-header="on"] #kt_landing_menu > .menu-item > .menu-link .menu-title {
		font-size: 15px;
	}
}