/**
 * Trend Loca – sepet ve tek sayfa ödeme (yalnızca bu sayfada yüklenir). Ölçüler mockup 04'ten
 * (mockup-kaynak/Sepet.dc.html). Önce telefon (390 px); bilgisayarda form solda, sepet sağda sabit.
 */

:root {
	--tl-yesil-koyu: #4E6B3A;
	--tl-alan-cizgi: #D9CFC2;
	--tl-seftali: #FFF6EE;
	--tl-kargo-zemin: #FAF3EC;
}

body.tl-odeme-sayfasi {
	background: var(--tl-zemin);
}

.tl-odeme-ana {
	padding-bottom: var(--tl-yuzen-bosluk, 88px);
}

.tl-yesil {
	color: var(--tl-yesil-koyu);
}

.tl-kalin {
	font-weight: 600;
}

/* ---------- Üst şerit: geri · Sepetim (4) · kilit ---------- */
.tl-odeme-ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	max-width: 1180px;
	margin: 0 auto;
	padding: 12px 16px;
	box-sizing: border-box;
}

.tl-odeme-ust__geri,
.tl-odeme-ust__kilit {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--tl-metin);
	flex-shrink: 0;
}

.tl-odeme-ust__kilit {
	color: var(--tl-yesil-koyu);
}

.tl-odeme-ust__logo {
	display: none;
}

.tl-odeme-ust__baslik {
	flex: 1;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}

.tl-odeme-sayfa__ic {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 16px 24px;
	box-sizing: border-box;
}

/* WooCommerce bildirimleri */
.tl-odeme-sayfa .woocommerce-error,
.tl-odeme-sayfa .woocommerce-message,
.tl-odeme-sayfa .woocommerce-info,
.tl-odeme-sayfa .woocommerce-NoticeGroup ul {
	margin: 0 0 14px;
	padding: 14px 16px 14px 36px;
	border-radius: 14px;
	background: #FFF4F1;
	border: 1px solid #F0C9BD;
	color: #7A2C16;
	font-size: 15px;
	line-height: 1.5;
	list-style: disc;
	font-weight: 500;
}

.tl-odeme-sayfa .woocommerce-message,
.tl-odeme-sayfa .woocommerce-info {
	background: #F1F5EC;
	border-color: #D5E0C8;
	color: #2F4322;
	list-style: none;
	padding-left: 16px;
}

/* ---------- Düzen ---------- */
.tl-odeme-duzen {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.tl-sepet {
	display: flex;
	flex-direction: column;
	gap: 14px;
	transition: opacity 0.2s ease;
}

.tl-sepet[aria-busy="true"] {
	opacity: 0.6;
	pointer-events: none;
}

/* ---------- Kutular ---------- */
.tl-kutu {
	margin: 0;
	padding: 14px 16px;
	border-radius: 18px;
	background: var(--tl-beyaz);
	border: 1px solid #EADFD2;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tl-ikincil);
	font-weight: 500;
}

.tl-kutu strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--tl-metin);
}

.tl-kutu--bilgi {
	display: block;
	background: #F3F6EE;
	border-color: #DDE6D2;
	color: #2F4322;
}

.tl-kutu--uyari {
	display: block;
	background: #FFF4F1;
	border-color: #F0C9BD;
	color: #7A2C16;
}

.tl-kutu--ikibir {
	background: #F3EDE4;
	border-color: #E2D6C6;
	text-decoration: none;
}

.tl-kutu--ikibir:hover strong {
	text-decoration: underline;
}

/* Uygulanan ayakkabı/çanta kampanyası ve kazanç */
.tl-kutu--kazanc {
	background: #F1F5EC;
	border-color: #D8E3CB;
	color: #2F4322;
}

.tl-kutu--kazanc strong {
	color: #4E6B3A;
}

/* ---------- Paketler ---------- */
.tl-paket {
	background: var(--tl-beyaz);
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.tl-paket__ust {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
}

.tl-paket__baslik {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--tl-kizil);
}

.tl-paket__baslik--koyu {
	color: #6B5D4B;
}

.tl-paket__teslim {
	font-size: 13px;
	color: var(--tl-soluk);
	text-align: right;
	font-weight: 500;
}

.tl-paket__ucretsiz {
	font-size: 13px;
	font-weight: 600;
	color: var(--tl-yesil-koyu);
}

/* Satır */
.tl-satir {
	display: flex;
	gap: 12px;
	align-items: center;
}

.tl-satir__gorsel {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	background: #F1E7DC;
	flex-shrink: 0;
	overflow: hidden;
}

.tl-satir__gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.tl-satir__bilgi {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.tl-satir__ad {
	font-size: 15px;
	font-weight: 600;
	color: var(--tl-metin);
	text-decoration: none;
}

a.tl-satir__ad:hover {
	text-decoration: underline;
}

.tl-satir__alt {
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-satir__not {
	font-size: 13px;
	font-weight: 600;
	color: var(--tl-yesil-koyu);
}

.tl-satir__fiyat {
	font-size: 15px;
	font-weight: 600;
}

.tl-satir__fiyat del {
	font-weight: 500;
	color: var(--tl-soluk);
}

.tl-satir__adet-yazi {
	font-weight: 500;
	color: var(--tl-soluk);
}

.tl-hediye-etiket {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	background: #F1F5EC;
	color: #2F4322;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
}

.tl-adet {
	display: flex;
	align-items: center;
	border: 1px solid var(--tl-alan-cizgi);
	border-radius: 22px;
	height: 44px;
	flex-shrink: 0;
}

.tl-adet__dugme {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: var(--tl-metin);
	font: inherit;
	font-size: 18px;
	cursor: pointer;
	border-radius: 22px;
}

.tl-adet__dugme:disabled {
	color: #C9C1B1;
	cursor: default;
}

.tl-adet__sayi {
	min-width: 18px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

.tl-satir__kaldir {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: #6B6557;
	cursor: pointer;
	border-radius: 22px;
	flex-shrink: 0;
}

.tl-satir__kaldir:hover {
	color: var(--tl-kizil);
}

/* Kargo kutusu */
.tl-kargo-kutu {
	background: var(--tl-kargo-zemin);
	border-radius: 14px;
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tl-kargo-kutu__satir {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
	font-weight: 500;
}

.tl-kargo-kutu__satir strong {
	font-weight: 600;
}

.tl-kargo-kutu__satir span {
	text-align: right;
}

.tl-kargo-kutu__alt {
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-kargo-kutu__hediye {
	font-size: 13px;
	color: #6B4A2E;
	font-weight: 500;
}

.tl-kargo-kutu__uyari {
	margin: 0;
	font-size: 14px;
	color: #7A2C16;
	font-weight: 500;
}

/* İlerleme çubukları yeşil dolar (şartname bölüm 4). */
.tl-cubuk {
	height: 6px;
	border-radius: 3px;
	background: #E8DFD3;
	overflow: hidden;
}

.tl-cubuk span {
	display: block;
	height: 6px;
	background: var(--tl-yesil-koyu);
	border-radius: 3px;
}

/* Öneriler */
.tl-oneriler {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tl-oneriler__baslik {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.tl-oneriler__liste {
	display: flex;
	gap: 8px;
}

.tl-oneri {
	flex: 1;
	min-width: 0;
	background: var(--tl-zemin);
	border-radius: 14px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.tl-oneri__ad {
	font-size: 14px;
	font-weight: 600;
}

.tl-oneri__fiyat {
	font-size: 14px;
	font-weight: 600;
}

.tl-oneri__ekle {
	min-height: 44px;
	font-size: 13px;
	margin-top: auto;
	font-weight: 600;
}

/* Özet */
.tl-ozet {
	background: var(--tl-beyaz);
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 15px;
}

.tl-ozet__satir {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.tl-ozet__satir span:last-child {
	text-align: right;
	white-space: nowrap;
}

.tl-ozet__toplam {
	border-top: 1px solid #EDE6D8;
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	font-size: 17px;
	font-weight: 600;
}

.tl-ozet__not {
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

/* ---------- Ödeme formu ---------- */
.tl-odeme {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
}

.tl-odeme__ust {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
}

.tl-odeme__baslik {
	margin: 0;
	font-weight: 800;
	font-size: 24px;
}

.tl-odeme__ust span {
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-adim {
	background: var(--tl-beyaz);
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.tl-adim__baslik {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

.tl-alan {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	font-size: 14px;
	min-width: 0;
	font-weight: 500;
}

.tl-alan label {
	font-size: 14px;
	font-weight: 600;
}

.tl-alan input,
.tl-alan select,
.tl-alan textarea {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	min-height: 48px;
	border-radius: 12px;
	border: 1px solid var(--tl-alan-cizgi);
	background: var(--tl-beyaz);
	padding: 0 14px;
	font: inherit;
	font-size: 16px;
	color: var(--tl-metin);
}

.tl-alan textarea {
	padding: 12px 14px;
	line-height: 1.45;
	resize: vertical;
}

.tl-alan select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235C574C' stroke-width='1.6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 34px;
}

.tl-alan select:disabled {
	background-color: #F6F2EC;
	color: var(--tl-soluk);
}

.tl-alan input::placeholder,
.tl-alan textarea::placeholder {
	/* Beyaz zeminde 5,8:1 (eski #8A8478 3,7:1 idi); yazılan değerden (koyu) yine ayrışır. */
	color: #6B655A;
}

.tl-alan .woocommerce-invalid input,
.tl-alan.woocommerce-invalid input,
.tl-alan.woocommerce-invalid select,
.tl-alan.woocommerce-invalid textarea,
.tl-odeme [aria-invalid="true"] {
	border-color: #B3261E;
	box-shadow: 0 0 0 1px #B3261E;
}

.tl-alan__alt {
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-alan-ikili {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.tl-kutucuk {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	line-height: 1.45;
	cursor: pointer;
	min-height: 24px;
	font-weight: 500;
}

.tl-kutucuk input {
	width: 20px;
	height: 20px;
	margin: 0;
	flex-shrink: 0;
	accent-color: var(--tl-toprak);
}

.tl-kutucuk__not {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-kutucuk--kalin {
	font-size: 14px;
	font-weight: 700;
	align-items: center;
}

.tl-kutucuk.woocommerce-invalid span {
	color: #B3261E;
}

.tl-fatura {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 4px;
	border-top: 1px solid var(--tl-cizgi);
}

.tl-fatura[hidden] {
	display: none;
}

.tl-fatura__baslik {
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 600;
}

/* Seçenek kartları (kargo firması, ödeme yöntemi) */
.tl-kargo-secimi,
.tl-yontemler {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tl-yontemler li {
	list-style: none;
	margin: 0;
}

.tl-secenek {
	border: 1px solid var(--tl-alan-cizgi);
	border-radius: 14px;
	padding: 14px;
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 15px;
	cursor: pointer;
	background: var(--tl-beyaz);
}

.tl-secenek--ust {
	align-items: flex-start;
}

.tl-secenek.is-secili,
.tl-secenek:has(input:checked) {
	border: 2px solid var(--tl-toprak);
	padding: 13px;
}

.tl-secenek input {
	width: 20px;
	height: 20px;
	margin: 0;
	flex-shrink: 0;
	accent-color: var(--tl-toprak);
}

.tl-secenek--ust input {
	margin-top: 1px;
}

.tl-secenek__metin {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.tl-secenek__metin strong {
	font-weight: 700;
}

.tl-secenek__metin span {
	font-size: 13px;
	color: var(--tl-soluk);
	line-height: 1.45;
	font-weight: 500;
}

.tl-secenek__fiyat {
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

.tl-secenek--kapali {
	border: 1px dashed var(--tl-alan-cizgi);
	color: #8A8478;
	cursor: default;
	background: transparent;
}

.tl-secenek--kapali .tl-secenek__metin span {
	color: #6E685C;
}

.tl-secenek__bos {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1.5px solid #C9C1B1;
	flex-shrink: 0;
	margin-top: 1px;
}

.tl-kargo-secimi__not,
.tl-yontemler__not {
	margin: 0;
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-kargo-secimi__not {
	font-weight: 600;
	color: var(--tl-yesil-koyu);
}

.tl-yontemler__not {
	margin-top: 10px;
}

.payment_box {
	padding: 4px 0 0 32px;
	font-size: 14px;
	font-weight: 500;
}

/* Size özel */
.tl-teklif {
	background: var(--tl-seftali);
	border: 1px solid #F1DFCD;
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-teklif[hidden] {
	display: none;
}

.tl-teklif__ust {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--tl-kizil);
}

.tl-teklif__ic {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.tl-teklif__ekle {
	flex-shrink: 0;
}

/* Hediye */
.tl-hediye-kutu {
	background: var(--tl-seftali);
	border: 1px solid #F1DFCD;
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-hediye-kutu__ic {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-hediye-kutu__ic[hidden] {
	display: none;
}

.tl-hediye-kutu__metin {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	color: var(--tl-ikincil);
	font-weight: 500;
}

.tl-hediye-kutu textarea,
.tl-hediye-kutu input {
	border-color: #E6D9C9;
}

/* Onaylar ve düğme */
.tl-onaylar a {
	color: var(--tl-kizil);
}

/* KVKK aydınlatma notu: onay kutusu değil, bilgi */
.tl-onaylar__kvkk {
	margin: 4px 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-siparis-dugmesi {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-onayla {
	width: 100%;
	min-height: 58px;
	border-radius: 29px;
	font-size: 16px;
}

.tl-onayla__alt {
	margin: 0;
	font-size: 13px;
	color: var(--tl-soluk);
	text-align: center;
	font-weight: 500;
}

/* Kart ödemesi yarım kaldı */
.tl-kurtarma {
	background: #FFF4F1;
	border: 1px solid #F0C9BD;
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tl-ikincil);
	font-weight: 500;
}

.tl-kurtarma strong {
	font-size: 15px;
	color: var(--tl-metin);
}

.tl-kurtarma__dugmeler {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

/* Sözleşme penceresi */
.tl-pencere {
	width: min(720px, calc(100vw - 24px));
	max-height: calc(100dvh - 24px);
	padding: 0;
	border: 0;
	border-radius: 20px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
}

.tl-pencere[open] {
	display: flex;
	flex-direction: column;
}

.tl-pencere::backdrop {
	background: rgba(28, 27, 23, 0.45);
}

.tl-pencere__ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 8px 8px 20px;
	border-bottom: 1px solid var(--tl-cizgi);
}

.tl-pencere__ust h2 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
}

.tl-pencere__kapat {
	width: 44px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--tl-metin);
	cursor: pointer;
	border-radius: 22px;
}

.tl-pencere__icerik {
	overflow: auto;
	padding: 16px 20px;
	font-size: 15px;
	line-height: 1.6;
}

.tl-pencere__alt {
	padding: 12px 20px 16px;
	border-top: 1px solid var(--tl-cizgi);
	display: flex;
	justify-content: flex-end;
}

.tl-sozlesme h3 {
	margin: 0 0 8px;
	font-size: 15px;
}

.tl-sozlesme__tablo {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 500;
}

.tl-sozlesme__tablo th,
.tl-sozlesme__tablo td {
	border: 1px solid var(--tl-cizgi);
	padding: 6px 8px;
	text-align: left;
	vertical-align: top;
}

.tl-sozlesme__tablo th {
	background: #F6F2EC;
}

.tl-gecici {
	animation: tl-gecici-gir 0.2s ease;
}

@keyframes tl-gecici-gir {
	from { opacity: 0; transform: translateY(-4px); }
}

/* ---------- Boş sepet ---------- */
.tl-bos-sepet {
	max-width: 520px;
	margin: 40px auto;
	padding: 28px 20px;
	background: var(--tl-beyaz);
	border-radius: 24px;
	text-align: center;
}

.tl-bos-sepet h1 {
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: 800;
}

.tl-bos-sepet p {
	margin: 0 0 20px;
	color: var(--tl-ikincil);
	font-size: 15px;
	line-height: 1.5;
}

.tl-bos-sepet__dugmeler {
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

/* ---------- Kartla ödeme ekranı (PayTR penceresi) ---------- */
.tl-odeme-sayfa .woocommerce-order-pay {
	background: var(--tl-beyaz);
	border-radius: 20px;
	padding: 20px 16px;
	font-size: 15px;
	line-height: 1.55;
}

.tl-odeme-sayfa .woocommerce-order-pay ul {
	padding-left: 18px;
}

.tl-odeme-sayfa .woocommerce-order-pay table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	font-weight: 500;
}

.tl-odeme-sayfa .woocommerce-order-pay th,
.tl-odeme-sayfa .woocommerce-order-pay td {
	padding: 6px 0;
	border-bottom: 1px solid var(--tl-cizgi);
	text-align: left;
}

.tl-odeme-sayfa iframe {
	width: 100%;
	border: 0;
}

/* ---------- Bilgisayar ---------- */
@media (min-width: 1024px) {
	.tl-odeme-ust {
		padding: 16px 24px;
	}

	.tl-odeme-ust__logo {
		display: flex;
		margin-right: auto;
	}

	.tl-odeme-ust__baslik {
		flex: 0 0 auto;
	}

	.tl-odeme-sayfa__ic {
		padding: 8px 24px 48px;
	}

	.tl-odeme-duzen {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 440px;
		grid-template-areas: "form sepet";
		gap: 32px;
		align-items: start;
	}

	.tl-odeme-duzen__sepet {
		grid-area: sepet;
		position: sticky;
		top: 16px;
		max-height: calc(100vh - 32px);
		overflow: auto;
		scrollbar-width: thin;
	}

	.tl-odeme {
		grid-area: form;
	}

	.tl-odeme__baslik {
		font-size: 30px;
	}

	.tl-adim,
	.tl-hediye-kutu,
	.tl-teklif {
		padding: 20px 24px;
	}

	.tl-onayla {
		max-width: 480px;
	}

	.tl-siparis-dugmesi {
		align-items: flex-start;
	}

	.tl-onayla__alt {
		text-align: left;
	}
}

/* ---------- Sipariş alındı (mockup 05) ---------- */
.tl-odeme-ust--alindi {
	justify-content: center;
}

.tl-odeme-ust--alindi .tl-odeme-ust__logo {
	display: flex;
	margin: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
}

.tl-odeme-ust--alindi .tl-odeme-ust__logo img {
	width: 48px;
	height: 48px;
	object-fit: cover;
}

.tl-tesekkur {
	max-width: 560px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.tl-tesekkur__ust {
	padding: 24px 8px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.tl-tesekkur__ust h1 {
	margin: 0;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.15;
}

.tl-tesekkur__ust p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--tl-ikincil);
}

.tl-tesekkur__tik {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--tl-yesil-koyu);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tl-tesekkur__tik svg {
	width: 36px;
	height: 36px;
}

.tl-tesekkur__bilgi {
	margin: 0;
	padding: 12px 16px;
	border-radius: 14px;
	background: #F1F5EC;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-kart-kutu {
	margin: 0;
	padding: 16px;
	border-radius: 20px;
	background: var(--tl-beyaz);
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-kart-kutu h2 {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
}

.tl-tesekkur__paketler {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.tl-tesekkur__paketler h2 {
	margin: 0;
}

.tl-tesekkur__paket {
	display: flex;
	gap: 12px;
	align-items: center;
}

.tl-tesekkur__paket div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.tl-tesekkur__paket strong {
	font-size: 14px;
	font-weight: 600;
}

.tl-tesekkur__paket span {
	color: var(--tl-soluk);
}

.tl-tesekkur__nokta {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--tl-toprak);
}

.tl-tesekkur__nokta--gida {
	background: var(--tl-kizil);
}

.tl-tesekkur__kanal,
.tl-tesekkur__foto,
.tl-tesekkur__kirilma {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.tl-tesekkur__kanal div,
.tl-tesekkur__foto div {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.tl-tesekkur__kanal strong,
.tl-tesekkur__foto strong {
	font-size: 14px;
}

.tl-tesekkur__kanal--whatsapp {
	background: #E9F7EE;
}

.tl-tesekkur__kanal--eposta {
	background: #F1F5EC;
}

.tl-tesekkur__kanal-ikon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	background: var(--tl-yesil-koyu);
}

.tl-tesekkur__kanal--whatsapp .tl-tesekkur__kanal-ikon {
	background: #075E54;
}

.tl-tesekkur__foto {
	align-items: center;
	border: 1px solid #E3EBDC;
}

.tl-tesekkur__foto-ikon {
	width: 72px;
	height: 72px;
	border-radius: 14px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EDE4D8;
	color: #6B4A2E;
}

.tl-tesekkur__foto-ikon svg {
	width: 28px;
	height: 28px;
}

.tl-tesekkur__kirilma {
	background: #FBEFE8;
}

.tl-tesekkur__kirilma .tl-ikon {
	flex-shrink: 0;
	color: var(--tl-kizil);
}

.tl-tesekkur__havale dl {
	margin: 12px 0 0;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 8px 12px;
	align-items: start;
}

.tl-tesekkur__havale dt {
	color: var(--tl-soluk);
}

.tl-tesekkur__havale dd {
	margin: 0;
	word-break: break-word;
}

.tl-tesekkur__havale .tl-tesekkur__iban-satir {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.tl-tesekkur__havale p {
	margin: 0;
}

.tl-tesekkur__iban {
	font-weight: 600;
	letter-spacing: 0.02em;
}

.tl-kopyala {
	min-height: 44px;
	padding: 0 14px;
	border: 1.5px solid var(--tl-alan-cizgi);
	border-radius: 22px;
	background: transparent;
	font: inherit;
	font-size: 13px;
	cursor: pointer;
	color: var(--tl-metin);
	font-weight: 600;
}

.tl-tesekkur__dugmeler {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-tesekkur__dugmeler .tl-dugme {
	width: 100%;
	min-height: 54px;
	border-radius: 27px;
	font-size: 15px;
}

.tl-tesekkur__dugmeler .tl-dugme--cizgili {
	color: var(--tl-toprak);
	box-shadow: inset 0 0 0 1.5px var(--tl-toprak);
}

.tl-tesekkur__dugmeler .tl-dugme--cizgili:hover {
	background: #F3EEE7;
	color: var(--tl-toprak);
}

.tl-tesekkur__hesap {
	margin: 14px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-tesekkur__hesap-dugme {
	min-height: 44px;
	padding: 0 12px;
	border: 0;
	background: none;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--tl-kizil);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}


/* 1.1.16: kapıda ödeme bedeli yalnızca seçilince (onaydan önce görünür) */
.tl-secenek__not {
	display: block;
	margin-top: 4px;
	color: #8E3A1E;
	font-size: 13px;
	font-weight: 600;
}

.tl-secenek__not[hidden] {
	display: none;
}

.tl-onayla__alt .tl-bilgi-ac {
	color: inherit;
}