/* Ana sayfa — video alanı (sade iki sütun: metin + video) */

.da-home-video {
	--da-home-video-ink: var(--da-home-ink, #1B4F7A);
	--da-home-video-muted: var(--da-home-muted, #6B7280);
	--da-home-video-accent: var(--da-home-accent, #3482C5);
	position: relative;
	width: 100%;
	padding-block: var(--da-home-section-y, clamp(2.75rem, 5.5vw, 4.25rem));
	background: var(--da-home-soft-bg, #F0F6FB);
}

/* Güven kartlarından sonra mavi bant */
.front-page-content .da-home-video:has(+ .da-home-stats) {
	padding-bottom: clamp(3rem, 5.5vw, 4.25rem);
	background:
		linear-gradient(180deg, var(--da-home-soft-bg, #F0F6FB) 0%, var(--da-home-soft-bg, #F0F6FB) 55%, #FFFFFF 100%);
}

.da-home-video__shell {
	width: min(100% - 2rem, var(--container-width, 1200px));
	margin-inline: auto;
}

.da-home-video__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: clamp(2rem, 4vw, 3rem);
}

.da-home-video__copy {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-width: 0;
}

.da-home-video__desc {
	max-width: 38ch;
}

.da-home-video__media {
	display: flex;
	min-width: 0;
	min-height: 100%;
}

.da-home-video__frame {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100%;
	border-radius: var(--da-home-intro-band-radius, 18px);
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.99) 48%),
		rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(52, 130, 197, 0.18);
	box-shadow: 0 6px 20px rgba(27, 79, 122, 0.06);
}

.da-home-video__player-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
}

.da-home-video__play {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
}

.da-home-video__play:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 3px rgba(91, 160, 217, 0.85);
}

.da-home-video__grid--video-only {
	grid-template-columns: minmax(0, 1fr);
	max-width: 56rem;
	margin-inline: auto;
}

.da-home-video__thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: transparent;
	transition: transform 0.5s ease;
}

.da-home-video__thumb--fallback {
	background:
		radial-gradient(circle at 30% 20%, rgba(91, 160, 217, 0.35) 0%, transparent 45%),
		linear-gradient(145deg, #1B4F7A 0%, #153D5E 100%);
}

.da-home-video__play::after {
	content: "";
	position: absolute;
	inset: 0;
	background: transparent;
	pointer-events: none;
	transition: background 0.35s ease;
}

.da-home-video__play-ring {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 5.25rem;
	height: 5.25rem;
	border-radius: 999px;
	border: 2px solid rgba(52, 130, 197, 0.35);
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	transform: translate(-50%, -50%);
	transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;
}

.da-home-video__play-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 4.25rem;
	height: 4.25rem;
	border-radius: 999px;
	background: #ffffff;
	color: var(--da-home-video-accent);
	transform: translate(-48%, -50%);
	box-shadow: 0 8px 24px rgba(27, 79, 122, 0.2);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.da-home-video__play-icon svg {
	width: 1.4rem;
	height: 1.4rem;
	margin-left: 0.15rem;
}

@media (hover: hover) and (pointer: fine) {
	.da-home-video__play:hover .da-home-video__thumb {
		transform: scale(1.03);
	}

	.da-home-video__play:hover::after {
		background: rgba(52, 130, 197, 0.06);
	}

	.da-home-video__play:hover .da-home-video__play-ring {
		transform: translate(-50%, -50%) scale(1.06);
		background: rgba(255, 255, 255, 0.92);
		border-color: rgba(52, 130, 197, 0.55);
	}

	.da-home-video__play:hover .da-home-video__play-icon {
		transform: translate(-48%, -50%) scale(1.05);
		box-shadow: 0 12px 28px rgba(27, 79, 122, 0.28);
	}
}

.da-home-video__iframe,
.da-home-video__player,
.da-home-video__poster {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	vertical-align: middle;
}

.da-home-video__iframe {
	height: 100%;
	min-height: 100%;
}

.da-home-video__player,
.da-home-video__poster {
	object-fit: contain;
	background: transparent;
}

.da-home-video__player-wrap.is-playing {
	aspect-ratio: 16 / 9;
}

.da-home-video__player-wrap.is-playing .da-home-video__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 991px) {
	.da-home-video__grid {
		grid-template-columns: 1fr;
		gap: clamp(1.35rem, 4vw, 1.75rem);
	}

	.da-home-video__copy {
		padding-right: 0;
		text-align: center;
		align-items: center;
	}

	.da-home-video__desc {
		max-width: 42ch;
	}
}

@media (max-width: 767px) {
	.da-home-video {
		padding-block: 2rem 2.75rem;
	}

	.da-home-video__frame {
		border-radius: 16px;
	}

	.da-home-video__play-ring {
		width: 4.5rem;
		height: 4.5rem;
	}

	.da-home-video__play-icon {
		width: 3.65rem;
		height: 3.65rem;
	}

	.da-home-video__play-icon svg {
		width: 1.2rem;
		height: 1.2rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.da-home-video__thumb,
	.da-home-video__play-ring,
	.da-home-video__play-icon,
	.da-home-video__play::after {
		transition: none;
	}
}