/*
 * S15 · Simultane (#s15-simultane) — Figma 273:6445 (1440 × 1281) / 273:10490 (390 × 2278).
 * Yapım özeti: bt-home-design/figma-home/build/s15-simultane/spec.md.
 *
 * Yerleşim: ≥1200 px yatay ses yolu şeması (figür 364 px, dekor yüzde konumlu: düğüm merkezleri %10/30/50/70/90);
 * ≤1199 px dikey ray (Figma 390 tasarımı; 768–1199 arası en çok 560 px, sola hizalı). Hizmetler
 * ≥1025 px üç sütun, altında alt alta. Tablet ≤1024, mobil ≤767 (tema kesme noktaları).
 * Katman sırası (alttan üste): tel · oklar · bağlantı noktası · ayraç · ayraç etiketi · düğümler · dal · dirsek · rozet.
 * Satır yükseklikleri: Figma metin kutularını tam piksele yuvarlar (ör. Body/Small 21.7 → 22, Step title 20.8 → 21);
 * dikey ritim Figma'yla aynı kalsın diye kutu yüksekliği veren px değerleri kullanılır (fark satır başına ≤ 0,4 px).
 */

.bt-hs--s15-simultane {
	--s15-gold-a50: var(--hs-gold-a50);
	--s15-deep: var(--hs-navy-deep-800);
	--s15-dot-bg: #262f44; /* #131D34 + beyaz %8 (opak) */
	--s15-line: var(--hs-white-a18);
	--s15-note: var(--hs-on-navy-cool);
	--hs-pad-top: 96px;
	--hs-pad-bottom: 104px;

	overflow: hidden;
}

.bt-hs--s15-simultane[data-band="navy"] {
	background:
		radial-gradient(45% 50% at 85% 15%, rgba(61, 90, 150, 0.25) 0%, rgba(61, 90, 150, 0) 100%),
		linear-gradient(162.06deg, #0f1626 10.99%, #131d34 57.8%, #1b2a4a 89.01%);
}

/* Blueprint ızgarası (Figma "decor · blueprint ızgara 64"): 64 px, 1 px beyaz %4, bölümün sol üst köşesinden. */
.bt-hs--s15-simultane::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 64px 64px;
	background-position: 0 0;
}

.bt-hs--s15-simultane .bt-hs__inner {
	display: flex;
	flex-direction: column;
	gap: 56px;
}

/* ---------------------------------------------------------------- Başlık */

.bt-hs--s15-simultane .s15-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.bt-hs--s15-simultane .s15-kicker {
	gap: 12px;
	line-height: 20px;
	color: var(--hs-gold);
}

.bt-hs--s15-simultane .s15-kicker::before {
	border-radius: 0;
}

.bt-hs--s15-simultane .s15-title {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.bt-hs--s15-simultane .s15-h2 {
	max-width: 860px;
	color: var(--hs-white);
	line-height: 1.1267; /* 37.28 → 42 (Figma 2 satır 84) */
}

.bt-hs--s15-simultane .s15-intro {
	max-width: var(--hs-measure);
	color: var(--hs-on-dark);
	font-size: var(--hs-fs-body);
	line-height: 27.2px; /* 17/27.2: satırlar Figma'daki gibi 27,2 adımla (3. satır 54,4) */
	padding-bottom: 0.4px; /* Figma metin kutusunu tam piksele yuvarlar: 3 × 27,2 = 81,6 → 82 */
}

/* ---------------------------------------------------------------- Ses yolu (ortak) */

.bt-hs--s15-simultane .s15-path {
	position: relative;
	margin: 0;
}

.bt-hs--s15-simultane .s15-dot {
	position: relative;
	z-index: 3;
	display: grid;
	flex: none;
	place-items: center;
	box-sizing: border-box;
	width: 88px;
	height: 88px;
	border: 1px solid var(--s15-line);
	border-radius: 50%;
	background: var(--s15-dot-bg);
}

.bt-hs--s15-simultane .s15-icon {
	display: block;
	width: 32px;
	height: 32px;
	overflow: visible;
}

/* 24 px çizimler 32/20 px'te de 1,5 px çizgiyle (Figma çizgiyi ölçeklemedi). */
.bt-hs--s15-simultane .s15-icon * {
	vector-effect: non-scaling-stroke;
}

.bt-hs--s15-simultane .s15-text,
.bt-hs--s15-simultane .s15-branch__text {
	display: flex;
	flex-direction: column;
}

.bt-hs--s15-simultane .s15-tag,
.bt-hs--s15-simultane .s15-label,
.bt-hs--s15-simultane .s15-note {
	display: block;
}

.bt-hs--s15-simultane .s15-tag {
	color: var(--hs-gold);
	font-size: var(--hs-fs-chip-caps);
	font-weight: 800;
	line-height: 15px;
	letter-spacing: var(--hs-ls-caps);
}

.bt-hs--s15-simultane .s15-label {
	color: var(--hs-white);
	font-size: var(--hs-fs-step-title);
	font-weight: 700;
	line-height: 21px;
	letter-spacing: -0.005em;
}

.bt-hs--s15-simultane .s15-note {
	color: var(--s15-note);
	font-size: var(--hs-fs-small);
	line-height: 22px;
}

.bt-hs--s15-simultane .s15-badge {
	z-index: 6;
	line-height: 16px;
}

.bt-hs--s15-simultane .s15-bracket {
	box-sizing: border-box;
	padding: 6px 14px;
	border: 1px solid var(--s15-gold-a50);
	border-radius: var(--hs-radius-pill);
	background: var(--s15-deep);
	color: var(--hs-gold);
	font-size: var(--hs-fs-chip);
	font-weight: 600;
	line-height: 17px;
	white-space: nowrap;
}

.bt-hs--s15-simultane .s15-dot--branch {
	width: 56px;
	height: 56px;
	border: 0;
	background: url("img/decor-dot-ring-dashed-56.svg") center / 100% 100% no-repeat;
}

.bt-hs--s15-simultane .s15-dot--branch .s15-icon {
	width: 24px;
	height: 24px;
}

.bt-hs--s15-simultane .s15-branch__item {
	display: flex;
	align-items: center;
}

/* ---------------------------------------------------------------- Ses yolu, masaüstü şema (≥1200) */

@media (min-width: 1200px) {
	.bt-hs--s15-simultane .s15-path {
		height: 364px;
		padding-top: 48px;
	}

	.bt-hs--s15-simultane .s15-decor {
		position: absolute;
		inset: 0;
		pointer-events: none;
	}

	.bt-hs--s15-simultane .s15-decor > span {
		position: absolute;
		display: block;
	}

	.bt-hs--s15-simultane .s15-wire {
		z-index: 0;
		top: 91px;
		left: 10%;
		width: 80%;
		height: 2px;
		background: var(--hs-gold);
	}

	.bt-hs--s15-simultane .s15-chev {
		z-index: 1;
		top: 86px;
		width: 12px;
		height: 12px;
		background: url("img/glyph-chevron-12.svg") center / 12px 12px no-repeat;
	}

	.bt-hs--s15-simultane .s15-chev--1 { left: calc(20% - 6px); }
	.bt-hs--s15-simultane .s15-chev--2 { left: calc(60% - 6px); }
	.bt-hs--s15-simultane .s15-chev--3 { left: calc(80% - 6px); }

	.bt-hs--s15-simultane .s15-junction {
		z-index: 1;
		top: 87px;
		left: calc(40% - 5px);
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: var(--hs-gold);
	}

	.bt-hs--s15-simultane .s15-bracket-line {
		z-index: 1;
		top: 14px;
		left: 2%;
		box-sizing: border-box;
		width: 76%;
		height: 12px;
		border: 1px solid var(--s15-gold-a50);
		border-bottom: 0;
	}

	/* Kesikli dirsek (Figma 273:6506, 2 px). Figma raster'ında desen düşeyde 6 çizgi / 11,75 adım, yatayda 5,5 / 11,33
	   adım çizilir (vektör ölçeklenmiş); faz referans görüntüden ölçüldü (köşede yatay çizgi başlar). */
	.bt-hs--s15-simultane .s15-elbow {
		z-index: 5;
	}

	.bt-hs--s15-simultane .s15-elbow--v {
		top: 97px;
		left: calc(40% - 1px);
		width: 2px;
		height: 235px;
		background: linear-gradient(to bottom, var(--s15-gold-a50) 6px, transparent 6px) 0 -2.75px / 2px 11.75px repeat-y;
	}

	.bt-hs--s15-simultane .s15-elbow--h {
		top: 331px;
		left: 40%;
		width: 6.6667%;
		height: 2px;
		background: linear-gradient(to right, var(--s15-gold-a50) 5.5px, transparent 5.5px) 9px 0 / 11.333px 2px repeat-x;
	}

	.bt-hs--s15-simultane .s15-bracket {
		position: absolute;
		z-index: 2;
		top: -1px;
		left: 40%;
		transform: translateX(-50%);
	}

	.bt-hs--s15-simultane .s15-nodes {
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
	}

	.bt-hs--s15-simultane .s15-node {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px;
		min-width: 0;
		text-align: center;
	}

	.bt-hs--s15-simultane .s15-text {
		align-items: center;
		gap: 8px;
		width: min(200px, calc(100% - 16px));
	}

	/* Rozet ve dal figüre göre konumlanır (li ve ol konumlandırılmaz). */
	.bt-hs--s15-simultane .s15-chips {
		display: contents;
	}

	.bt-hs--s15-simultane .s15-badge {
		position: absolute;
		top: 124px;
		left: 30%;
		transform: translateX(-50%);
	}

	.bt-hs--s15-simultane .s15-branch {
		position: absolute;
		z-index: 4;
		top: 304px;
		left: 46.6667%;
		text-align: start;
	}

	.bt-hs--s15-simultane .s15-branch__item {
		gap: 16px;
		min-height: 56px;
	}

	.bt-hs--s15-simultane .s15-branch__text {
		gap: 4px;
		width: 480px;
	}
}

/* ---------------------------------------------------------------- Ses yolu, dikey ray (≤1199; Figma 390) */

@media (max-width: 1199px) {
	/* 768–1199 (tasarlanmadı): ray en çok 560 px, başlık ve hizmetlerle aynı sol hizada. */
	.bt-hs--s15-simultane .s15-path {
		width: 100%;
		max-width: 560px;
	}

	.bt-hs--s15-simultane .s15-decor {
		display: none;
	}

	/* Ayraç etiketi rayda görünmez (çipler gösterir), ekran okuyucuda bir kez okunur. */
	.bt-hs--s15-simultane .s15-bracket {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		border: 0;
		white-space: nowrap;
	}

	.bt-hs--s15-simultane .s15-nodes {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.bt-hs--s15-simultane .s15-node {
		position: relative;
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		align-items: start;
		column-gap: 16px;
	}

	/* Ray: her düğümün nokta merkezinden bir sonrakinin merkezine 2 px altın. */
	.bt-hs--s15-simultane .s15-node:not(:last-child)::before {
		content: "";
		position: absolute;
		top: 28px;
		left: 27px;
		width: 2px;
		height: calc(100% + 32px);
		background: var(--hs-gold);
	}

	.bt-hs--s15-simultane .s15-node > .s15-dot {
		grid-row: 1;
		grid-column: 1;
		width: 56px;
		height: 56px;
	}

	.bt-hs--s15-simultane .s15-node > .s15-dot .s15-icon {
		width: 24px;
		height: 24px;
	}

	.bt-hs--s15-simultane .s15-text {
		grid-row: 1;
		grid-column: 2;
		gap: 6px;
		padding-top: 4px;
	}

	.bt-hs--s15-simultane .s15-chips {
		grid-column: 2;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 8px;
		margin-top: 6px;
		padding-top: 4px;
	}

	.bt-hs--s15-simultane .s15-badge {
		position: static;
	}

	/* "Kiralanan Donanımlar" çipi: metin p.s15-bracket'te; çip sunumsal (alternatif metin boş). */
	.bt-hs--s15-simultane .s15-chips[data-rent]::after {
		content: attr(data-rent);
		content: attr(data-rent) / "";
		display: inline-flex;
		align-items: center;
		box-sizing: border-box;
		padding: 4px 10px;
		border: 1px solid var(--s15-gold-a50);
		border-radius: var(--hs-radius-pill);
		background: var(--s15-deep);
		color: var(--hs-gold);
		font-size: var(--hs-fs-chip);
		font-weight: 600;
		line-height: 17px;
		white-space: nowrap;
	}

	.bt-hs--s15-simultane .s15-branch {
		position: relative;
		grid-column: 1 / -1;
		margin-top: 32px;
		padding-left: 52px;
	}

	/* Bağlantı noktası (raya oturur) ve 22 px kesikli bağlayıcı (4/4). */
	.bt-hs--s15-simultane .s15-branch::before,
	.bt-hs--s15-simultane .s15-branch::after {
		content: "";
		position: absolute;
	}

	.bt-hs--s15-simultane .s15-branch::before {
		z-index: 1;
		top: calc(50% - 4.5px);
		left: 23px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: var(--hs-gold);
	}

	.bt-hs--s15-simultane .s15-branch::after {
		top: calc(50% - 0.5px);
		left: 30px;
		width: 22px;
		height: 2px;
		background: linear-gradient(to right, var(--s15-gold-a50) 4px, transparent 4px) 0 0 / 8px 2px repeat-x;
	}

	.bt-hs--s15-simultane .s15-branch__item {
		gap: 12px;
	}

	.bt-hs--s15-simultane .s15-dot--branch {
		width: 40px;
		height: 40px;
		background-image: url("img/decor-dot-ring-dashed-40.svg");
	}

	.bt-hs--s15-simultane .s15-dot--branch .s15-icon {
		width: 20px;
		height: 20px;
	}

	.bt-hs--s15-simultane .s15-branch__text {
		flex: 1;
		gap: 4px;
		min-width: 0;
	}
}

/* ---------------------------------------------------------------- Hizmetler */

.bt-hs--s15-simultane .s15-services {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
}

.bt-hs--s15-simultane .s15-service {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	padding-top: 24px;
	border-top: 1px solid var(--s15-line);
}

.bt-hs--s15-simultane .s15-legend {
	display: block;
	flex: none;
	width: 40px;
	height: 16px;
	background: url("img/glyph-legend-line-40x16.svg") center / 40px 16px no-repeat;
}

.bt-hs--s15-simultane .s15-legend--badge {
	background-image: url("img/glyph-legend-badge-40x16.svg");
}

.bt-hs--s15-simultane .s15-legend--bracket {
	background-image: url("img/glyph-legend-bracket-40x16.svg");
}

.bt-hs--s15-simultane .s15-service__title {
	color: var(--hs-white);
	font-size: var(--hs-fs-h3);
	font-weight: 600;
	line-height: var(--hs-lh-h3);
	letter-spacing: -0.005em;
}

.bt-hs--s15-simultane .s15-service__text {
	color: var(--hs-on-dark);
	font-size: var(--hs-fs-card-text);
	line-height: var(--hs-lh-small);
}

/* Bağlantı: 44 px dokunma alanı (dikey 12 dolgu); masaüstünde metin paragrafın 32 px altında, yerleşim değişmez. */
.bt-hs--s15-simultane .s15-more {
	margin: 8px 0 -12px;
}

.bt-hs--s15-simultane .s15-more__link {
	display: inline-block;
	padding: 12px 0;
	color: var(--hs-white);
	font-size: var(--hs-fs-label);
	font-weight: 600;
	line-height: 21px;
	text-decoration: underline 2px var(--hs-gold);
	text-decoration-skip-ink: auto;
	text-underline-offset: 3px;
	transition: color var(--hs-dur-fast) ease, text-decoration-color var(--hs-dur-fast) ease;
}

.bt-hs--s15-simultane .s15-more__link:hover {
	color: var(--hs-gold-light);
	text-decoration-color: var(--hs-gold-hover);
}

/* ---------------------------------------------------------------- CTA */

.bt-hs--s15-simultane .s15-cta {
	gap: 12px 24px;
}

/* ---------------------------------------------------------------- Tablet (≤1024) */

@media (max-width: 1024px) {
	.bt-hs--s15-simultane {
		--hs-pad-top: var(--hs-pad-y);
		--hs-pad-bottom: var(--hs-pad-y);
	}

	.bt-hs--s15-simultane .s15-services {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.bt-hs--s15-simultane .s15-service--link:not(:last-child) {
		padding-bottom: 12px;
	}

	.bt-hs--s15-simultane .s15-service:not(.s15-service--link):not(:last-child) {
		padding-bottom: 24px;
	}

	.bt-hs--s15-simultane .s15-service__text {
		max-width: var(--hs-measure);
	}

	.bt-hs--s15-simultane .s15-more {
		margin: 0;
	}
}

/* ---------------------------------------------------------------- Mobil (≤767; Figma 390) */

@media (max-width: 767px) {
	.bt-hs--s15-simultane[data-band="navy"] {
		background:
			radial-gradient(45% 50% at 85% 15%, rgba(61, 90, 150, 0.25) 0%, rgba(61, 90, 150, 0) 100%),
			linear-gradient(115.19deg, #0f1626 10.99%, #131d34 57.8%, #1b2a4a 89.01%);
	}

	.bt-hs--s15-simultane .bt-hs__inner {
		gap: 40px;
	}

	.bt-hs--s15-simultane .s15-title {
		gap: 16px;
	}

	.bt-hs--s15-simultane .s15-h2 {
		max-width: 11.5em; /* Figma 276 px kutu @ 24 px; akışkan boyda aynı kırılım */
		font-size: var(--hs-fs-band);
		line-height: 1.15625; /* 24 → 27.75 (Figma 4 satır 111) */
		letter-spacing: var(--hs-ls-band);
	}

	/* DE: TR kırılımı için konan 11.5em kutu "Dolmetschtechnik / mieten" ile son satırda tek sözcük bırakıyordu
	   (360–414); tam genişlikte "… / Dolmetscher und / Dolmetschtechnik mieten" (3 satır). 2026-10-12, DE sayfa QA. */
	.bt-hs--s15-simultane:lang(de) .s15-h2 {
		max-width: none;
	}

	.bt-hs--s15-simultane .s15-intro {
		font-size: var(--hs-fs-body-16);
		line-height: 25.667px; /* 16/25.6; Figma 6 satır 154 (bu boyda 25,6 + 0,4 dolgu satırları 1 px kaydırıyor) */
		padding-bottom: 0;
	}

	.bt-hs--s15-simultane .s15-path {
		max-width: none;
	}}