/* =========================================================
   PASTA SİPARİŞ SİHİRBAZI — v2.57.59 (lacivert / beyaz tasarım)
   Renkler bu dosyada .uns-sih altında tanımlıdır; site değişkenlerine
   bağlı değildir. Yazı tipi siteden devralınır (inherit).
   ========================================================= */

.uns-sih {
	--s-ink: #1B1C1C;
	--s-muted: #5B6879;
	--s-faint: #8794A5;
	--s-line: #E3E8EF;
	--s-line2: #C9D2DE;
	--s-soft: #F4F6F9;
	--s-brand: #143455;
	--s-brand-dk: #0C2238;
	--s-tint: #EEF2F8;
	--s-mid: #8FA3BB;
	--s-done: #E3EAF2;
	--s-body: #33435A;
	--s-ok: #26704A;
	--s-ok-bg: #E6F3EB;
	--s-warn: #7A4A10;
	--s-warn-bg: #FFF3E2;
	--s-warn-line: #EFC98F;
	--s-err: #9B1C1C;
	--s-err-bg: #FDECEA;
	--s-ring: 0 0 0 4px rgba(20, 52, 85, .12);
	--s-sh: 0 1px 2px rgba(20, 52, 85, .05), 0 10px 28px rgba(20, 52, 85, .06);
	--s-check-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	--s-check-n: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23143455' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	--s-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6879' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");

	max-width: 1200px;
	margin: 0 auto;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.45;
	color: var(--s-ink);
	-webkit-font-smoothing: antialiased;
}

.uns-sih,
.uns-sih *,
.uns-sih *::before,
.uns-sih *::after { box-sizing: border-box; }

.uns-sih [hidden] { display: none !important; }

.uns-sih svg { flex: none; }

@keyframes uns-sih-gir {
	from { opacity: 0; transform: translateY(8px); }
}

@keyframes uns-sih-yukari {
	from { transform: translateY(24px); opacity: 0; }
}

@keyframes uns-sih-don { to { transform: rotate(360deg); } }

/* =========================================================
   YERLEŞİM — masaüstü: sol akış + sağda yapışkan özet kartı
   ========================================================= */

@media (min-width: 900px) {

	#uns-sih {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 360px;
		column-gap: 48px;
		align-items: start;
	}

	#uns-sih .uns-sih__ust { grid-column: 1 / -1; }

	#uns-sih .uns-sih__govde { grid-column: 1; grid-row: 2; margin-top: 44px; }

	#uns-sih .uns-sih__alt { display: contents; }

	#uns-sih .uns-sih__ozet {
		grid-column: 2;
		grid-row: 2 / span 3;
		margin-top: 44px;
		position: sticky;
		top: 110px;
		align-self: start;
	}

	#uns-sih .uns-sih__gezinme { grid-column: 1; grid-row: 3; margin-top: 40px; }

	#uns-sih .uns-sih__hata { grid-column: 1; grid-row: 4; }
}

/* =========================================================
   ÜST — başlık ve adımlar
   ========================================================= */

.uns-sih__kicker {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--s-muted);
}

.uns-sih__baslik {
	margin: 8px 0 0;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.1;
	color: var(--s-ink);
}

.uns-sih__adimlar {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	list-style: none;
	margin: 36px 0 0;
	padding: 0;
}

.uns-sih__adim {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding-top: 12px;
	border-top: 4px solid var(--s-line);
	font-size: 15px;
	font-weight: 700;
	color: var(--s-muted);
	transition: border-color .18s ease, color .18s ease;
}

.uns-sih__adim-no {
	width: 28px;
	height: 28px;
	flex: none;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1.5px solid var(--s-line2);
	background: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
}

.uns-sih__adim-ad {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.uns-sih__adim.is-tamam { border-top-color: var(--s-mid); color: var(--s-brand); }

.uns-sih__adim.is-tamam .uns-sih__adim-no {
	font-size: 0;
	background: var(--s-done) var(--s-check-n) center / 14px no-repeat;
	border-color: var(--s-done);
}

.uns-sih__adim.is-aktif { border-top-color: var(--s-brand); color: var(--s-ink); }

.uns-sih__adim.is-aktif .uns-sih__adim-no {
	background: var(--s-brand);
	border-color: var(--s-brand);
	color: #fff;
}

.uns-sih__adimbilgi { display: none; }

/* =========================================================
   SAYFALAR VE BAŞLIKLAR
   ========================================================= */

.uns-sih__sayfa { display: none; }
.uns-sih__sayfa.is-acik { display: block; animation: uns-sih-gir .22s ease; }

.uns-sih__soru {
	margin: 44px 0 16px;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -.015em;
	line-height: 1.18;
	color: var(--s-ink);
}

.uns-sih__sayfa > .uns-sih__soru:first-child,
.uns-sih__hazirlik + .uns-sih__soru { margin-top: 0; }

.uns-sih__aciklama {
	margin: -6px 0 16px;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--s-muted);
}

.uns-sih__etiket {
	display: block;
	margin-bottom: 9px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--s-muted);
}

.uns-sih__bolum { margin-top: 44px; }

/* =========================================================
   ORTAK FORM ALANLARI
   ========================================================= */

.uns-sih input[type="text"],
.uns-sih input[type="tel"],
.uns-sih input[type="email"],
.uns-sih textarea,
.uns-sih select {
	width: 100%;
	min-height: 54px;
	padding: 0 16px;
	border: 1.5px solid var(--s-line2);
	border-radius: 14px;
	background: #fff;
	font: inherit;
	font-size: 15.5px;
	color: var(--s-ink);
	outline: none;
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.uns-sih input::placeholder,
.uns-sih textarea::placeholder { color: var(--s-faint); opacity: 1; }

.uns-sih input[type="text"]:focus,
.uns-sih input[type="tel"]:focus,
.uns-sih input[type="email"]:focus,
.uns-sih textarea:focus,
.uns-sih select:focus {
	border-color: var(--s-brand);
	box-shadow: 0 0 0 4px rgba(20, 52, 85, .14);
}

.uns-sih select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 44px;
	background: #fff var(--s-chev) right 16px center / 18px no-repeat;
}

.uns-sih__select { max-width: 520px; }

.uns-sih textarea { min-height: 104px; padding: 14px 16px; line-height: 1.5; resize: none; }

/* Onay işareti rozeti (seçili kartların sağ üstü) */
.uns-format__ic::after,
.uns-sekil__ic::after,
.uns-konsept::after {
	content: '';
	position: absolute;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--s-brand) var(--s-check-w) center / 14px no-repeat;
	opacity: 0;
	transform: scale(.7);
	transition: opacity .15s ease, transform .15s ease;
	pointer-events: none;
}

.uns-konsept::after { top: 8px; right: 8px; }

/* =========================================================
   ADIM 1 — FORMAT VE ŞEKİL
   ========================================================= */

.uns-sih__formatlar {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.uns-format { position: relative; display: block; grid-column: span 2; cursor: pointer; }
.uns-format:nth-child(n+4) { grid-column: span 3; }

.uns-format input,
.uns-sekil input,
.uns-pil input,
.uns-ekstra input,
.uns-plaka__font input,
.uns-tesl__tip input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.uns-format__ic {
	position: relative;
	display: block;
	height: 100%;
	padding: 20px;
	border: 1.5px solid var(--s-line);
	border-radius: 18px;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.uns-format:hover input:not(:checked) + .uns-format__ic {
	border-color: var(--s-mid);
	box-shadow: var(--s-sh);
}

.uns-format input:checked + .uns-format__ic {
	border-color: var(--s-brand);
	box-shadow: var(--s-ring);
}

.uns-format input:checked + .uns-format__ic::after,
.uns-sekil input:checked + .uns-sekil__ic::after { opacity: 1; transform: none; }

.uns-format input:focus-visible + .uns-format__ic,
.uns-sekil input:focus-visible + .uns-sekil__ic,
.uns-pil input:focus-visible + span,
.uns-ekstra input:focus-visible + .uns-ekstra__ic,
.uns-plaka__font input:focus-visible + span,
.uns-tesl__tip input:focus-visible + span {
	outline: 2px solid var(--s-brand);
	outline-offset: 2px;
}

.uns-format__ikon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin-bottom: 14px;
	border-radius: 15px;
	background: var(--s-tint);
	color: var(--s-brand);
	transition: background .15s ease, color .15s ease;
}

.uns-format input:checked + .uns-format__ic .uns-format__ikon { background: var(--s-brand); color: #fff; }

.uns-format__ad {
	display: block;
	padding-right: 30px;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--s-ink);
}

.uns-format__aciklama {
	display: block;
	margin-top: 3px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--s-muted);
}

.uns-format__alt { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.uns-format__alt em {
	font-style: normal;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--s-soft);
	color: #3C4B60;
	white-space: nowrap;
}

.uns-format__alt em.is-teklif { background: var(--s-warn-bg); color: var(--s-warn); }

/* ---------- Şekiller ---------- */

.uns-sih__sekiller {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.uns-sekil { position: relative; display: block; cursor: pointer; }

.uns-sekil__ic {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 104px;
	padding: 14px 8px;
	border: 1.5px solid var(--s-line);
	border-radius: 18px;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	color: var(--s-ink);
	transition: border-color .15s ease, box-shadow .15s ease;
}

.uns-sekil:hover input:not(:checked) + .uns-sekil__ic { border-color: var(--s-mid); box-shadow: var(--s-sh); }

.uns-sekil input:checked + .uns-sekil__ic { border-color: var(--s-brand); box-shadow: var(--s-ring); }

.uns-sekil__ad { text-align: center; line-height: 1.2; }

.uns-sekil__form {
	display: block;
	width: 44px;
	height: 44px;
	background: #CFD8E4;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background .15s ease;
}

.uns-sekil input:checked + .uns-sekil__ic .uns-sekil__form { background: var(--s-brand); }

.uns-sekil__form--yuvarlak {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='14'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='14'/%3E%3C/svg%3E");
}

.uns-sekil__form--kare {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Crect x='5' y='5' width='26' height='26' rx='5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Crect x='5' y='5' width='26' height='26' rx='5'/%3E%3C/svg%3E");
}

.uns-sekil__form--kalp {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28C6 21 3 15.5 3 11 3 7.4 5.7 4.8 9 4.8c2.8 0 5.200 1.700 7 4.200 1.800-2.500 4.200-4.200 7-4.200 3.300 0 6 2.600 6 6.200 0 4.500-3 10-13 17z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28C6 21 3 15.5 3 11 3 7.4 5.7 4.8 9 4.8c2.8 0 5.200 1.700 7 4.200 1.800-2.500 4.200-4.200 7-4.200 3.300 0 6 2.600 6 6.200 0 4.500-3 10-13 17z'/%3E%3C/svg%3E");
}

.uns-sekil__form--rakam {
	width: auto;
	background: none !important;
	-webkit-mask: none;
	mask: none;
	font-size: 34px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: -.02em;
	color: #CFD8E4;
	transition: color .15s ease;
}

.uns-sekil__form--rakam::before { content: 'A2'; }

.uns-sekil input:checked + .uns-sekil__ic .uns-sekil__form--rakam { color: var(--s-brand); }

/* =========================================================
   ADIM 2 — KİŞİ SAYISI
   ========================================================= */

.uns-kisi {
	padding: 28px 28px 24px;
	background: #fff;
	border: 1px solid var(--s-line);
	border-radius: 20px;
	box-shadow: var(--s-sh);
}

.uns-kisi__deger { text-align: center; margin-bottom: 22px; }

.uns-kisi__deger span {
	display: block;
	font-size: 76px;
	font-weight: 600;
	letter-spacing: -.035em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--s-ink);
}

.uns-kisi__deger em {
	display: block;
	margin-top: 6px;
	font-style: normal;
	font-size: 17px;
	font-weight: 700;
	color: var(--s-muted);
}

.uns-kisi__slider {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 10px;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(
		to right,
		var(--s-brand) 0%,
		var(--s-brand) var(--dolgu, 0%),
		var(--s-line) var(--dolgu, 0%),
		var(--s-line) 100%
	);
	outline: none;
	cursor: pointer;
}

.uns-kisi__slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--s-brand);
	box-shadow: 0 4px 12px rgba(20, 52, 85, .25);
	cursor: grab;
	transition: transform .12s ease;
}

.uns-kisi__slider::-webkit-slider-thumb:active { transform: scale(1.1); cursor: grabbing; }

.uns-kisi__slider::-moz-range-thumb {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid var(--s-brand);
	box-shadow: 0 4px 12px rgba(20, 52, 85, .25);
	cursor: grab;
}

.uns-kisi__slider:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 8px; }

.uns-kisi__olcek {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--s-muted);
}

.uns-kisi__hizli {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--s-line);
}

.uns-sih .uns-kisi__hizli button {
	min-height: 44px;
	min-width: 56px;
	padding: 0 16px;
	border: 1.5px solid var(--s-line);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	color: var(--s-ink);
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}

.uns-sih .uns-kisi__hizli button:hover { border-color: var(--s-brand); color: var(--s-brand); }

/* ---------- Kat önerisi ---------- */

.uns-kat {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	margin-top: 18px;
	padding: 18px;
	background: var(--s-soft);
	border: 1px solid var(--s-line);
	border-radius: 18px;
}

.uns-kat__gorsel {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	width: 132px;
}

.uns-kat__mesaj { grid-column: 2; grid-row: 1; font-size: 14.5px; line-height: 1.5; color: var(--s-body); }
.uns-kat__mesaj strong { display: block; margin-bottom: 3px; font-size: 16px; font-weight: 800; color: var(--s-ink); }
.uns-kat__mesaj span { font-size: 13.5px; color: var(--s-muted); }

.uns-kat__secim { grid-column: 1 / -1; }

.uns-kat__dilim {
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	background: #143455;
	color: #fff;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1;
}

/* Üstten alta doğru koyulaşır (DOM sırası: üst kat ilk) */
.uns-kat__dilim:nth-last-child(4) { background: #B7C6D9; color: #0C2238; }
.uns-kat__dilim:nth-last-child(3) { background: #5B7898; }
.uns-kat__dilim:nth-last-child(2) { background: #2A4C75; }
.uns-kat__dilim:last-child { background: #143455; }

/* =========================================================
   ADIM 3 — LEZZET
   ========================================================= */

.uns-sih__pillar { display: flex; flex-wrap: wrap; gap: 10px; }

.uns-pil { position: relative; cursor: pointer; }

.uns-pil span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 18px;
	border: 1.5px solid var(--s-line);
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	color: var(--s-ink);
	transition: border-color .15s ease, color .15s ease, background .15s ease;
}

.uns-pil:hover input:not(:checked) + span { border-color: var(--s-brand); color: var(--s-brand); }

.uns-pil input:checked + span { background: var(--s-brand); border-color: var(--s-brand); color: #fff; }

.uns-pil em { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--s-muted); }
.uns-pil input:checked + span em { color: #C9D6E6; }

/* ---------- Ekstralar ---------- */

.uns-sih__ekstralar { display: grid; gap: 10px; }

.uns-ekstra { position: relative; display: block; cursor: pointer; }

.uns-ekstra__ic {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1.5px solid var(--s-line);
	border-radius: 16px;
	background: #fff;
	transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.uns-ekstra:hover input:not(:checked) + .uns-ekstra__ic { border-color: var(--s-mid); box-shadow: var(--s-sh); }

.uns-ekstra input:checked + .uns-ekstra__ic { border-color: var(--s-brand); background: var(--s-tint); }

.uns-ekstra__kutu {
	width: 26px;
	height: 26px;
	flex: none;
	display: grid;
	place-items: center;
	border: 1.5px solid var(--s-line2);
	border-radius: 8px;
	background: #fff;
	color: transparent;
	transition: background .15s ease, border-color .15s ease;
}

.uns-ekstra input:checked + .uns-ekstra__ic .uns-ekstra__kutu {
	background: var(--s-brand);
	border-color: var(--s-brand);
	color: #fff;
}

.uns-ekstra__metin { flex: 1; min-width: 0; }
.uns-ekstra__metin strong { display: block; font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--s-ink); }
.uns-ekstra__metin em { display: block; margin-top: 2px; font-style: normal; font-size: 13px; color: var(--s-muted); }

.uns-ekstra__fiyat {
	margin-left: auto;
	flex: none;
	text-align: right;
	font-size: 14.5px;
	font-weight: 800;
	white-space: nowrap;
	color: var(--s-brand);
}

.uns-ekstra__fiyat i { display: block; font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--s-muted); }

/* ---------- Alerjen özeti ---------- */

.uns-sih__alerjen {
	margin-top: 24px;
	padding: 18px;
	background: var(--s-soft);
	border-radius: 18px;
}

.uns-sih__al-satir { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }

.uns-sih__al-etiket {
	margin-right: 6px;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--s-muted);
}

.uns-sih__al-pil { font-size: 13px; font-weight: 700; padding: 5px 11px; border-radius: 999px; }
.uns-sih__al-pil.is-icerir { background: #F8D9D4; color: #8A1C14; }
.uns-sih__al-pil.is-eser { background: #FBE6C4; color: #6E4208; }

.uns-sih__al-not { margin: 4px 0 0; font-size: 12.5px; color: var(--s-muted); }

/* =========================================================
   ADIM 4 — TASARIM
   ========================================================= */

.uns-ilham {
	padding: 20px;
	background: #fff;
	border: 1px solid var(--s-line);
	border-radius: 20px;
	box-shadow: var(--s-sh);
}

.uns-ilham__ara { position: relative; display: flex; align-items: center; gap: 10px; }

.uns-ilham__ara svg {
	position: absolute;
	left: 16px;
	color: var(--s-faint);
	pointer-events: none;
}

.uns-sih .uns-ilham__ara input { flex: 1; min-width: 0; padding-left: 46px; }

#uns-sih .uns-ilham__ara button {
	flex: none;
	min-height: 54px;
	padding: 0 22px;
	border: 1.5px solid var(--s-brand);
	border-radius: 14px;
	background: var(--s-brand);
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	transition: background .15s ease;
}

#uns-sih .uns-ilham__ara button:hover { background: var(--s-brand-dk); border-color: var(--s-brand-dk); color: #fff; }

.uns-ilham__oneriler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.uns-sih .uns-ilham__oneriler button {
	min-height: 38px;
	padding: 0 14px;
	border: 1.5px solid var(--s-line);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	color: #33435A;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}

.uns-sih .uns-ilham__oneriler button:hover { border-color: var(--s-brand); color: var(--s-brand); }

.uns-ilham__sonuc { margin-top: 20px; }
.uns-ilham__sonuc:empty { display: none; }

.uns-ilham__baslik {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--s-muted);
}

.uns-ilham__bos { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--s-muted); }
.uns-ilham__not { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--s-faint); }

.uns-ilham__yukleniyor { display: flex; justify-content: center; padding: 26px 0; }

.uns-ilham__yukleniyor span {
	width: 26px;
	height: 26px;
	border: 3px solid var(--s-line);
	border-top-color: var(--s-brand);
	border-radius: 50%;
	animation: uns-sih-don .7s linear infinite;
}

/* ---------- Konsept kartları ---------- */

.uns-konseptler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }

.uns-sih .uns-konsept {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	border: 1.5px solid var(--s-line);
	border-radius: 16px;
	background: #fff;
	font: inherit;
	text-align: left;
	color: var(--s-ink);
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.uns-sih .uns-konsept:hover { border-color: var(--s-mid); box-shadow: var(--s-sh); }

.uns-sih .uns-konsept.is-secili { border-color: var(--s-brand); box-shadow: var(--s-ring); }
.uns-konsept.is-secili::after { opacity: 1; transform: none; }

.uns-konsept__resim {
	display: block;
	aspect-ratio: 4 / 3;
	background-color: var(--s-soft);
	background-size: cover;
	background-position: center;
}

.uns-konsept__govde { display: block; padding: 10px 12px 12px; }
.uns-konsept__ad { display: block; font-size: 14.5px; font-weight: 800; line-height: 1.2; color: var(--s-ink); }
.uns-konsept__aciklama { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.35; color: var(--s-muted); }

/* ---------- Renk paleti ---------- */

.uns-palet { display: flex; flex-wrap: wrap; gap: 14px 12px; align-items: flex-start; }

.uns-sih .uns-palet__renk {
	position: relative;
	width: 64px;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	cursor: pointer;
	text-align: center;
}

.uns-palet__renk::before {
	content: '';
	display: block;
	width: 100%;
	height: 52px;
	border-radius: 15px;
	background: var(--r);
	border: 1px solid rgba(20, 52, 85, .14);
	transition: outline-color .15s ease;
	outline: 3px solid transparent;
	outline-offset: 3px;
}

.uns-sih .uns-palet__renk:hover::before { outline-color: var(--s-mid); }
.uns-sih .uns-palet__renk.is-secili::before { outline: 3px solid var(--s-brand); }

.uns-palet__ad {
	display: block;
	margin-top: 8px;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.2;
	color: #33435A;
}

.uns-palet__ozel { width: 64px; display: flex; flex-direction: column; align-items: center; cursor: pointer; }

.uns-sih .uns-palet__ozel input {
	width: 100%;
	height: 52px;
	min-height: 0;
	padding: 3px;
	border: 2px dashed var(--s-line2);
	border-radius: 15px;
	background: #fff;
	cursor: pointer;
}

.uns-palet__ozel span { margin-top: 8px; font-size: 11.5px; font-weight: 700; color: var(--s-muted); }

/* ---------- Figür ---------- */

.uns-figur {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 20px;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid var(--s-line);
	border-radius: 20px;
	box-shadow: var(--s-sh);
}

.uns-figur__etiket { flex: 1; min-width: 180px; font-size: 15px; font-weight: 800; }

.uns-figur__sayac { display: inline-flex; align-items: center; gap: 6px; }

.uns-sih .uns-figur__sayac button {
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1.5px solid var(--s-line2);
	border-radius: 50%;
	background: #fff;
	font: inherit;
	font-size: 22px;
	line-height: 1;
	color: var(--s-brand);
	cursor: pointer;
	transition: border-color .15s ease;
}

.uns-sih .uns-figur__sayac button:hover { border-color: var(--s-brand); background: #fff; color: var(--s-brand); }

.uns-figur__sayac span {
	min-width: 44px;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.uns-figur__fiyat { font-size: 13.5px; font-weight: 700; color: var(--s-muted); }

/* ---------- Dosya yükleme ---------- */

.uns-yukle {
	padding: 22px 18px;
	border: 2px dashed var(--s-line2);
	border-radius: 18px;
	background: #FAFBFD;
	text-align: center;
}

.uns-sih .uns-yukle__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 22px;
	border: 1.5px solid var(--s-line2);
	border-radius: 14px;
	background: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	color: var(--s-ink);
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}

.uns-sih .uns-yukle__btn:hover { border-color: var(--s-brand); background: #fff; color: var(--s-brand); }

.uns-yukle__bilgi { display: block; margin-top: 12px; font-size: 13px; color: var(--s-muted); }

.uns-yukle__liste { display: grid; gap: 8px; margin-top: 14px; }
.uns-yukle__liste:empty { display: none; }

.uns-yukle__oge {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1.5px solid var(--s-line);
	border-radius: 14px;
	background: #fff;
	text-align: left;
	font-size: 14px;
}

.uns-yukle__oge.is-yukleniyor { opacity: .6; }
.uns-yukle__oge.is-hata { background: var(--s-err-bg); border-color: #F1B9B2; color: var(--s-err); }

.uns-yukle__kucuk {
	width: 44px;
	height: 44px;
	flex: none;
	border-radius: 10px;
	background-color: var(--s-soft);
	background-size: cover;
	background-position: center;
}

.uns-yukle__kucuk--model {
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 800;
	color: var(--s-muted);
}

.uns-yukle__ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.uns-yukle__durum { font-size: 13px; color: var(--s-muted); }

.uns-sih .uns-yukle__sil {
	width: 36px;
	height: 36px;
	flex: none;
	display: grid;
	place-items: center;
	margin-left: auto;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--s-soft);
	font: inherit;
	font-size: 20px;
	line-height: 1;
	color: var(--s-muted);
	cursor: pointer;
}

.uns-sih .uns-yukle__sil:hover { background: var(--s-err-bg); color: var(--s-err); }

/* ---------- Plaka ---------- */

.uns-plaka__fontlar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.uns-plaka__font { position: relative; cursor: pointer; }

.uns-plaka__font span {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 18px;
	border: 1.5px solid var(--s-line);
	border-radius: 14px;
	background: #fff;
	font-size: 18px;
	transition: border-color .15s ease, color .15s ease, background .15s ease;
}

.uns-plaka__font:hover input:not(:checked) + span { border-color: var(--s-brand); color: var(--s-brand); }

.uns-plaka__font input:checked + span {
	border-color: var(--s-brand);
	background: var(--s-tint);
	box-shadow: 0 0 0 3px rgba(20, 52, 85, .12);
}

.uns-plaka__onizleme {
	margin-top: 14px;
	padding: 16px 18px;
	background: #F8FAFC;
	border: 1.5px dashed var(--s-line2);
	border-radius: 18px;
	text-align: center;
	font-size: 36px;
	line-height: 1.15;
	color: var(--s-brand-dk);
	word-break: break-word;
}

/* =========================================================
   ADIM 5 — TESLİMAT
   ========================================================= */

.uns-sih__hazirlik {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 32px;
	padding: 14px 16px;
	border: 1px solid var(--s-line);
	border-radius: 16px;
	background: var(--s-soft);
	font-size: 14px;
	line-height: 1.5;
	color: var(--s-brand);
}

.uns-sih__hazirlik:empty { display: none; }
.uns-sih__hazirlik p { margin: 0; }
.uns-sih__hazirlik b { font-weight: 800; }

.uns-sih__teslim {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	max-width: 520px;
	padding: 5px;
	border-radius: 17px;
	background: var(--s-soft);
}

.uns-tesl__tip { position: relative; display: block; cursor: pointer; }

.uns-tesl__tip span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 50px;
	border-radius: 13px;
	font-size: 15px;
	font-weight: 800;
	color: var(--s-muted);
	transition: color .15s ease, background .15s ease;
}

.uns-tesl__tip svg { width: 20px; height: 20px; }

.uns-tesl__tip:hover input:not(:checked) + span { color: var(--s-brand); }

.uns-tesl__tip input:checked + span {
	background: #fff;
	color: var(--s-ink);
	box-shadow: 0 2px 8px rgba(20, 52, 85, .12);
}

.uns-sih__uyari {
	display: flex;
	margin: 14px 0 0;
	max-width: 520px;
	padding: 14px 16px;
	border: 1px solid var(--s-warn-line);
	border-radius: 16px;
	background: var(--s-warn-bg);
	font-size: 14px;
	line-height: 1.5;
	color: var(--s-warn);
}

.uns-sih__ipucu { margin: 8px 0 0; font-size: 13px; color: var(--s-muted); }
.uns-sih__ipucu:empty { display: none; }

.uns-sih__iletisim { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

/* ---------- Tarih alanı ve takvim ---------- */

.uns-tarih { position: relative; max-width: 420px; }

.uns-sih .uns-tarih__alan {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 54px;
	padding: 0 16px;
	border: 1.5px solid var(--s-line2);
	border-radius: 14px;
	background: #fff;
	font: inherit;
	font-size: 15.5px;
	text-align: left;
	color: var(--s-ink);
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.uns-tarih__alan svg { color: var(--s-faint); }
.uns-tarih__alan .is-bos { color: var(--s-faint); }

.uns-sih .uns-tarih__alan:hover,
.uns-sih .uns-tarih__alan[aria-expanded="true"] {
	border-color: var(--s-brand);
	background: #fff;
	color: var(--s-ink);
}

.uns-sih .uns-tarih__alan[aria-expanded="true"] { box-shadow: 0 0 0 4px rgba(20, 52, 85, .14); }

.uns-takvim__ort { display: none; }

.uns-takvim {
	position: absolute;
	z-index: 40;
	top: calc(100% + 8px);
	left: 0;
	width: 380px;
	max-width: 100%;
	padding: 18px;
	border: 1px solid var(--s-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(20, 52, 85, .18);
}

.uns-takvim__tutac { display: none; }

.uns-takvim__ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.uns-takvim__ust strong { font-size: 18px; font-weight: 600; letter-spacing: -.01em; }

.uns-sih .uns-takvim__ok {
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1.5px solid var(--s-line);
	border-radius: 12px;
	background: #fff;
	color: var(--s-muted);
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}

.uns-sih .uns-takvim__ok:hover:not(:disabled) { border-color: var(--s-brand); background: #fff; color: var(--s-brand); }
.uns-sih .uns-takvim__ok:disabled { opacity: .4; cursor: not-allowed; }

.uns-takvim__hafta,
.uns-takvim__gunler { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }

.uns-takvim__hafta span { padding: 6px 0; text-align: center; font-size: 12px; font-weight: 800; color: var(--s-muted); }

.uns-takvim__gunler i { height: 44px; }

.uns-sih .uns-takvim__gun {
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: none;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	color: var(--s-ink);
	cursor: pointer;
}

.uns-sih .uns-takvim__gun:hover:not(:disabled):not(.is-secili) { background: var(--s-soft); color: var(--s-ink); }

.uns-sih .uns-takvim__gun:disabled {
	color: #B4BFCC;
	text-decoration: line-through;
	text-decoration-color: #D5DCE6;
	cursor: not-allowed;
}

.uns-sih .uns-takvim__gun.is-pazar:disabled {
	background: repeating-linear-gradient(135deg, #F1F4F8 0 6px, #fff 6px 12px);
	text-decoration: none;
}

.uns-sih .uns-takvim__gun.is-secili,
.uns-sih .uns-takvim__gun.is-secili:hover { background: var(--s-brand); color: #fff; }

.uns-takvim__not { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--s-line); font-size: 13px; color: var(--s-muted); }

/* =========================================================
   ÖZET KARTI (masaüstü) / ALT ÇUBUK (mobil)
   ========================================================= */

.uns-sih__ozet {
	padding: 20px;
	background: #fff;
	border: 1px solid var(--s-line);
	border-radius: 20px;
	box-shadow: var(--s-sh);
}

.uns-sih__ozet-bos { padding: 6px 0; text-align: center; font-size: 14.5px; color: var(--s-muted); }

.uns-sih__ozet-uyari {
	padding: 12px 14px;
	border: 1px solid var(--s-warn-line);
	border-radius: 14px;
	background: var(--s-warn-bg);
	font-size: 14px;
	color: var(--s-warn);
}

.uns-sih__ozet-satir {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 7px 0;
	font-size: 14.5px;
}

.uns-sih__ozet-satir span:first-child { color: #33435A; }
.uns-sih__ozet-satir span:last-child { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

.uns-sih__ozet-teklif {
	margin: 10px 0 0;
	padding: 12px 14px;
	border: 1px solid var(--s-warn-line);
	border-radius: 14px;
	background: var(--s-warn-bg);
	color: var(--s-warn);
}

.uns-sih__ozet-teklif strong { display: block; margin-bottom: 2px; font-size: 14px; font-weight: 800; }
.uns-sih__ozet-teklif span { font-size: 13px; line-height: 1.45; }

.uns-sih__ozet-ust { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--s-line); }

.uns-sih__ozet-toplam { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 0 12px; }

.uns-sih__ozet-toplam > span { font-weight: 800; }

.uns-sih__ozet-toplam > strong {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.uns-sih__ozet-alt { grid-column: 1 / -1; margin-top: 8px; font-size: 13px; color: var(--s-muted); }

.uns-sih .uns-sih__ozet-tg { display: none; }

/* ---------- Gezinme ---------- */

.uns-sih__gezinme { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.uns-sih .uns-sih__geri,
#uns-sih .uns-sih__ileri,
#uns-sih .uns-sih__sonuc-btn,
#uns-sih .uns-sih__tel {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 24px;
	border-radius: 14px;
	font: inherit;
	font-size: 16px;
	font-weight: 800;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.uns-sih .uns-sih__geri {
	border: 1.5px solid var(--s-line2);
	background: #fff;
	color: var(--s-ink);
}

.uns-sih .uns-sih__geri:hover { border-color: var(--s-brand); background: #fff; color: var(--s-brand); }

#uns-sih .uns-sih__ileri,
#uns-sih .uns-sih__sonuc-btn,
#uns-sih .uns-sih__tel {
	border: 1.5px solid var(--s-brand);
	background: var(--s-brand);
	color: #fff;
}

#uns-sih .uns-sih__ileri { min-width: 260px; margin-left: auto; }

#uns-sih .uns-sih__ileri:hover:not(:disabled),
#uns-sih .uns-sih__sonuc-btn:hover,
#uns-sih .uns-sih__tel:hover { background: var(--s-brand-dk); border-color: var(--s-brand-dk); color: #fff; }

#uns-sih .uns-sih__ileri:disabled { opacity: .42; cursor: not-allowed; }
#uns-sih .uns-sih__ileri.is-yukleniyor { opacity: .75; pointer-events: none; }

.uns-sih__hata {
	margin: 16px 0 0;
	padding: 14px 16px;
	border: 1px solid #F1B9B2;
	border-radius: 16px;
	background: var(--s-err-bg);
	font-size: 14px;
	line-height: 1.5;
	color: var(--s-err);
}

/* =========================================================
   SONUÇ EKRANI VE KAPALI DURUMU
   ========================================================= */

.uns-sih__sonuc,
.uns-sih--kapali {
	grid-column: 1 / -1;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	padding: 44px 24px 32px;
	background: #fff;
	border: 1px solid var(--s-line);
	border-radius: 20px;
	box-shadow: var(--s-sh);
	text-align: center;
	animation: uns-sih-gir .3s ease;
}

.uns-sih__sonuc-ikon {
	display: inline-grid;
	place-items: center;
	width: 76px;
	height: 76px;
	margin-bottom: 22px;
	border-radius: 50%;
}

.uns-sih__sonuc-ikon.is-sepet { background: var(--s-ok-bg); color: var(--s-ok); }
.uns-sih__sonuc-ikon.is-teklif { background: var(--s-warn-bg); color: #B8680F; }
.uns-sih__sonuc-ikon.is-bilgi { background: var(--s-tint); color: var(--s-brand); }

.uns-sih__sonuc h3,
.uns-sih--kapali .uns-sih__baslik {
	margin: 0 0 12px;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.15;
	color: var(--s-ink);
}

.uns-sih__sonuc p,
.uns-sih--kapali p { margin: 0 0 8px; font-size: 15.5px; line-height: 1.6; color: #33435A; }

.uns-sih__sonuc-no { font-size: 16px; }
.uns-sih__sonuc-no strong { font-family: ui-monospace, 'SFMono-Regular', Menlo, monospace; font-weight: 700; letter-spacing: .02em; }

.uns-sih__sonuc p.uns-sih__sonuc-tahmin {
	display: inline-block;
	margin-top: 16px;
	padding: 14px 20px;
	border-radius: 16px;
	background: var(--s-soft);
}

.uns-sih__sonuc-tahmin em { font-style: normal; font-size: 13px; color: var(--s-muted); }

.uns-sih__sonuc-dugmeler { display: flex; flex-direction: column; gap: 10px; margin-top: 26px; }

#uns-sih .uns-sih__sonuc-btn.is-ikincil {
	border-color: var(--s-line2);
	background: #fff;
	color: var(--s-ink);
}

#uns-sih .uns-sih__sonuc-btn.is-ikincil:hover { border-color: var(--s-brand); background: #fff; color: var(--s-brand); }

.uns-sih--kapali { padding-top: 44px; }

.uns-sih--kapali .uns-sih__tel,
.uns-sih--kapali a[href^="tel:"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 54px;
	margin-top: 18px;
	border-radius: 14px;
	background: var(--s-brand);
	font-size: 16px;
	font-weight: 800;
	text-decoration: none;
	color: #fff;
}

.uns-sih--kapali a[href^="tel:"]:hover { background: var(--s-brand-dk); color: #fff; }

.uns-sih__onizleme-not {
	max-width: 1200px;
	margin: 0 auto 20px;
	padding: 12px 16px;
	border: 1px solid #EFC98F;
	border-radius: 14px;
	background: #FFF3E2;
	font-size: 13.5px;
	line-height: 1.5;
	color: #7A4A10;
}

/* =========================================================
   MOBİL (< 900px) — ilerleme çubukları + yapışkan alt çubuk
   ========================================================= */

@media (max-width: 899px) {

	/* Başlık ekran okuyucu için kalır, görsel olarak gizlenir */
	.uns-sih__kicker,
	.uns-sih__baslik {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}

	.uns-sih--kapali .uns-sih__baslik {
		position: static;
		width: auto;
		height: auto;
		margin: 0 0 12px;
		overflow: visible;
		clip: auto;
		white-space: normal;
	}

	.uns-sih__ust { padding-top: 6px; }

	.uns-sih__adimlar { display: flex; gap: 6px; margin: 0; }

	.uns-sih__adim {
		flex: 1;
		height: 5px;
		padding: 0;
		border: 0;
		border-radius: 5px;
		background: var(--s-line);
		font-size: 0;
	}

	.uns-sih__adim-no,
	.uns-sih__adim-ad { display: none; }

	.uns-sih__adim.is-tamam { background: var(--s-mid); }
	.uns-sih__adim.is-aktif { background: var(--s-brand); }

	.uns-sih__adimbilgi {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px;
	}

	.uns-sih__adimbilgi span {
		font-size: 12px;
		font-weight: 800;
		letter-spacing: .09em;
		text-transform: uppercase;
		color: var(--s-muted);
	}

	.uns-sih__adimbilgi b { font-weight: 800; }
	.uns-sih__adimbilgi strong { font-size: 15px; font-weight: 800; }

	.uns-sih__govde { margin-top: 24px; }

	.uns-sih__soru { margin: 32px 0 14px; font-size: 22px; }

	/* Format kartları: solda ikon, yanında metin */
	.uns-sih__formatlar { grid-template-columns: 1fr; gap: 12px; }
	.uns-format,
	.uns-format:nth-child(n+4) { grid-column: auto; }

	.uns-format__ic {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		column-gap: 14px;
		align-items: start;
		padding: 16px;
	}

	.uns-format__ikon { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
	.uns-format__ad,
	.uns-format__aciklama,
	.uns-format__alt { grid-column: 2; }

	.uns-sih__sekiller { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

	.uns-kisi { padding: 22px 18px 18px; }
	.uns-kisi__deger span { font-size: 64px; }

	.uns-sih__iletisim { grid-template-columns: 1fr; gap: 12px; }

	.uns-tarih { max-width: none; }

	/* Takvim: alttan açılan sayfa */
	.uns-takvim__ort {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 99998;
		background: rgba(12, 34, 56, .45);
	}

	.uns-takvim {
		position: fixed;
		z-index: 99999;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		max-width: none;
		max-height: 88vh;
		overflow-y: auto;
		padding: 10px 20px calc(24px + env(safe-area-inset-bottom, 0px));
		border: 0;
		border-radius: 24px 24px 0 0;
		animation: uns-sih-yukari .22s ease;
	}

	.uns-takvim__tutac {
		display: block;
		width: 44px;
		height: 5px;
		margin: 0 auto 14px;
		border-radius: 5px;
		background: var(--s-line2);
	}

	/* Alt çubuk */
	#uns-sih .uns-sih__alt {
		position: sticky;
		bottom: calc(var(--uns-alt-yuk, 0px) + env(safe-area-inset-bottom, 0px));
		z-index: 30;
		display: flex;
		flex-direction: column;
		margin: 28px calc(50% - 50vw) 0;
		padding: 12px 20px 14px;
		background: #fff;
		border-top: 1px solid var(--s-line);
		box-shadow: 0 -10px 30px rgba(20, 52, 85, .08);
	}

	#uns-sih .uns-sih__ozet {
		position: static;
		order: 1;
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	#uns-sih .uns-sih__hata { order: 2; margin: 0 0 10px; padding: 10px 12px; }
	#uns-sih .uns-sih__gezinme { order: 3; margin: 0; }

	.uns-sih__ozet-bos { padding: 2px 0 10px; font-size: 13.5px; }

	/* Fiyat satırları yalnızca "Ayrıntı" açıkken görünür */
	.uns-sih__ozet-satirlar,
	.uns-sih__ozet-teklif { display: none; }

	.uns-sih__ozet.is-acik .uns-sih__ozet-satirlar {
		display: block;
		max-height: 38vh;
		overflow-y: auto;
		padding-bottom: 6px;
	}

	.uns-sih__ozet.is-acik .uns-sih__ozet-teklif { display: block; margin: 6px 0 0; }

	.uns-sih__ozet-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 0; padding: 0 0 12px; border: 0; }
	.uns-sih__ozet.is-acik .uns-sih__ozet-ust { margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--s-line); }

	.uns-sih__ozet-toplam { display: block; }

	.uns-sih__ozet-toplam > span {
		display: block;
		font-size: 12px;
		letter-spacing: .09em;
		text-transform: uppercase;
		color: var(--s-muted);
	}

	.uns-sih__ozet-toplam > strong { display: block; font-size: 26px; letter-spacing: -.02em; line-height: 1.1; }
	.uns-sih__ozet-alt { margin-top: 2px; }

	.uns-sih .uns-sih__ozet-tg {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		flex: none;
		padding: 6px 0;
		border: 0;
		background: none;
		font: inherit;
		font-size: 13.5px;
		font-weight: 800;
		color: var(--s-brand);
		cursor: pointer;
	}

	.uns-sih .uns-sih__ozet-tg:hover { background: none; color: var(--s-brand-dk); }
	.uns-sih__ozet-tg svg { transition: transform .18s ease; }
	.uns-sih__ozet-tg[aria-expanded="true"] svg { transform: rotate(180deg); }

	#uns-sih .uns-sih__gezinme { gap: 10px; }
	#uns-sih .uns-sih__ileri { flex: 1; min-width: 0; margin-left: 0; }
	.uns-sih .uns-sih__geri { padding: 0 18px; }

	.uns-sih__sonuc,
	.uns-sih--kapali { padding: 36px 20px 26px; }
}

@media (max-width: 480px) {

	.uns-kat { grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.uns-kat__gorsel,
	.uns-kat__mesaj,
	.uns-kat__secim { grid-column: 1; }
	.uns-kat__mesaj { grid-row: 2; }
	.uns-kat__gorsel { grid-row: 1; }

	.uns-ilham { padding: 16px; }
	.uns-ilham__ara { flex-wrap: wrap; }
	.uns-ilham__ara svg { top: 19px; }
	.uns-sih .uns-ilham__ara input { flex: none; width: 100%; }
	#uns-sih .uns-ilham__ara button { width: 100%; }

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

	.uns-ekstra__ic { gap: 12px; padding: 12px 14px; }

	.uns-plaka__onizleme { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
	.uns-sih__sayfa.is-acik,
	.uns-sih__sonuc,
	.uns-takvim { animation: none; }
}