/*
 * S01 · Hero (K5 "Niyet çubuğu", Ankara akşam) — Figma 14:107 (1440) / 15:364 (390).
 * Masaüstü taban (≥1025) · tablet 768–1024 (tasarlanmadı: ortalanmış kart) · mobil ≤767 (Figma 390).
 * Katmanlar: fotoğraf 0, örtü 0 (decor), içerik 1; seçici panelleri sonraki bölümlerin üstünde (bölüm z 2).
 */

/* ---------------------------------------------------------------- Bölüm kabuğu */

.bt-hs--s01-hero {
	--hs-pad-top: 64px;
	--hs-pad-bottom: 56px;
	--s01-ink: var(--hs-ink);
	--s01-muted: var(--hs-muted);
	--s01-line: var(--hs-line);
	--s01-white-a08: rgba(255, 255, 255, 0.08);
	--s01-white-a18: rgba(255, 255, 255, 0.18);
	--s01-white-a30: rgba(255, 255, 255, 0.3);
	--s01-white-a66: rgba(255, 255, 255, 0.66);
	--s01-blur: 6px;
	/* WhatsApp düğmesi: WhatsApp'ın arayüz yeşili (kullanıcı isteği 2026-10-12; logo yeşili #25D366 beyaz yazıyla 1.98:1
	   kalır). Beyaz yazı: #008069 4.89:1, üzerine gelme #006E5A 6.22:1, basılı #005C4B 7.98:1 (WCAG AA). */
	--s01-wa: #008069;
	--s01-wa-hover: #006e5a;
	--s01-wa-active: #005c4b;
	z-index: 2;
	background: var(--hs-navy-deep-900);
}

.bt-hs--s01-hero .bt-hs__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}

/* ---------------------------------------------------------------- Fotoğraf ve örtü */

.bt-hs--s01-hero .s01-bg {
	position: absolute;
	top: 16px;
	left: 0;
	/* Figma 1440'ta 1441 × 804 (taşan 1 px dekor katmanında kırpılır). */
	width: calc(100% + 1px);
	max-width: none;
	height: auto;
	min-height: calc(100% - 16px);
	object-fit: cover;
	object-position: 50% 0;
}

.bt-hs--s01-hero .s01-veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, #0f1626 0, #0f1626 16px, rgba(15, 22, 38, 0) 130px, rgba(15, 22, 38, 0) calc(100% - 245px), rgba(15, 22, 38, 0.6) calc(100% - 138px), rgba(15, 22, 38, 0.85) 100%);
}

/* ---------------------------------------------------------------- Giriş */

.bt-hs--s01-hero .s01-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	max-width: 760px;
	text-align: center;
}

.bt-hs--s01-hero .s01-h1 {
	/* 56 px'te 760 px; akışkan boyutla ölçeklenir, 1025–1279'da da Figma'nın iki satırlık kırılımı kalır (tek sözcük alt satıra düşmez). */
	max-width: calc(760em / 56);
	color: var(--hs-white);
	font-size: clamp(32px, calc(32px + (100vw - 390px) * 0.026966), 56px);
	font-weight: 600;
	/* Figma metin kutuları tam piksele yuvarlanır (2 × 61,6 → 124; 390'da 2 × 35,2 → 71). */
	line-height: calc(1.1em + 0.4px);
	letter-spacing: -0.025em;
}

.bt-hs--s01-hero .s01-lead {
	max-width: 680px;
	color: var(--hs-on-dark);
	font-size: var(--hs-fs-hero-lead);
	font-weight: 400;
	line-height: calc(1.55em + 0.1px);
}

.bt-hs--s01-hero .s01-lead strong {
	font-weight: 700;
}

/* ---------------------------------------------------------------- Niyet çubuğu */

.bt-hs--s01-hero .s01-tool {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	max-width: 1040px;
}

.bt-hs--s01-hero .s01-intent {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 80px;
	padding: 0 8px;
	border: 1px solid var(--s01-line);
	border-radius: var(--hs-radius-pill);
	background: var(--hs-white);
	box-shadow: var(--hs-shadow-card);
	color: var(--s01-ink);
	text-align: start;
}

.bt-hs--s01-hero .s01-fields {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.bt-hs--s01-hero .s01-field {
	position: relative;
	min-width: 0;
}

.bt-hs--s01-hero .s01-field--belge {
	flex: 0 1 318px;
}

.bt-hs--s01-hero .s01-field--dil {
	flex: 1 1 243px;
}

.bt-hs--s01-hero .s01-divider {
	flex: none;
	width: 1px;
	height: 32px;
	background: var(--s01-line);
}

/* Segment (Hero/Intent segment 184:3299): 64 px hap; etiket 14/600 + değer 17/400 (tek satır, üç nokta). */
.bt-hs--s01-hero .s01-seg {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	height: 64px;
	padding: 0 16px 0 24px;
	border-radius: var(--hs-radius-pill);
	background: transparent;
	color: var(--s01-ink);
	text-align: start;
	transition: background-color var(--hs-dur-fast) ease, box-shadow var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero .s01-seg__text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

.bt-hs--s01-hero .s01-seg__label {
	color: var(--s01-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 21.7px;
}

.bt-hs--s01-hero .s01-seg__value {
	overflow: hidden;
	color: var(--s01-muted);
	font-size: 17px;
	font-weight: 400;
	line-height: 27.2px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bt-hs--s01-hero .s01-seg.is-filled .s01-seg__value {
	color: var(--s01-ink);
}

.bt-hs--s01-hero .s01-seg > .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--s01-ink);
	transition: transform var(--hs-dur) var(--hs-ease);
}

.bt-hs--s01-hero .s01-seg:hover {
	background: var(--hs-surface);
}

.bt-hs--s01-hero .s01-seg:focus-visible {
	outline: none;
	border-radius: var(--hs-radius-pill);
	box-shadow: inset 0 0 0 2px var(--hs-focus);
}

.bt-hs--s01-hero .s01-seg[aria-expanded="true"] {
	background: var(--hs-white);
	box-shadow: var(--hs-shadow-dropdown);
}

.bt-hs--s01-hero .s01-seg[aria-expanded="true"]:focus-visible {
	box-shadow: inset 0 0 0 2px var(--hs-focus), var(--hs-shadow-dropdown);
}

.bt-hs--s01-hero .s01-seg[aria-expanded="true"] > .bt-icon {
	transform: rotate(180deg);
}

/* Aynı gün anahtarı (Hero/Same-day toggle 184:3330): 200 × 64, 1,5 px altın çerçeve. Etiket tek satır kalır; uzun
   çeviri etiketlerinde (RU "День в день", EN "Same Day", DE, FR, IT) hap 200 px'ten genişler, alanlar daralır
   ("Aynı Gün" 68 px < 69 px etiket alanı → TR'de genişlik 200 px). 2026-10-12, RU sayfa QA. */
.bt-hs--s01-hero .s01-sameday {
	display: flex;
	flex: 0 0 auto;
	min-width: 200px;
	align-items: center;
	gap: 12px;
	height: 64px;
	padding: 0 16px;
	border: 1.5px solid var(--hs-gold);
	border-radius: var(--hs-radius-pill);
	background: var(--hs-gold-tint);
	color: var(--s01-ink);
	text-align: start;
	transition: background-color var(--hs-dur-fast) ease, box-shadow var(--hs-dur-fast) ease;
}

/* EN ≥ 1025: "Same Day" (≈ 76 px) hapı 207 px'e çıkarınca 1280–1440'ta "Select a document or service" (231,4 px)
   üç noktayla kesiliyordu; hap içi aralık 12 → 8 px ile hap 200 px'te kalır, iki alan da tam sığar. 2026-10-12, EN
   sayfa QA. */
@media (min-width: 1025px) {
	.bt-hs--s01-hero:lang(en) .s01-sameday {
		gap: 8px;
	}
}

/* DE ≥ 1025: "Per WhatsApp schreiben" düğmesi 267 px, "Noch heute" hapı 218 px olunca 1280–1440'ta "Dokument oder
   Service wählen" (248 px) 216 px'e sığmıyor, üç noktayla kesiliyordu. Hap içi aralık 12 → 8 px ve yan dolgu 16 → 12 px
   (hap 202,7 px ≥ 200 px); ≥ 1200 px'te (çubuk 1040 px) alan esasları 318/243 → 322/198: belge değeri 252 px ≥ 248,
   "Sprache wählen" 128 px ≥ 126. 1025–1199'da çubuk daraldığından TR/EN'deki gibi üç nokta kalabilir. 2026-10-12, DE
   sayfa QA. */
@media (min-width: 1025px) {
	.bt-hs--s01-hero:lang(de) .s01-sameday {
		gap: 8px;
		padding: 0 12px;
	}
}

@media (min-width: 1200px) {
	.bt-hs--s01-hero:lang(de) .s01-field--belge {
		flex: 0 1 322px;
	}

	.bt-hs--s01-hero:lang(de) .s01-field--dil {
		flex: 1 1 198px;
	}
}

.bt-hs--s01-hero .s01-sameday__icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--hs-gold);
	color: var(--s01-ink);
	transition: background-color var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero .s01-sameday__icon .bt-icon {
	width: 18px;
	height: 18px;
}

.bt-hs--s01-hero .s01-sameday__label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	white-space: nowrap;
}

.bt-hs--s01-hero .s01-switch {
	position: relative;
	flex: none;
	width: 40px;
	height: 24px;
	border-radius: var(--hs-radius-pill);
	background: var(--hs-disabled);
	transition: background-color var(--hs-dur) var(--hs-ease);
}

.bt-hs--s01-hero .s01-switch::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--hs-white);
	box-shadow: 0 1px 2px rgba(15, 23, 38, 0.25);
	transition: transform var(--hs-dur) var(--hs-ease);
}

.bt-hs--s01-hero .s01-sameday:hover {
	box-shadow: 0 0 0 1px var(--hs-gold);
}

.bt-hs--s01-hero .s01-sameday:focus-visible {
	outline: none;
	border-radius: var(--hs-radius-pill);
	border-color: var(--hs-focus);
	box-shadow: inset 0 0 0 0.5px var(--hs-focus);
}

.bt-hs--s01-hero .s01-sameday[aria-checked="true"] {
	background: var(--hs-gold);
}

.bt-hs--s01-hero .s01-sameday[aria-checked="true"] .s01-sameday__icon {
	background: var(--hs-white);
}

.bt-hs--s01-hero .s01-sameday[aria-checked="true"] .s01-switch {
	background: var(--hs-navy);
}

.bt-hs--s01-hero .s01-sameday[aria-checked="true"] .s01-switch::after {
	transform: translateX(16px);
}

/* WhatsApp düğmesi: Figma 14:107 / 15:364 ölçüleri (64 px hap, gölgesiz), WhatsApp yeşili dolgu, beyaz etiket ve beyaz
   simge (kullanıcı isteği 2026-10-12; önce Button/Navy pill + altın simge). Her durumda (acil etiket dahil) aynı renk. */
.bt-hs--s01-hero .s01-submit {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 64px;
	/* 24 + Figma'nın etiket genişliğini tam piksele yuvarlaması (228 / acil 200). */
	padding: 0 24.4px;
	border-radius: var(--hs-radius-pill);
	background: var(--s01-wa);
	color: var(--hs-white);
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero .s01-submit .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-submit:hover {
	background: var(--s01-wa-hover);
	color: var(--hs-white);
	text-decoration: none;
}

.bt-hs--s01-hero .s01-submit:active {
	background: var(--s01-wa-active);
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-submit:focus-visible {
	outline: 3px solid var(--hs-focus);
	outline-offset: 2px;
	border-radius: var(--hs-radius-pill);
}

/* ---------------------------------------------------------------- Seçici panelleri */

.bt-hs--s01-hero .s01-panel {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 20;
	display: flex;
	flex-direction: column;
	width: 360px;
	max-width: calc(100vw - 40px);
	padding: 8px;
	border: 1px solid var(--s01-line);
	border-radius: 20px;
	background: var(--hs-white);
	box-shadow: var(--hs-shadow-dropdown);
	color: var(--s01-ink);
	text-align: start;
}

.bt-hs--s01-hero .s01-panel--dil {
	max-height: 550px;
	padding-bottom: 0;
}

.bt-hs--s01-hero .s01-panel--dil .s01-panel__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-bottom: 8px;
	scrollbar-width: thin;
}

/* 56 px alt solma (dil paneli kaydırılır). */
.bt-hs--s01-hero .s01-panel--dil::after {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 0;
	left: 1px;
	height: 56px;
	border-radius: 0 0 19px 19px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
	pointer-events: none;
	transition: opacity var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero .s01-panel--dil.is-end::after {
	opacity: 0;
}

/* Açılır liste (≥768) görünümün altına taşmaz: script.js --s01-panel-max = panel üstünden görünüm altına kalan alan
   − 16 (en az 240); içerik .s01-panel__scroll içinde kayar. Sığıyorsa görünüm aynı. İhtiyaç listesinin kaydırma kabı
   2 px taşar (kenar boşluğu −2 + dolgu 2: içerik yerinde kalır) ki "Diğer" alanının 2 px odak çizgisi kırpılmasın.
   Mobil alt sayfa değişmedi (≤767 kuralları). 2026-10-12. */
@media (min-width: 768px) {
	.bt-hs--s01-hero .s01-panel--belge {
		max-height: var(--s01-panel-max, none);
	}

	.bt-hs--s01-hero .s01-panel--dil {
		max-height: min(550px, var(--s01-panel-max, 550px));
	}

	.bt-hs--s01-hero .s01-panel--belge .s01-panel__scroll {
		flex: 1 1 auto;
		min-height: 0;
		margin: 0 -2px -2px;
		padding: 0 2px 2px;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
	}
}

.bt-hs--s01-hero .s01-panel__head {
	display: none;
}

.bt-hs--s01-hero .s01-group__title {
	padding: 12px 16px 4px;
	color: var(--s01-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 21.7px;
}

.bt-hs--s01-hero .s01-group--popular {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bt-hs--s01-hero .s01-group--popular .s01-group__title {
	grid-column: 1 / -1;
}

/* Liste seçeneği (Hero/Listbox option 185:7824). */
.bt-hs--s01-hero .s01-opt {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 12px;
	color: var(--s01-ink);
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	cursor: pointer;
	transition: background-color var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero .s01-opt__label {
	flex: 1 1 auto;
	min-width: 0;
}

.bt-hs--s01-hero .s01-opt .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-navy);
	visibility: hidden;
}

.bt-hs--s01-hero .s01-opt:focus {
	background: var(--hs-surface);
}

/* Dokunmatikte alt sayfa parmağın altında açılır: yapışkan :hover ikinci bir satırı vurgulamasın. */
@media (hover: hover) {
	.bt-hs--s01-hero .s01-opt:hover {
		background: var(--hs-surface);
	}
}

.bt-hs--s01-hero .s01-opt:focus-visible {
	outline: 2px solid var(--hs-focus);
	outline-offset: -2px;
	border-radius: 12px;
}

.bt-hs--s01-hero .s01-opt[aria-selected="true"] {
	background: var(--hs-navy-tint);
}

.bt-hs--s01-hero .s01-opt[aria-selected="true"] .bt-icon {
	visibility: visible;
}

.bt-hs--s01-hero .s01-opt[hidden],
.bt-hs--s01-hero .s01-group[hidden] {
	display: none;
}

/* "Diğer" satırı: ayraç + artı + serbest metin alanı. */
.bt-hs--s01-hero .s01-other {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--s01-line);
	margin-inline: 16px;
}

.bt-hs--s01-hero .s01-other__label {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin-inline: -8px;
	padding: 0 8px 0 8px;
	border-radius: 12px;
	color: var(--s01-ink);
	font-size: 16px;
	line-height: 25.6px;
	cursor: pointer;
}

.bt-hs--s01-hero .s01-other__label .bt-icon {
	width: 18px;
	height: 18px;
}

.bt-hs--s01-hero .s01-other__field {
	margin: 4px -16px 0;
	padding: 4px 0 0;
}

.bt-hs--s01-hero .s01-input,
.bt-hs--s01-hero .s01-search__input {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--hs-field-border);
	border-radius: 12px;
	background: var(--hs-white);
	color: var(--s01-ink);
	font-family: var(--hs-font);
	font-size: 16px;
	line-height: 25.6px;
	box-shadow: none;
	appearance: none;
}

.bt-hs--s01-hero .s01-input::placeholder,
.bt-hs--s01-hero .s01-search__input::placeholder {
	color: var(--s01-muted);
	opacity: 1;
}

.bt-hs--s01-hero .s01-input:focus-visible,
.bt-hs--s01-hero .s01-search__input:focus-visible {
	outline: 2px solid var(--hs-focus);
	outline-offset: 0;
	border-color: var(--hs-focus);
	border-radius: 12px;
}

.bt-hs--s01-hero .s01-search {
	position: relative;
	flex: none;
	padding: 0 0 4px;
}

.bt-hs--s01-hero .s01-search > .bt-icon {
	position: absolute;
	top: 15px;
	left: 17px;
	width: 18px;
	height: 18px;
	color: var(--hs-navy);
	pointer-events: none;
}

.bt-hs--s01-hero .s01-search__input {
	padding-left: 46px;
	background: var(--hs-surface);
}

.bt-hs--s01-hero .s01-search__input::-webkit-search-cancel-button {
	cursor: pointer;
}

.bt-hs--s01-hero .s01-nomatch {
	padding: 4px 16px 0;
	color: var(--s01-muted);
	font-size: 14px;
	line-height: 21.7px;
}

/* Mobil alt sayfa artalanı (betik ekler). */
.bt-hs--s01-hero .s01-backdrop {
	display: none;
}

/* ---------------------------------------------------------------- Arama / teklif satırı */

.bt-hs--s01-hero .s01-assist {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
	min-height: 44px;
	padding: 0 24px 0 32px;
}

.bt-hs--s01-hero .s01-alt {
	display: flex;
	align-items: center;
	gap: 32px;
}

.bt-hs--s01-hero .s01-call {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	color: var(--hs-white);
	text-decoration: none;
}

.bt-hs--s01-hero .s01-call > .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-call__text {
	display: flex;
	flex-direction: column;
	/* Figma sarmalanan metin genişliğini yukarı yuvarlar (129 → 130; arama 156, teklif x 420). */
	padding-right: 1px;
}

.bt-hs--s01-hero .s01-call__label {
	/* Figma: iki satır üst üste biner (1440: etiket 398, numara 418 hizası). */
	margin-bottom: -2px;
	color: var(--hs-on-navy-cool);
	font-size: 14px;
	font-weight: 400;
	line-height: 21.7px;
}

.bt-hs--s01-hero .s01-call__value {
	color: var(--hs-white);
	font-size: 15px;
	font-weight: 600;
	line-height: 20.25px;
	text-decoration: underline 2px transparent;
	text-underline-offset: 3px;
	transition: text-decoration-color var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero .s01-call:hover {
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-call:hover .s01-call__value {
	text-decoration-color: var(--hs-gold);
}

.bt-hs--s01-hero .s01-quote {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--hs-white);
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	text-decoration: none;
}

.bt-hs--s01-hero .s01-quote__row {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 3px;
	border-bottom: 2px solid var(--s01-white-a66);
	transition: border-color var(--hs-dur-fast) ease;
}

/* Figma etiketi 122 (tarayıcı 120,9): etiket + ok alt çizgisi 148. */
.bt-hs--s01-hero .s01-quote__label {
	padding-right: 1px;
}

.bt-hs--s01-hero .s01-quote .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-quote:hover {
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-quote:hover .s01-quote__row {
	border-bottom-color: var(--hs-gold);
}

.bt-hs--s01-hero .s01-urgent__inner {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--hs-on-dark);
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

.bt-hs--s01-hero .s01-urgent__inner .bt-icon {
	width: 18px;
	height: 18px;
	color: var(--hs-gold);
}

/* ---------------------------------------------------------------- Sık Arananlar */

.bt-hs--s01-hero .s01-popular {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: 1040px;
}

.bt-hs--s01-hero .s01-popular__label {
	color: var(--hs-white);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.bt-hs--s01-hero .s01-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.bt-hs--s01-hero .s01-chip {
	flex: none;
}

.bt-hs--s01-hero .s01-chip__link {
	display: inline-flex;
	align-items: center;
	height: 44px;
	/* 18 + Figma'nın metin genişliğini tam piksele yuvarlaması: 6 hap 1440'ta toplam 1022 (Figma 137/157/195/188/135/170). */
	padding: 0 18.35px;
	border: 1px solid var(--s01-white-a30);
	border-radius: var(--hs-radius-pill);
	background: var(--s01-white-a08);
	color: var(--hs-white);
	font-size: 15px;
	font-weight: 600;
	line-height: 20.25px;
	text-decoration: none;
	white-space: nowrap;
	-webkit-backdrop-filter: blur(var(--s01-blur));
	backdrop-filter: blur(var(--s01-blur));
	transition: background-color var(--hs-dur-fast) ease, border-color var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero a.s01-chip__link:hover {
	background: var(--s01-white-a18);
	border-color: var(--s01-white-a66);
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-chip__link:focus-visible {
	border-radius: var(--hs-radius-pill);
}

/* ---------------------------------------------------------------- Güven satırı */

.bt-hs--s01-hero .s01-trust {
	display: grid;
	/* Figma auto-layout 252.5/252.5/252.5/258.5 (hepsi FILL); aynı oranlar. */
	grid-template-columns: 252.5fr 252.5fr 252.5fr 258.5fr;
	gap: 8px;
	width: 100%;
	max-width: 1040px;
	padding-top: 24px;
	border-top: 1px solid var(--s01-white-a18);
}

.bt-hs--s01-hero .s01-trust__item {
	display: flex;
	min-width: 0;
}

.bt-hs--s01-hero .s01-trust__cell {
	display: flex;
	flex: 1 1 auto;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	min-height: 92px;
	padding: 16px 10px 16px 16px;
	border: 1px solid var(--s01-white-a18);
	border-radius: var(--hs-radius-card);
	background: var(--s01-white-a08);
	color: var(--hs-white);
	text-decoration: none;
	-webkit-backdrop-filter: blur(var(--s01-blur));
	backdrop-filter: blur(var(--s01-blur));
	transition: background-color var(--hs-dur-fast) ease, border-color var(--hs-dur-fast) ease;
}

.bt-hs--s01-hero a.s01-trust__cell:hover {
	background: var(--s01-white-a18);
	border-color: var(--s01-white-a30);
	color: var(--hs-white);
}

.bt-hs--s01-hero .s01-trust__cell:focus-visible {
	border-radius: var(--hs-radius-card);
}

.bt-hs--s01-hero .s01-trust__icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--s01-line);
	border-radius: 50%;
	background: var(--hs-white);
	color: var(--hs-navy);
}

.bt-hs--s01-hero .s01-trust__icon .bt-icon {
	width: 18px;
	height: 18px;
}

.bt-hs--s01-hero .s01-trust__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bt-hs--s01-hero .s01-trust__title {
	color: var(--hs-white);
	font-size: 14px;
	font-weight: 600;
	line-height: 21.7px;
}

.bt-hs--s01-hero .s01-trust__title-m {
	display: none;
}

.bt-hs--s01-hero .s01-trust__sub {
	color: var(--hs-on-dark-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

.bt-hs--s01-hero .s01-trust__item--urgent .s01-trust__cell {
	/* Figma: sabit 92 yükseklik, iki satırlık alt metin dolguya taşar (alt dolgu 14 → satır 92 kalır). */
	padding: 16px 16px 14px;
	border-color: var(--hs-gold-a50);
	background: var(--hs-gold-tint);
	color: var(--s01-ink);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.bt-hs--s01-hero .s01-trust__item--urgent a.s01-trust__cell:hover {
	background: #fae5b8;
	border-color: var(--hs-gold);
	color: var(--s01-ink);
}

.bt-hs--s01-hero .s01-trust__item--urgent .s01-trust__icon {
	border: 0;
	background: var(--hs-gold);
	color: var(--s01-ink);
}

.bt-hs--s01-hero .s01-trust__item--urgent .s01-trust__title {
	color: var(--s01-ink);
}

.bt-hs--s01-hero .s01-trust__item--urgent .s01-trust__sub {
	color: var(--s01-muted);
}

/* ---------------------------------------------------------------- Tablet (768–1024; tasarlanmadı) */

@media (max-width: 1024px) {
	.bt-hs--s01-hero {
		--hs-pad-top: 56px;
		--hs-pad-bottom: 56px;
	}

	.bt-hs--s01-hero .bt-hs__inner {
		gap: 32px;
	}

	.bt-hs--s01-hero .s01-tool {
		gap: 0;
		max-width: 560px;
	}

	.bt-hs--s01-hero .s01-intent {
		flex-direction: column;
		align-items: stretch;
		height: auto;
		padding: 16px;
		border-radius: var(--hs-radius-bento);
	}

	.bt-hs--s01-hero .s01-fields {
		flex-direction: column;
		align-items: stretch;
	}

	.bt-hs--s01-hero .s01-field--belge,
	.bt-hs--s01-hero .s01-field--dil {
		flex: none;
	}

	.bt-hs--s01-hero .s01-seg {
		padding: 0 16px;
	}

	.bt-hs--s01-hero .s01-divider {
		width: auto;
		height: 1px;
		margin: 0 16px;
	}

	.bt-hs--s01-hero .s01-sameday {
		flex: none;
		width: 100%;
	}

	.bt-hs--s01-hero .s01-submit {
		width: 100%;
		height: 56px;
	}

	.bt-hs--s01-hero .s01-assist {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		margin-top: 24px;
		padding: 0;
	}

	.bt-hs--s01-hero .s01-urgent {
		order: -1;
	}

	.bt-hs--s01-hero .s01-urgent.is-on {
		margin-bottom: 24px;
	}

	.bt-hs--s01-hero .s01-urgent__inner {
		min-height: 44px;
		padding: 4px 8px;
	}

	.bt-hs--s01-hero .s01-trust {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.bt-hs--s01-hero .s01-h1 {
		text-wrap: balance;
	}
}

/* ---------------------------------------------------------------- Mobil (Figma 390) */

@media (max-width: 767px) {
	.bt-hs--s01-hero {
		--hs-pad-top: 40px;
		--hs-pad-bottom: 48px;
	}

	.bt-hs--s01-hero .bt-hs__inner {
		align-items: stretch;
		gap: 32px;
	}

	.bt-hs--s01-hero .s01-bg {
		top: auto;
		bottom: 191px;
		height: 600px;
		min-height: 0;
		width: 100%;
		object-position: 53.35% 50%;
	}

	.bt-hs--s01-hero .s01-veil {
		background: linear-gradient(180deg, #0f1626 calc(100% - 783px), rgba(15, 22, 38, 0) calc(100% - 660px), rgba(15, 22, 38, 0) calc(100% - 325px), rgba(15, 22, 38, 0.6) calc(100% - 222px), rgba(15, 22, 38, 0.92) calc(100% - 169px), #0f1626 100%);
	}

	.bt-hs--s01-hero .s01-intro {
		align-items: flex-start;
		gap: 12px;
		max-width: none;
		text-align: start;
	}

	.bt-hs--s01-hero .s01-h1 {
		letter-spacing: -0.02em;
	}

	/* 390'un altında 32 px orantılı küçülür (Figma'daki iki satır korunur). */
	@media (max-width: 389px) {
		.bt-hs--s01-hero .s01-h1 {
			font-size: 8.2vw;
		}
	}

	/* RU H1 ("Бюро переводов, которое открывает мир") 32 px'te 390'da üç satıra ("мир" tek başına) iniyordu. İki satır
	   kuralı (H1 ≤ 2 satır) için ikinci satır "которое открывает мир" (32 px'te 356,6 px) içerik genişliğine
	   (100vw − 40 px) sığacak kadar küçülür: 390'da 31 px, 360'ta 28,3 px; ≥ 402 px'te 32 px. 2026-10-12, RU sayfa QA. */
	.bt-hs--s01-hero:lang(ru) .s01-h1 {
		font-size: min(32px, calc((100vw - 40px) * 0.0885));
	}

	/* EN H1 ("The Translation Office Connecting You to the World") 32 px'te 320–490 px arasında üç satıra ("World" tek
	   başına) iniyordu. İki satır kuralı (H1 ≤ 2 satır) için ikinci satır "Connecting You to the World" (32 px'te
	   415,3 px) içerik genişliğine (100vw − 40 px) sığacak kadar küçülür (%1,4 pay): 390'da 26,6 px, 360'ta 24,3 px;
	   ≥ ~500 px'te tabanın akışkan boyutu aynen kalır. 2026-10-12, EN sayfa QA. */
	.bt-hs--s01-hero:lang(en) .s01-h1 {
		font-size: min(clamp(32px, calc(32px + (100vw - 390px) * 0.026966), 56px), calc((100vw - 40px) * 0.076));
	}

	.bt-hs--s01-hero .s01-tool {
		max-width: none;
	}

	.bt-hs--s01-hero .s01-alt {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	/* Haplar: sağ kenara taşan yatay kaydırıcı, 40 px solma (Figma 226:4623 örtüsü; mask-image kullanılmaz:
	   maskeli ata backdrop-filter kökü olur ve hapların bulanıklığı kaybolur). */
	.bt-hs--s01-hero .s01-popular {
		position: relative;
		align-items: flex-start;
	}

	.bt-hs--s01-hero .s01-popular::after {
		content: "";
		position: absolute;
		right: -20px;
		bottom: 0;
		width: 40px;
		height: 44px;
		background: linear-gradient(90deg, rgba(15, 22, 38, 0), #0f1626);
		pointer-events: none;
	}

	.bt-hs--s01-hero .s01-chips {
		flex-wrap: nowrap;
		justify-content: flex-start;
		width: calc(100% + 20px + 5px);
		margin: -5px -20px -5px -5px;
		padding: 5px 0 5px 5px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-left: 5px;
		scrollbar-width: none;
	}

	.bt-hs--s01-hero .s01-chips::-webkit-scrollbar {
		display: none;
	}

	.bt-hs--s01-hero .s01-chip {
		scroll-snap-align: start;
	}

	.bt-hs--s01-hero .s01-chip--desktop {
		display: none;
	}

	/* Güven: 3 sıkı hücre + tam genişlikte acil hücresi. */
	.bt-hs--s01-hero .s01-trust {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bt-hs--s01-hero .s01-trust__item:not(.s01-trust__item--urgent) .s01-trust__cell {
		flex-direction: column;
		align-items: center;
		gap: 10px;
		height: 116px;
		min-height: 0;
		padding: 16px 8px;
		text-align: center;
	}

	.bt-hs--s01-hero .s01-trust__item:not(.s01-trust__item--urgent) .s01-trust__text {
		align-items: center;
	}

	.bt-hs--s01-hero .s01-trust__item:not(.s01-trust__item--urgent) .s01-trust__sub {
		display: none;
	}

	.bt-hs--s01-hero .s01-trust__item.has-short .s01-trust__title {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.bt-hs--s01-hero .s01-trust__item.has-short .s01-trust__title-m {
		display: block;
		color: var(--hs-white);
		font-size: 14px;
		font-weight: 600;
		line-height: 21.7px;
	}

	.bt-hs--s01-hero .s01-trust__item--urgent {
		grid-column: 1 / -1;
	}

	.bt-hs--s01-hero .s01-trust__item--urgent .s01-trust__cell {
		min-height: 0;
		padding-bottom: 16px;
	}

	/* Alt sayfa açıkken bölüm yapışkan üst bilginin (z 900) üstünde: artalan üst bilgiyi de örter ve tıklamayı alır. */
	.bt-hs--s01-hero.is-sheet-open {
		z-index: 1000;
	}

	/* Seçici: tam genişlikte alt sayfa (tasarlanmadı; "Kapat"). */
	.bt-hs--s01-hero .s01-panel {
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1001;
		width: auto;
		max-width: none;
		max-height: min(80vh, calc(100vh - 96px));
		max-height: min(80dvh, calc(100dvh - 96px));
		padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px));
		border-width: 1px 0 0;
		border-radius: 24px 24px 0 0;
	}

	.bt-hs--s01-hero .s01-panel--belge .s01-panel__scroll {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.bt-hs--s01-hero .s01-panel--dil {
		max-height: min(80vh, calc(100vh - 96px));
		max-height: min(80dvh, calc(100dvh - 96px));
	}

	.bt-hs--s01-hero .s01-panel--dil::after {
		border-radius: 0;
	}

	.bt-hs--s01-hero .s01-panel__head {
		display: flex;
		flex: none;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 0 0 4px 16px;
	}

	.bt-hs--s01-hero .s01-panel__title {
		color: var(--s01-ink);
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
	}

	.bt-hs--s01-hero .s01-panel__close {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		color: var(--s01-ink);
	}

	.bt-hs--s01-hero .s01-panel__close:hover {
		background: var(--hs-surface);
	}

	.bt-hs--s01-hero .s01-panel__close .bt-icon {
		width: 20px;
		height: 20px;
	}

	.bt-hs--s01-hero .s01-backdrop.is-on {
		position: fixed;
		inset: 0;
		z-index: 1000;
		display: block;
		background: rgba(15, 22, 38, 0.55);
	}
}

/* ---------------------------------------------------------------- Hareket, zorlanmış renkler */

@media (prefers-reduced-motion: reduce) {
	.bt-hs--s01-hero .s01-switch::after,
	.bt-hs--s01-hero .s01-seg > .bt-icon {
		transition: none !important;
	}
}

@media (forced-colors: active) {
	.bt-hs--s01-hero .s01-switch {
		border: 1px solid ButtonText;
	}

	.bt-hs--s01-hero .s01-switch::after {
		background: ButtonText;
	}

	.bt-hs--s01-hero .s01-opt[aria-selected="true"] {
		outline: 2px solid Highlight;
	}
}