/**
 * Trend Loca – sitenin tek stil dosyası.
 * Önce telefon (390 px), sonra bilgisayar (1024 px ve üstü). Ölçüler onaylı mockup'lardan.
 * Renkler theme.json'dan gelir (--wp--preset--color--*).
 */

/* ---------- Ortak değişkenler ---------- */
:root {
	--tl-zemin: var(--wp--preset--color--zemin, #FAF8F4);
	--tl-beyaz: var(--wp--preset--color--beyaz, #FFFFFF);
	--tl-kizil: var(--wp--preset--color--kizil, #9C3A1E);
	--tl-toprak: var(--wp--preset--color--toprak, #2B1A12);
	--tl-metin: var(--wp--preset--color--metin, #1C1B17);
	--tl-ikincil: var(--wp--preset--color--ikincil, #4A463D);
	--tl-soluk: var(--wp--preset--color--soluk, #5C574C);
	--tl-cizgi: var(--wp--preset--color--cizgi, #ECE5DA);
	--tl-logo-gecis: linear-gradient(135deg, #FF9F1C, #FF2E7E, #A21CFF);
	--tl-kenar: clamp(16px, calc(9.6vw - 58px), 80px);
	/* Sayfa sonu boşluğu: son içerik sağ alttaki düğmelerin altında kalmasın. */
	--tl-yuzen-bosluk: 88px;
}

body:has(.tl-yuzen__loca) {
	--tl-yuzen-bosluk: 144px;
}

/* ---------- Temel ---------- */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	overflow-x: clip;
	/* Gövde 450: Urbanist 400 Windows'ta (ClearType) ince ve silik görünüyor; değişken dosyada gerçek ağırlık. */
	font-weight: 450;
	/* Yalnızca yüklü kalınlıklar kullanılsın (Cormorant 500): tarayıcı sahte kalın üretmesin. */
	font-synthesis-weight: none;
}

/* Form ipucu yazısı beyaz zeminde 4,5:1 üstü (tarayıcı varsayılanı ~3,7:1). */
::placeholder {
	color: #6B655A;
	opacity: 1;
}

/* WooCommerce blok bildirimleri (sepet/ödeme) okunur boyda. */
.wc-block-components-notice-banner,
.wc-block-components-notice-banner__content {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
}

img,
video {
	max-width: 100%;
	height: auto;
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--tl-kizil);
	outline-offset: 2px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Şablon parçalarının kendi kapları boşluk eklemesin. */
.wp-site-blocks > .wp-block-template-part,
.wp-block-template-part > .wp-block-template-part {
	margin-block-start: 0;
}

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

.tl-sayfa {
	padding-top: 32px;
	padding-bottom: 48px;
	min-height: 40vh;
}

.tl-ust-baslik {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #6B5A3A;
}

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

/* ---------- Kampanya bandı (sabit 56 px) ---------- */
.tl-bant {
	position: relative;
	height: 56px;
	box-sizing: border-box;
	padding: 8px 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	overflow: hidden;
	background: var(--tl-toprak);
	color: #F6F2EA;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.2;
}

.tl-bant__liste {
	position: relative;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tl-bant__mesaj {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s;
}

.tl-bant__mesaj.is-aktif {
	opacity: 1;
	visibility: visible;
}

.tl-bant__mesaj > * {
	overflow: hidden;
	text-overflow: ellipsis;
}

.tl-bant a {
	position: relative;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tl-bant a:hover {
	color: #FFFFFF;
}

/* Bağlantının dokunma alanı bandın tüm yüksekliği kadar (en az 44 px). */
.tl-bant a::after {
	content: "";
	position: absolute;
	inset: -16px -8px;
}

.tl-bant__noktalar {
	display: flex;
	gap: 5px;
}

.tl-bant__noktalar span {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #6B5246;
}

.tl-bant__noktalar span.is-aktif {
	background: #F6F2EA;
}

@media (prefers-reduced-motion: reduce) {
	.tl-bant__mesaj {
		transition: none;
	}
}

/* Bilgisayarda mesajlar sığıyorsa yan yana durur; sığmazsa JS "is-donen" ekler ve döner. */
@media (min-width: 1024px) {
	.tl-bant:not(.is-donen) .tl-bant__liste {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 28px;
		overflow: hidden;
	}

	.tl-bant:not(.is-donen) .tl-bant__mesaj {
		position: static;
		opacity: 1;
		visibility: visible;
		transition: none;
	}

	.tl-bant:not(.is-donen) .tl-bant__mesaj + .tl-bant__mesaj::before {
		content: "·";
		margin-right: 28px;
		opacity: 0.5;
	}

	.tl-bant:not(.is-donen) .tl-bant__noktalar {
		display: none;
	}
}

/* ---------- Üst alan ---------- */
.tl-ust {
	background: var(--tl-zemin);
}

.tl-ust__ic {
	display: grid;
	grid-template-columns: 44px 1fr 44px;
	align-items: center;
	min-height: 76px;
	padding: 12px 16px;
	box-sizing: border-box;
}

.tl-ust__dugme {
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--tl-metin);
	cursor: pointer;
	text-decoration: none;
}

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

.tl-ust__logo {
	justify-self: center;
	display: flex;
	width: 52px;
	height: 52px;
}

.tl-ust__logo img {
	width: 52px;
	height: 52px;
	border-radius: 50%;
}

.tl-ust__nav,
.tl-ust__ara,
.tl-ust__hesap {
	display: none;
}

.tl-ust__sag {
	display: flex;
	justify-content: flex-end;
}

/* Sepet rozeti: logo renk geçişli halka, içi beyaz. */
.tl-rozet {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 22px;
	height: 22px;
	padding: 2px;
	box-sizing: border-box;
	display: flex;
	border-radius: 11px;
	background: var(--tl-logo-gecis);
	pointer-events: none;
}

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

.tl-rozet::after {
	content: attr(data-adet);
	flex: 1;
	padding: 0 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

@media (min-width: 1024px) {
	.tl-ust {
		border-bottom: 1px solid var(--tl-cizgi);
	}

	.tl-ust__ic {
		display: flex;
		gap: 40px;
		min-height: 92px;
		padding: 16px var(--tl-kenar);
	}

	.tl-ust__menu-ac {
		display: none;
	}

	.tl-ust__logo,
	.tl-ust__logo img {
		width: 60px;
		height: 60px;
	}

	.tl-ust__nav {
		display: block;
	}

	.tl-ust .tl-menu {
		display: flex;
		gap: 32px;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 15px;
		font-weight: 500;
		white-space: nowrap;
	}

	.tl-ust .tl-menu a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		color: var(--tl-metin);
		text-decoration: none;
	}

	.tl-ust .tl-menu a:hover,
	.tl-ust .tl-menu .tl-menu__vurgu a,
	.tl-ust .tl-menu .is-aktif a,
	.tl-ust .tl-menu .current-menu-item a {
		color: var(--tl-kizil);
	}

	.tl-ust .tl-menu .is-aktif a,
	.tl-ust .tl-menu .current-menu-item a {
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 8px;
	}

	.tl-ust__ara {
		display: block;
		position: relative;
		flex: 1;
		min-width: 200px;
	}

	.tl-ust__ara .tl-ikon {
		position: absolute;
		left: 18px;
		top: 15px;
		color: #6B6557;
		pointer-events: none;
	}

	.tl-ust__ara input[type="search"] {
		width: 100%;
		height: 48px;
		box-sizing: border-box;
		padding: 0 18px 0 46px;
		border: 1px solid #DDD5C8;
		border-radius: 24px;
		background: var(--tl-beyaz);
		color: var(--tl-metin);
		font: inherit;
		font-size: 15px;
	}

	.tl-ust__sag {
		gap: 8px;
	}

	.tl-ust__sag .tl-ust__dugme {
		width: 48px;
		height: 48px;
	}

	.tl-ust__hesap {
		display: inline-flex;
	}

	.tl-rozet {
		top: 4px;
		right: 2px;
	}
}

/* ---------- Mobil menü (çekmece) ---------- */
.tl-cekmece {
	position: fixed;
	inset: 0 auto 0 0;
	width: min(86vw, 360px);
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 12px 16px 24px;
	box-sizing: border-box;
	overflow-y: auto;
	border: 0;
	background: var(--tl-zemin);
	color: var(--tl-metin);
}

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

html:has(.tl-cekmece[open]) {
	overflow: hidden;
}

.tl-cekmece__ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.tl-cekmece__baslik {
	font-size: 18px;
	font-weight: 800;
}

.tl-cekmece__ara {
	position: relative;
	margin-bottom: 8px;
}

.tl-cekmece__ara .tl-ikon {
	position: absolute;
	left: 16px;
	top: 15px;
	color: #6B6557;
	pointer-events: none;
}

.tl-cekmece__ara input[type="search"] {
	width: 100%;
	height: 48px;
	box-sizing: border-box;
	padding: 0 16px 0 42px;
	border: 1px solid #DDD5C8;
	border-radius: 24px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	font: inherit;
	font-size: 16px;
}

.tl-cekmece__menu,
.tl-cekmece__alt {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tl-cekmece__menu a {
	display: flex;
	align-items: center;
	min-height: 52px;
	border-bottom: 1px solid var(--tl-cizgi);
	color: var(--tl-metin);
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
}

.tl-cekmece__menu .tl-menu__vurgu a {
	color: var(--tl-kizil);
}

.tl-cekmece__alt {
	margin-top: 16px;
}

.tl-cekmece__alt a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	color: var(--tl-ikincil);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

/* ---------- Alt bilgi (açık renk) ---------- */
.tl-alt {
	margin-top: 44px;
	padding: 32px 24px calc(32px + var(--tl-yuzen-bosluk));
	border-top: 1px solid var(--tl-cizgi);
	background: var(--tl-beyaz);
	color: var(--tl-metin);
}

.tl-alt__ic {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.tl-alt__marka a {
	display: inline-flex;
}

.tl-alt__logo {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}

.tl-alt__baslik {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.tl-alt__alisveris {
	display: none;
}

.tl-alt__liste {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
}

.tl-alt__liste--iki {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 16px;
}

.tl-alt__liste a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--tl-metin);
	text-decoration: underline;
	text-underline-offset: 3px;
}

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

.tl-alt__iletisim {
	font-size: 15px;
	line-height: 1.6;
	color: var(--tl-ikincil);
}

.tl-alt__iletisim p,
.tl-alt__iletisim address {
	margin: 0 0 6px;
	font-style: normal;
}

.tl-alt__iletisim a {
	color: var(--tl-metin);
	text-underline-offset: 3px;
}

/* "Adresimiz": kapalıyken yalnızca başlık ve ok; açılınca adres altta görünür. */
.tl-alt__adres {
	margin: 0 0 6px;
}

.tl-alt__adres summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	color: var(--tl-metin);
	cursor: pointer;
	list-style: none;
}

.tl-alt__adres summary::-webkit-details-marker {
	display: none;
}

.tl-alt__adres-ok {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.tl-alt__adres[open] .tl-alt__adres-ok {
	transform: rotate(180deg);
}

.tl-alt__adres address {
	margin: 0 0 4px;
}

@media (prefers-reduced-motion: reduce) {
	.tl-alt__adres-ok {
		transition: none;
	}
}

.tl-alt__alt {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid var(--tl-cizgi);
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-alt__alt p {
	margin: 0;
}

@media (min-width: 1024px) {
	.tl-alt {
		padding: 48px var(--tl-kenar) 40px;
	}

	.tl-alt__ic {
		display: grid;
		grid-template-columns: 1fr 1fr 1.6fr 1.3fr;
		gap: 32px;
	}

	.tl-alt__baslik {
		position: static;
		width: auto;
		height: auto;
		overflow: visible;
		clip: auto;
		margin: 0 0 8px;
		font-size: 15px;
		font-weight: 700;
	}

	.tl-alt__alisveris {
		display: block;
	}

	.tl-alt__liste a {
		min-height: 36px;
	}

	.tl-alt__alt {
		margin-top: 32px;
		padding-right: 220px; /* Sağ alttaki düğmelerin altında kalmasın. */
	}
}

/* Sosyal medya ikonları (adresi boş olan çıkmaz) */
/* Sosyal medya: vitrin başına bir satır, "Antep Kileri:" + ikonlar (1.1.19). Dar ekranda ad ikonların üstüne iner. */
.tl-alt__vitrin {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 6px;
	margin-top: 4px;
	min-width: 0;
}

.tl-alt__vitrin-ad {
	/* İki satırda ikonlar aynı hizada başlasın ("Trend Loca Life:" en uzun ad). */
	min-width: 7rem;
	color: var(--tl-metin);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
}

.tl-alt__ikonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
}

.tl-alt__vitrin-ad + .tl-alt__ikonlar {
	margin-left: 0;
}

.tl-alt__ikonlar a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: var(--tl-toprak);
}

.tl-alt__ikonlar a:hover {
	background: var(--tl-zemin);
	color: var(--tl-kizil);
}

.tl-alt__ikonlar a:focus-visible {
	outline: 2px solid var(--tl-toprak);
	outline-offset: 2px;
}

/* E-bülten formu (Ayarlar'dan açılınca görünür) */
.tl-alt__bulten {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--tl-cizgi);
	max-width: 620px;
}

.tl-alt__bulten .tl-alt__baslik {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
}

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

.tl-bulten__satir input {
	flex: 1;
	min-width: 0;
	min-height: 44px;
	padding: 0 14px;
	box-sizing: border-box;
	border: 1px solid #CFC4B4;
	border-radius: 999px;
	background: var(--tl-beyaz);
	font: inherit;
	font-size: 16px; /* Telefonda odakta yakınlaşma olmasın. */
	color: var(--tl-metin);
}

.tl-bulten__satir input:focus-visible {
	outline: 2px solid var(--tl-toprak);
	outline-offset: 1px;
}

.tl-bulten__riza {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tl-ikincil);
	cursor: pointer;
	font-weight: 500;
}

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

.tl-bulten__riza a {
	color: var(--tl-metin);
	text-underline-offset: 3px;
}

/* Botlar için görünmez alan (insanlar görmez, ekran okuyucu atlar). */
.tl-bulten__tuzak {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.tl-bulten__mesaj {
	margin: 10px 0 0;
	min-height: 1.5em;
	font-size: 14px;
	color: var(--tl-yesil, #4E6B3A);
	font-weight: 600;
}

.tl-bulten__mesaj.is-hata {
	color: #B3261E;
}

/* E-postadaki onay bağlantısıyla gelindiğinde sayfanın üstündeki kutu */
.tl-bulten-onay {
	max-width: 560px;
	margin: 16px auto;
	padding: 16px 18px;
	box-sizing: border-box;
	border: 1px solid var(--tl-cizgi);
	border-radius: 16px;
	background: var(--tl-beyaz);
	font-size: 15px;
	text-align: center;
}

.tl-bulten-onay p {
	margin: 0 0 10px;
}

.tl-bulten-onay.is-tamam p {
	margin: 0;
	color: var(--tl-yesil, #4E6B3A);
	font-weight: 600;
}

@media (max-width: 600px) {
	.tl-bulten-onay {
		margin: 12px 16px;
	}
}

/* ---------- Kampanyalar sayfası (kartlar "Haftanın fırsatları" mockup'ıyla aynı dilde) ---------- */
.tl-kampanyalar__liste {
	display: grid;
	gap: 14px;
}

.tl-kampanya {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 20px;
	border-radius: 20px;
	border: 1px solid #E6DDD0;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
}

.tl-kampanya--kiler {
	border-color: #F3D9C4;
	background: var(--wp--preset--color--seftali, #FFF1E6);
}

.tl-kampanya__ust {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #6B5D4B;
}

.tl-kampanya--kiler .tl-kampanya__ust {
	color: var(--tl-kizil);
}

.tl-kampanya__baslik {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
}

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

.tl-kampanya__link {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 44px;
	font-size: 14px;
	font-weight: 700;
	color: var(--tl-toprak);
	text-decoration: none;
}

.tl-kampanya--kiler .tl-kampanya__link {
	color: var(--tl-kizil);
}

.tl-kampanya__link:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tl-kampanyalar__not {
	margin: 24px 0 0;
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-kampanyalar__kosul {
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 500;
}

.tl-kampanyalar__kosul a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-weight: 600;
	text-underline-offset: 3px;
}

@media (min-width: 768px) {
	.tl-kampanyalar__liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

/* ---------- Sağ alttaki düğmeler (ekrana sabit) ---------- */
.tl-yuzen {
	position: fixed;
	right: 16px;
	bottom: calc(16px + var(--tl-yuzen-kayma, 0px) + var(--tl-serit-kayma, 0px) + env(safe-area-inset-bottom, 0px));
	z-index: 40;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.tl-yuzen > * {
	pointer-events: auto;
}

.tl-yuzen.is-gizli {
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
}

/* WhatsApp koyu yeşili (#075E54) üstünde beyaz ikon ve yazı: 7,67:1 kontrast (AA). */
.tl-yuzen__wa {
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 28px;
	background: var(--wp--preset--color--whatsapp, #075E54);
	color: #FFFFFF;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(43, 26, 18, 0.18);
}

.tl-yuzen__wa:hover {
	color: #FFFFFF;
	background: #054A42;
}

.tl-yuzen__wa-yazi {
	display: none;
}

.tl-yuzen__loca {
	height: 44px;
	padding: 0 12px 0 4px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 0;
	border-radius: 22px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	box-shadow: 0 6px 18px rgba(43, 26, 18, 0.2);
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.tl-yuzen__halka {
	width: 36px;
	height: 36px;
	padding: 2px;
	box-sizing: border-box;
	display: flex;
	border-radius: 50%;
	background: var(--tl-logo-gecis);
}

.tl-yuzen__halka img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--tl-beyaz);
	object-fit: cover;
}

.tl-yuzen__ai {
	padding: 2px 6px;
	border-radius: 6px;
	background: var(--tl-toprak);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 800;
}

/* Aşağı kaydırırken Loca hapı yalnızca logo yuvarlağına küçülür. */
.tl-yuzen.is-kucuk .tl-yuzen__loca {
	padding: 0 4px;
}

.tl-yuzen.is-kucuk .tl-yuzen__loca-yazi,
.tl-yuzen.is-kucuk .tl-yuzen__ai {
	display: none;
}

/*
 * Bilgisayar (1.1.18): düğmeler içerik sütununun dışındaki kenar boşluğunda (--tl-ic) durur, içeriğe binmez.
 * - Kenar boşluğu yazılı hapa yetiyorsa (≥1680 px): "Bize yazın" hapı, boşluğun ortasında.
 * - Yalnızca yuvarlağa yetiyorsa (1360–1679 px): 56 px yuvarlak düğme, boşluğun ortasında.
 * - Yetmiyorsa (1024–1359 px): yuvarlak düğme sağ altta; altına içerik girince saydamlaşır (main.js, telefondaki gibi).
 */
@media (min-width: 1024px) {
	.tl-yuzen {
		right: 16px;
		gap: 16px;
	}

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

	.tl-yuzen__loca {
		padding: 0 4px;
	}

	.tl-yuzen__loca-yazi,
	.tl-yuzen__ai {
		display: none;
	}
}

@media (min-width: 1360px) {
	.tl-yuzen {
		right: max(8px, calc((var(--tl-ic) - 56px) / 2));
	}
}

@media (min-width: 1680px) {
	/* 176 px: yazılı Loca hapının da sığacağı genişlik (WhatsApp hapı 152 px). */
	.tl-yuzen {
		right: max(8px, calc((var(--tl-ic) - 176px) / 2));
	}

	.tl-yuzen__wa {
		width: 152px;
		padding: 0 16px 0 12px;
	}

	.tl-yuzen__wa-yazi {
		display: inline;
	}

	.tl-yuzen__loca {
		padding: 0 12px 0 4px;
	}

	.tl-yuzen__loca-yazi,
	.tl-yuzen__ai {
		display: inline;
	}

	.tl-yuzen.is-kucuk .tl-yuzen__loca-yazi,
	.tl-yuzen.is-kucuk .tl-yuzen__ai {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tl-yuzen {
		transition: none;
	}
}

/* =========================================================================
   2. parça: ana sayfa, Antep Kileri, gıda ürün sayfası
   ========================================================================= */

:root {
	/* Bilgisayarda içerik en çok 1280 px; kenar boşluğu buna göre büyür. */
	--tl-ic: max(var(--tl-kenar), calc((100% - 1280px) / 2));
	--tl-yesil: var(--wp--preset--color--yesil, #4E6B3A);
}

.tl-ana-sayfa,
.tl-liste-sayfasi,
.tl-urun-sayfasi {
	padding-bottom: 8px;
}

/* ---------- Düğmeler ---------- */
.tl-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 16px;
	box-sizing: border-box;
	border: 0;
	border-radius: 999px;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Ana düğmelerde ortak basma ve klavye odağı (ana sayfa düğmeleriyle aynı davranış). */
.tl-dugme:active {
	transform: scale(0.98);
}

.tl-dugme:focus-visible {
	outline: 2px solid #8E3A1E;
	outline-offset: 3px;
}

.tl-dugme--pasif:active,
.tl-dugme[aria-busy="true"]:active {
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.tl-dugme {
		transition: none;
	}

	.tl-dugme:active {
		transform: none;
	}
}

.tl-dugme--kizil {
	background: var(--tl-kizil);
	color: #FFFFFF;
}

.tl-dugme--kizil:hover {
	background: #7A2C16;
	color: #FFFFFF;
}

.tl-dugme--koyu {
	background: var(--tl-toprak);
	color: #FFFFFF;
}

.tl-dugme--koyu:hover {
	background: #000000;
	color: #FFFFFF;
}

.tl-dugme--cizgili {
	background: transparent;
	color: var(--tl-kizil);
	box-shadow: inset 0 0 0 1.5px var(--tl-kizil);
}

.tl-dugme--cizgili:hover {
	background: #FBEFE8;
	color: #7A2C16;
}

.tl-dugme--buyuk {
	min-height: 54px;
	padding: 0 24px;
	border-radius: 27px;
	font-size: 15px;
}

.tl-dugme--pasif {
	background: var(--tl-cizgi);
	color: var(--tl-soluk);
	cursor: default;
}

.tl-dugme.is-sepette {
	background: var(--tl-yesil);
	color: #FFFFFF;
	box-shadow: none;
}

.tl-dugme.is-sepette::before {
	content: "✓";
	font-weight: 700;
}

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

/* ---------- Ortak başlıklar ---------- */
.tl-ust-etiket {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #6B5D4B;
}

.tl-ust-etiket--kizil {
	color: var(--tl-kizil);
}

.tl-bolum {
	padding: 40px 16px 0;
}

.tl-bolum__ust {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.tl-bolum__ust .tl-ust-etiket {
	font-size: 13px;
	margin-bottom: 4px;
}

.tl-bolum__baslik {
	margin: 0 0 14px;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.15;
}

.tl-bolum__ust .tl-bolum__baslik {
	margin: 0;
}

.tl-bolum__baslik--kucuk {
	font-size: 22px;
}

.tl-bolum__alt {
	margin: 4px 0 0;
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-bolum__tumu {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 14px;
	font-weight: 600;
	color: var(--tl-kizil);
	white-space: nowrap;
	text-underline-offset: 3px;
}

@media (min-width: 1024px) {
	.tl-bolum {
		padding: 64px var(--tl-ic) 0;
	}

	.tl-bolum__baslik {
		font-size: 34px;
	}

	.tl-bolum__baslik--kucuk {
		font-size: 28px;
	}
}

/* ---------- Video alanı (sabit yükseklik, önce kapak) ---------- */
.tl-video {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: #3A2419;
}

.tl-video__kapak,
.tl-video__oynatici {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tl-video__oynatici {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.tl-video.is-oynuyor .tl-video__oynatici {
	opacity: 1;
}

/* ---------- Video kahraman + güven şeridi ---------- */
.tl-kahraman {
	--tl-kahraman-koyu: #241812;
	--tl-kahraman-cizgi: #E5DACD;
}

.tl-kahraman__medya {
	height: 488px;
}

.tl-video--kahraman .tl-video__kapak,
.tl-video--kahraman .tl-video__oynatici {
	object-position: center 40%;
}

.tl-kahraman__metin {
	padding: 28px 20px 0;
}

/* Bilgisayar fotoğrafı telefonda yok (boş kaynaktan gelir, inmez). */
.tl-kahraman__foto {
	display: none;
}

.tl-kahraman__slogan {
	margin: 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 46px;
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -0.01em;
	color: var(--tl-kahraman-koyu);
}

.tl-kahraman__slogan em {
	font-style: italic;
	color: #8E3A1E;
}

.tl-kahraman__alt {
	margin: 18px 0 0;
	font-size: 16px;
	font-weight: 450;
	line-height: 1.65;
	color: #4A3E35;
}

.tl-kahraman__dugmeler {
	display: none;
}

/* Güven şeridi (telefon): 2 sütun × 3 satır, ince çizgiler. */
.tl-kahraman__guven {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 20px 20px 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--tl-kahraman-cizgi);
}

.tl-kahraman__guven li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 11px 8px;
	text-align: center;
	border-bottom: 1px solid var(--tl-kahraman-cizgi);
}

.tl-kahraman__guven li:nth-child(odd) {
	border-right: 1px solid var(--tl-kahraman-cizgi);
}

.tl-kahraman__guven-baslik {
	font-family: var(--wp--preset--font-family--urbanist);
	font-size: 16px;
	/* Telefonda Urbanist: eğik dosyası yüklü değil, sahte eğik olmasın (bilgisayarda Cormorant eğik). */
	font-style: normal;
	font-weight: 700;
	line-height: 1.25;
	color: var(--tl-kahraman-koyu);
}

.tl-kahraman__guven-alt {
	margin-top: 2px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--tl-ikincil);
	font-weight: 500;
	text-wrap: balance;
}

@media (min-width: 1024px) {
	/* Sütunlar: metin %44 | fotoğraf %56 (ekranın sağ kenarına kadar). */
	.tl-kahraman {
		display: grid;
		grid-template-columns: 44% 56%;
	}

	.tl-kahraman__medya {
		position: relative;
		grid-column: 2;
		grid-row: 1;
		height: min(780px, max(560px, calc(100vh - 148px)));
		background: #3A2419;
	}

	/* Bilgisayarda video ve kapağı yok (kapak boş kaynaktan gelir, video main.js'te başlamaz). */
	.tl-kahraman__medya .tl-video {
		display: none;
	}

	.tl-kahraman__foto {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center 45%;
	}

	/* Yazı grubu sol sütunda yatay ve dikey ortada; sütunun iki yanında 48 px. */
	.tl-kahraman__metin {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0 48px;
	}

	/*
	 * Başlık boyu (--tl-kb): 56–82 px arası ekrana göre (1366 px'te ~64 px), ama hiçbir zaman
	 * gruba sığandan büyük değil. 15.5cqi = grubun genişliği / "Toprağın lezzeti," satırının
	 * em genişliği (6,35) + küçük pay. Grup sütunun 48 px iç boşluğunda kaldığı için fotoğrafla
	 * ara her genişlikte en az 48 px.
	 */
	.tl-kahraman__grup {
		width: 100%;
		max-width: 500px;
		text-align: left;
		container-type: inline-size;
		--tl-kb: min(15.5cqi, clamp(56px, 4.7vw, 82px));
	}

	/* Satırlar <br> ile ayrılır; satırın ortasından kırılmaz ("Toprağın lezzeti," tek satır). */
	.tl-kahraman__slogan {
		font-size: var(--tl-kb);
		line-height: 1;
		white-space: nowrap;
	}

	/* Aralıklar başlıkla orantılı: 82 px başlıkta 26 px ve 52 px. */
	.tl-kahraman__alt {
		margin-top: calc(var(--tl-kb) * 0.317);
		font-size: 19px;
		font-weight: 450;
		line-height: 1.65;
		color: #3A2F28;
	}

	.tl-kahraman__dugmeler {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		margin-top: calc(var(--tl-kb) * 0.634);
	}

	.tl-kahraman__dugme {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		padding: 17px 32px;
		box-sizing: border-box;
		border: 1px solid var(--tl-kahraman-koyu);
		border-radius: 0;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0.04em;
		text-transform: none;
		text-decoration: none;
		transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	}

	.tl-kahraman__dugme--dolu {
		background: var(--tl-kahraman-koyu);
		color: #F6F2EC;
	}

	.tl-kahraman__dugme--dolu:hover {
		background: #0F0906;
		border-color: #0F0906;
		color: #F6F2EC;
	}

	.tl-kahraman__dugme--cizgili {
		background: transparent;
		color: var(--tl-kahraman-koyu);
	}

	.tl-kahraman__dugme--cizgili:hover {
		background: var(--tl-kahraman-koyu);
		color: #F6F2EC;
	}

	.tl-kahraman__dugme:active {
		transform: scale(0.98);
	}

	.tl-kahraman__dugme:focus-visible {
		outline: 2px solid #8E3A1E;
		outline-offset: 3px;
	}

	/* Güven şeridi (bilgisayar): tam genişlik, tek satır, eşit sütunlar. */
	.tl-kahraman__guven {
		grid-column: 1 / -1;
		grid-template-columns: none;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		gap: 24px;
		margin: 0;
		padding: 28px var(--tl-ic);
		border-bottom: 1px solid var(--tl-kahraman-cizgi);
	}

	.tl-kahraman__guven li {
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0;
		text-align: left;
		border: 0;
	}

	.tl-kahraman__guven li:nth-child(odd) {
		border-right: 0;
	}

	.tl-kahraman__guven-baslik {
		font-size: 26px;
		line-height: 1.15;
		font-family: var(--wp--preset--font-family--cormorant);
		font-style: italic;
		font-weight: 500;
	}

	.tl-kahraman__guven-alt {
		margin-top: 6px;
		font-size: 14px;
		letter-spacing: 0;
		text-transform: none;
	}
}

/* 1440 px ve üstü: tasarımdaki 82 px; yalnızca sütuna sığmazsa (ör. 1920 px) biraz küçülür. */
@media (min-width: 1440px) {
	.tl-kahraman__grup {
		--tl-kb: min(15.5cqi, 82px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.tl-kahraman__dugme {
		transition: none;
	}

	.tl-kahraman__dugme:active {
		transform: none;
	}
}

/* ---------- Dünya kartları ---------- */
.tl-dunyalar__liste {
	display: grid;
	gap: 16px;
}

.tl-dunya {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 24px;
	border: 1px solid #EFE3D6;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	text-decoration: none;
}

.tl-dunya--kadin {
	border-color: transparent;
	background: var(--wp--preset--color--kum, #EDE4D8);
}

.tl-dunya:hover {
	color: var(--tl-metin);
}

.tl-dunya__gorsel {
	display: block;
	height: 250px;
	background: #F6E6D8;
}

.tl-dunya--kadin .tl-dunya__gorsel {
	background: #DDD1C0;
}

.tl-dunya__gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tl-dunya__metin {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 22px 24px;
}

.tl-dunya--kiler .tl-ust-etiket {
	color: var(--tl-kizil);
}

.tl-dunya__baslik {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1;
}

.tl-dunya__aciklama {
	font-size: 15px;
	line-height: 1.55;
	color: var(--tl-ikincil);
}

.tl-dunya__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--tl-kizil);
}

.tl-dunya--kadin .tl-dunya__link {
	color: var(--tl-metin);
	font-weight: 600;
}

.tl-dunya:hover .tl-dunya__link {
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (min-width: 1024px) {
	.tl-dunyalar__liste {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.tl-dunya__gorsel {
		height: 340px;
	}

	.tl-dunya__metin {
		padding: 28px 30px 32px;
	}

	.tl-dunya__baslik {
		font-size: 40px;
	}

	.tl-dunya__aciklama {
		font-size: 16px;
	}
}

/* ---------- Ürün şeridi ---------- */
.tl-serit {
	padding-right: 0;
}

.tl-serit .tl-bolum__ust {
	padding-right: 16px;
}

.tl-serit__liste {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding: 0 16px 4px 0;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.tl-serit__liste::-webkit-scrollbar {
	display: none;
}

.tl-kart {
	width: 160px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 18px;
	background: var(--tl-beyaz);
	scroll-snap-align: start;
}

.tl-kart__gorsel {
	display: block;
	height: 150px;
	background: #F1E7DC;
}

.tl-kart--kadin .tl-kart__gorsel {
	background: #E8DFD2;
}

.tl-kart__gorsel img,
.tl-liste-kart__gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tl-kart__govde {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px 12px 12px;
}

.tl-kart__ad {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.tl-kart__ad a,
.tl-liste-kart__ad a {
	color: var(--tl-metin);
	text-decoration: none;
}

.tl-kart__ad a:hover,
.tl-liste-kart__ad a:hover {
	color: var(--tl-kizil);
}

.tl-kart__alt {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.tl-kart__fiyat {
	font-size: 16px;
	font-weight: 700;
}

.tl-kart .tl-dugme {
	width: 100%;
	padding: 0 10px;
	font-size: 13px;
}

.tl-gorsel-yok {
	display: block;
	width: 100%;
	height: 100%;
	min-height: inherit;
	background: #F1E7DC;
}

@media (min-width: 1024px) {
	.tl-serit {
		padding-right: var(--tl-ic);
	}

	.tl-serit .tl-bolum__ust {
		padding-right: 0;
	}

	.tl-serit__liste {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 18px;
		overflow: visible;
		padding: 0;
	}

	.tl-serit__liste > :nth-child(n + 6) {
		display: none;
	}

	.tl-kart {
		width: auto;
	}

	.tl-kart__gorsel {
		height: 220px;
	}

	.tl-kart__govde {
		padding: 14px 16px 16px;
		gap: 10px;
	}

	.tl-kart__ad {
		font-size: 16px;
	}

	.tl-kart__alt {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.tl-kart__fiyat {
		font-size: 17px;
	}

	.tl-kart .tl-dugme {
		width: auto;
		padding: 0 14px;
	}
}

/* ---------- Haftanın fırsatları (kampanya kartı bağlantı hâli) ---------- */
.tl-kampanya--tik {
	text-decoration: none;
}

.tl-kampanya--tik:hover .tl-kampanya__link {
	text-decoration: underline;
	text-underline-offset: 3px;
}

span.tl-kampanya__ust,
span.tl-kampanya__baslik {
	display: block;
}

.tl-firsatlar .tl-kampanya__baslik {
	font-weight: 600;
}

/* ---------- Gelenek kutuları ---------- */
.tl-gelenek {
	display: grid;
	gap: 14px;
	padding-top: 48px;
}

.tl-gelenek__kutu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px 20px;
	border-radius: 20px;
	background: var(--tl-beyaz);
}

.tl-gelenek__baslik {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
}

.tl-gelenek__baslik span {
	color: var(--tl-kizil);
}

.tl-gelenek__kutu p:not(.tl-ust-etiket) {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--tl-ikincil);
}

.tl-gelenek__kutu strong {
	color: var(--tl-metin);
}

@media (min-width: 1024px) {
	.tl-gelenek {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.tl-gelenek__kutu {
		padding: 32px 30px;
	}

	.tl-gelenek__baslik {
		font-size: 28px;
	}
}

/* ---------- Müşteri yorumları ---------- */
.tl-yorumlar {
	padding-right: 0;
}

.tl-yorumlar .tl-bolum__ust {
	padding-right: 16px;
}

.tl-yorumlar__liste {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	padding: 0 16px 4px 0;
	scrollbar-width: none;
}

.tl-yorum-kart {
	width: 280px;
	flex-shrink: 0;
	margin: 0;
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-radius: 20px;
	background: var(--tl-beyaz);
}

.tl-yorum-kart__foto {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 14px;
}

.tl-yildiz {
	color: #A86E10;
	font-size: 14px;
	letter-spacing: 2px;
}

.tl-yorum-kart__metin {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
}

.tl-yorum-kart__kim {
	margin-top: auto;
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 600;
}

.tl-yorum-kart__kim a {
	color: inherit;
}

@media (min-width: 1024px) {
	.tl-yorumlar {
		padding-right: var(--tl-ic);
	}

	.tl-yorumlar .tl-bolum__ust {
		padding-right: 0;
	}

	.tl-yorumlar__liste {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		overflow: visible;
		padding: 0;
	}

	.tl-yorum-kart {
		width: auto;
	}
}

/* ---------- Güven şeridi ---------- */
.tl-guven__liste {
	margin: 0;
	padding: 8px 20px;
	list-style: none;
	border-radius: 20px;
	background: var(--tl-beyaz);
}

.tl-guven__madde {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 0;
	border-bottom: 1px solid #EDE6D8;
}

.tl-guven__madde:last-child {
	border-bottom: 0;
}

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

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

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

a.tl-guven__baslik:hover {
	color: var(--tl-kizil);
	text-decoration: underline;
}

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

@media (min-width: 1024px) {
	.tl-guven__liste {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding: 12px 28px;
	}

	.tl-guven__madde {
		border-bottom: 0;
	}
}

/* ---------- Sofra kur ---------- */
.tl-sofra {
	margin: 20px 16px 0;
}

.tl-sofra__ust {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.tl-sofra__baslik {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
}

.tl-sofra__alt,
.tl-sofra__not {
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-sofra__liste {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scrollbar-width: none;
}

.tl-sofra-kart {
	width: 220px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #F1DFCD;
	background: var(--wp--preset--color--seftali-2, #FFF6EE);
}

.tl-sofra-kart--yesil {
	border-color: #DDE6D3;
	background: var(--wp--preset--color--acik-yesil-2, #F3F6EE);
}

.tl-sofra-kart__ad {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
}

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

.tl-sofra-kart__toplam {
	margin: 4px 0 0;
	font-size: 14px;
	font-weight: 700;
}

.tl-sofra-kart__kargo {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--tl-yesil);
}

.tl-sofra__not {
	margin: 10px 0 0;
}

@media (min-width: 1024px) {
	.tl-sofra {
		margin: 24px var(--tl-ic) 0;
	}

	.tl-sofra-kart {
		width: 260px;
	}
}

/* ---------- Kategori sayfası (Antep Kileri) ---------- */
.tl-liste__video {
	height: 420px;
}

.tl-liste__bas {
	padding: 12px 20px 0;
}

.tl-liste--kiler .tl-liste__bas {
	padding-top: 12px;
}

.tl-liste__baslik-alani {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-kirinti {
	display: none;
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-kirinti a {
	color: inherit;
	text-decoration: none;
}

.tl-kirinti a:hover {
	color: var(--tl-kizil);
	text-decoration: underline;
}

.tl-liste__baslik {
	margin: 0;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.05;
}

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

.tl-arama-kutusu {
	position: relative;
	margin-top: 4px;
}

.tl-arama-kutusu .tl-ikon {
	position: absolute;
	left: 16px;
	top: 15px;
	color: #6B6557;
	pointer-events: none;
}

.tl-arama-kutusu input[type="search"] {
	width: 100%;
	height: 48px;
	box-sizing: border-box;
	padding: 0 16px 0 44px;
	border: 1px solid #DDD5C8;
	border-radius: 24px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	font: inherit;
	font-size: 16px;
}

.tl-liste__sepet-serit {
	display: none;
}

.tl-cipler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 16px 20px 0;
}

.tl-cip {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 14px;
	box-sizing: border-box;
	border-radius: 22px;
	box-shadow: inset 0 0 0 1.5px #D3C7B8;
	color: var(--tl-toprak);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

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

.tl-cip.is-aktif {
	background: var(--tl-toprak);
	color: #FAF3EC;
	box-shadow: none;
}

.tl-cip--vurgu:not(.is-aktif) {
	color: var(--tl-kizil);
	box-shadow: inset 0 0 0 1.5px var(--tl-kizil);
}

.tl-yan {
	display: none;
}

.tl-liste__urunler {
	padding: 0 16px;
}

.tl-liste__arac {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 4px 8px;
}

.tl-liste__sayi {
	margin: 0;
	font-size: 14px;
	color: var(--tl-ikincil);
	font-weight: 500;
}

.tl-sirala {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
}

.tl-sirala select {
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid #DDD5C8;
	border-radius: 22px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	font: inherit;
	font-size: 16px;
	font-weight: 500;
}

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

.tl-liste-kart {
	display: flex;
	gap: 14px;
	padding: 12px;
	border-radius: 20px;
	background: var(--tl-beyaz);
}

.tl-liste-kart__gorsel {
	display: block;
	flex-shrink: 0;
	width: 92px;
	min-height: 92px;
	align-self: stretch;
	overflow: hidden;
	border-radius: 14px;
	background: #F1E7DC;
}

.tl-liste-kart__govde {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

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

.tl-liste-kart__ad {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}

.tl-kart__hasat {
	font-size: 13px;
	color: #6B4A2E;
	font-weight: 600;
}

.tl-kart__teslim {
	display: none;
	font-size: 13px;
	color: var(--tl-yesil);
	font-weight: 600;
}

.tl-kart__acilik {
	display: flex;
	align-items: center;
	gap: 6px;
}

.tl-kart__acilik-yazi {
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 600;
}

.tl-acilik {
	display: inline-flex;
	gap: 3px;
}

.tl-acilik span {
	width: 12px;
	height: 6px;
	border-radius: 3px;
}

.tl-rozet-yesil {
	align-self: flex-start;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--wp--preset--color--acik-yesil, #F1F5EC);
	color: var(--tl-yesil);
	font-size: 13px;
	font-weight: 600;
}

.tl-liste-kart__alt {
	margin-top: auto;
	padding-top: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.tl-liste-kart__fiyat {
	font-size: 16px;
	font-weight: 700;
}

.tl-sayfalama ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.tl-sayfalama a,
.tl-sayfalama span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	box-sizing: border-box;
	border-radius: 22px;
	font-size: 15px;
	color: var(--tl-metin);
	text-decoration: none;
	font-weight: 500;
}

.tl-sayfalama .current {
	background: var(--tl-toprak);
	color: #FFFFFF;
}

.tl-bos {
	padding: 32px 0;
	text-align: center;
	color: var(--tl-ikincil);
}

.tl-bilgi-seridi {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 24px 0 0;
	padding: 12px 16px;
	border-radius: 14px;
	background: #FBEFE8;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-bilgi-seridi .tl-ikon,
.tl-kirilma .tl-ikon {
	flex-shrink: 0;
	color: var(--tl-kizil);
}

.tl-liste__sepet-kutu {
	margin: 28px 16px 0;
}

/* Sepet durumu kutusu ve çubuklar */
.tl-sepet-kutu {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	border-radius: 24px;
	border: 1px solid #E3EBDC;
	background: var(--tl-beyaz);
	box-shadow: 0 4px 16px rgba(78, 107, 58, 0.08);
}

.tl-sepet-kutu__ust {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}

.tl-sepet-kutu__ust h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
}

.tl-sepet-kutu__ust > span {
	font-size: 15px;
	font-weight: 600;
}

.tl-sepet-kutu__kargo {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
}

.tl-cubuk {
	height: 8px;
	overflow: hidden;
	border-radius: 4px;
	background: var(--wp--preset--color--kum, #EDE4D8);
}

.tl-cubuk > span {
	display: block;
	height: 100%;
	border-radius: 4px;
	background: var(--tl-yesil);
	transition: width 0.4s ease;
}

.tl-cubuk--ince {
	height: 6px;
	background: #E8DFD3;
}

.tl-cubuk--ince > span {
	background: var(--tl-kizil);
}

.tl-hediye {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px;
	border-radius: 16px;
	background: var(--wp--preset--color--acik-yesil, #F1F5EC);
}

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

.tl-hediye__halka [data-tl-hediye-oran] {
	transition: stroke-dashoffset 0.5s ease;
}

.tl-hediye__metin {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

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

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

.tl-sepet-serit {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 16px;
	background: var(--tl-beyaz);
	font-size: 14px;
	font-weight: 500;
}

.tl-sepet-serit__ust {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

/* "Sepetiniz 0 TL" bölünmesin; uzun kargo/hediye cümlesi sağda sarar. */
.tl-sepet-serit__ust > span:first-child {
	flex-shrink: 0;
	white-space: nowrap;
}

.tl-sepet-serit__ust > span:last-child {
	text-wrap: balance;
}

.tl-sepet-serit .tl-cubuk {
	height: 5px;
}

@media (min-width: 1024px) {
	.tl-liste__video {
		height: 360px;
		margin: 24px var(--tl-ic) 0;
		overflow: hidden;
		border-radius: 24px;
	}

	.tl-liste__bas {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 40px;
		padding: 32px var(--tl-ic) 0;
	}

	.tl-kirinti {
		display: block;
	}

	.tl-liste__baslik {
		font-size: 48px;
	}

	.tl-liste__giris,
	.tl-liste__ara,
	.tl-cipler,
	.tl-liste__sepet-kutu {
		display: none;
	}

	.tl-liste__sepet-serit {
		display: block;
		width: min(100%, 460px);
		flex-shrink: 0;
	}

	.tl-liste__govde {
		display: grid;
		grid-template-columns: 260px minmax(0, 1fr);
		gap: 40px;
		padding: 24px var(--tl-ic) 0;
	}

	.tl-liste__govde:not(:has(.tl-yan)) {
		grid-template-columns: minmax(0, 1fr);
	}

	.tl-yan {
		display: block;
		padding-top: 12px;
	}

	.tl-yan .tl-ust-etiket {
		margin: 0 0 12px 14px;
	}

	.tl-yan__liste {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.tl-yan__liste a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 44px;
		padding: 0 14px;
		border-radius: 12px;
		color: var(--tl-metin);
		font-size: 15px;
		text-decoration: none;
	}

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

	.tl-yan__liste a.is-aktif {
		background: var(--tl-toprak);
		color: #FFFFFF;
	}

	.tl-yan__liste a.is-aktif .tl-yan__sayi {
		color: #E9DCCD;
	}

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

	.tl-filtre {
		margin-top: 24px;
		padding-top: 20px;
		border-top: 1px solid var(--tl-cizgi);
	}

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

	.tl-filtre__secenek {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 40px;
		font-size: 15px;
		cursor: pointer;
	}

	.tl-filtre__secenek input {
		width: 18px;
		height: 18px;
		accent-color: var(--tl-kizil);
	}

	.tl-js .tl-filtre__uygula {
		display: none;
	}

	.tl-liste__urunler {
		padding: 0;
	}

	.tl-liste__arac {
		padding: 0 0 12px;
	}

	.tl-liste__izgara {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.tl-liste-kart {
		flex-direction: column;
		gap: 0;
		padding: 0;
		overflow: hidden;
	}

	.tl-liste-kart__gorsel {
		width: 100%;
		height: 300px;
		border-radius: 0;
	}

	.tl-liste-kart__govde {
		padding: 18px 20px 20px;
		gap: 6px;
	}

	.tl-liste-kart__ad {
		font-size: 22px;
	}

	.tl-kart__teslim {
		display: block;
	}

	.tl-liste-kart__alt {
		padding-top: 12px;
	}

	.tl-liste-kart__fiyat {
		font-size: 18px;
		font-weight: 500;
	}
}

/* ---------- Ürün sayfası ---------- */
.tl-urun .tl-kirinti {
	padding: 0 20px;
}

.tl-galeri__ana {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #F1E7DC;
}

.tl-galeri__oge {
	position: absolute;
	inset: 0;
	display: none;
}

.tl-galeri__oge.is-aktif {
	display: block;
}

.tl-galeri__oge img,
.tl-galeri__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tl-galeri__kucukler {
	display: flex;
	gap: 8px;
	padding: 10px 16px 0;
	overflow-x: auto;
}

.tl-galeri__kucuk {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 12px;
	background: #F1E7DC;
	color: var(--tl-metin);
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.tl-galeri__kucuk[aria-pressed="true"] {
	border-color: var(--tl-toprak);
}

.tl-galeri__kucuk img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tl-urun__bilgi {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 22px 20px 0;
}

.tl-urun__ad {
	margin: 0;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0;
}

.tl-urun__hasat {
	margin: -10px 0 0;
	font-size: 14px;
	color: #6B4A2E;
	font-weight: 500;
}

.tl-iddia {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}

.tl-iddia span {
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--acik-yesil, #F1F5EC);
	color: var(--tl-yesil);
	font-size: 13px;
	font-weight: 600;
}

.tl-acilik-olcer {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tl-acilik-olcer__ust {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
}

.tl-acilik-olcer__ust span:first-child {
	font-weight: 600;
}

.tl-acilik--buyuk {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 4px;
}

.tl-acilik--buyuk span {
	width: auto;
	height: 10px;
	border-radius: 5px;
}

.tl-satin {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tl-boylar {
	margin: 0;
	padding: 0;
	border: 0;
}

.tl-boylar legend {
	margin-bottom: 8px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
}

.tl-boylar__liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 8px;
}

.tl-boy {
	min-height: 56px;
	padding: 6px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	border: 0;
	border-radius: 14px;
	box-shadow: inset 0 0 0 1.5px #D9CFC2;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	font: inherit;
	cursor: pointer;
}

.tl-boy.is-secili {
	box-shadow: inset 0 0 0 2px var(--tl-toprak);
	background: #FAF3EC;
}

.tl-boy:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

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

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

.tl-boylar__ipucu {
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-urun__fiyat {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

.tl-satin__satir {
	display: flex;
	align-items: center;
	gap: 8px;
}

.tl-adet {
	display: flex;
	align-items: center;
	height: 54px;
	box-sizing: border-box;
	border-radius: 27px;
	box-shadow: inset 0 0 0 1.5px #D9CFC2;
	flex-shrink: 0;
}

.tl-adet__dugme {
	width: 44px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--tl-metin);
	font: inherit;
	font-size: 20px;
	cursor: pointer;
}

.tl-adet__sayi {
	width: 30px;
	border: 0;
	background: transparent;
	color: var(--tl-metin);
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.tl-adet__sayi::-webkit-inner-spin-button,
.tl-adet__sayi::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.tl-satin__ekle {
	flex: 1;
}

.tl-stok-yok {
	margin: 0;
	font-size: 14px;
	color: #8A2424;
	font-weight: 500;
}

/* Gönderim şekli: "Tek sefer" ya da "Her 2 ayda bir" (düzenli gönderim) */
.tl-gonderim {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 8px 14px;
	border: 1px solid #E3EBDC;
	border-radius: 16px;
	background: var(--tl-beyaz);
}

.tl-gonderim__secenek {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	font-size: 15px;
	cursor: pointer;
}

.tl-gonderim__secenek input {
	width: 18px;
	height: 18px;
	margin: 0;
	flex-shrink: 0;
	accent-color: var(--tl-kizil);
}

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

.tl-gonderim__detay {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 2px 0 8px;
	padding: 12px 0 0 28px;
	border-top: 1px solid #EDE6D8;
}

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

.tl-gonderim__not {
	margin: 0;
	font-size: 14px;
	color: var(--tl-ikincil);
	font-weight: 500;
}

.tl-gonderim__siklik {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.tl-gonderim__siklik-etiket {
	margin-right: 4px;
	font-size: 13px;
	font-weight: 600;
}

.tl-segment {
	position: relative;
	cursor: pointer;
}

.tl-segment input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.tl-segment span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	min-height: 44px;
	padding: 0 14px;
	box-sizing: border-box;
	border-radius: 22px;
	box-shadow: inset 0 0 0 1.5px #D9CFC2;
	font-size: 13px;
	font-weight: 600;
	color: var(--tl-metin);
}

.tl-segment input:checked + span {
	background: var(--tl-toprak);
	color: #FFFFFF;
	box-shadow: none;
}

.tl-segment input:focus-visible + span {
	outline: 2px solid var(--tl-kizil);
	outline-offset: 2px;
}

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

.tl-teslim-satiri,
.tl-kirilma {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-teslim-satiri svg {
	flex-shrink: 0;
}

.tl-kirilma {
	padding: 12px 14px;
	border-radius: 14px;
	background: #FBEFE8;
}

.tl-urun__alt {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 28px 20px 0;
}

.tl-urun__alt-baslik {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
}

.tl-aciklama__metin {
	font-size: 16px;
	line-height: 1.6;
	color: #3A3630;
	max-width: 65ch;
}

.tl-aciklama__metin.is-kisa {
	max-height: 7.2em;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(#000 60%, transparent);
	mask-image: linear-gradient(#000 60%, transparent);
}

.tl-aciklama__metin > :first-child {
	margin-top: 0;
}

.tl-metin-dugme {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--tl-kizil);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.tl-bilgiler {
	margin: 0;
}

.tl-bilgiler__satir {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 0;
	border-top: 1px solid #EDE6D8;
	font-size: 14px;
	font-weight: 500;
}

.tl-bilgiler dt {
	flex-shrink: 0;
	font-weight: 600;
}

.tl-bilgiler dd {
	margin: 0;
	color: var(--tl-ikincil);
	text-align: right;
}

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

.tl-urun-yorumlar__ozet {
	font-size: 14px;
	color: var(--tl-soluk);
	font-weight: 500;
}

.tl-urun-yorumlar__liste {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tl-urun-yorum {
	display: flex;
	gap: 12px;
	padding: 14px 0;
	border-top: 1px solid #EDE6D8;
}

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

.tl-urun-yorum__fotolar {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex-shrink: 0;
}

.tl-urun-yorum__fotolar img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 12px;
}

.tl-urun-yorum__govde {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.tl-urun-yorum__metin {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
}

.tl-urun-yorum__kim {
	margin: 0;
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 600;
}

.tl-bildirim {
	margin: 12px 0;
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 15px;
}

.tl-bildirim--basari {
	background: var(--wp--preset--color--acik-yesil, #F1F5EC);
	color: #3D5530;
}

.tl-yorum-formu {
	margin-top: 16px;
}

.tl-yorum-formu summary {
	list-style: none;
}

.tl-yorum-formu summary::-webkit-details-marker {
	display: none;
}

.tl-yorum-formu form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 16px;
}

.tl-yorum-formu p {
	margin: 0;
}

.tl-yorum-formu label {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
}

.tl-yorum-formu textarea,
.tl-yorum-formu input[type="text"],
.tl-yorum-formu input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #DDD5C8;
	border-radius: 12px;
	background: var(--tl-beyaz);
	color: var(--tl-metin);
	font: inherit;
	font-size: 16px;
}

.tl-yorum-formu__ikili {
	display: grid;
	gap: 12px;
}

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

.tl-puan {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 2px;
	margin: 0;
	padding: 0;
	border: 0;
}

.tl-puan legend {
	float: left;
	width: 100%;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
}

.tl-puan input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.tl-puan label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	font-size: 28px;
	color: #D9CFC2;
	cursor: pointer;
}

.tl-puan input:checked ~ label,
.tl-puan label:hover,
.tl-puan label:hover ~ label {
	color: #A86E10;
}

.tl-puan input:focus-visible + label {
	outline: 2px solid var(--tl-kizil);
	outline-offset: -4px;
	border-radius: 8px;
}

/* Alta yapışan sepet çubuğu (telefon) */
.tl-sabit-cubuk {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 45;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--tl-cizgi);
	background: var(--tl-beyaz);
	box-shadow: 0 -6px 18px rgba(43, 26, 18, 0.08);
	transform: translateY(110%);
	transition: transform 0.25s ease;
}

.tl-sabit-cubuk.is-gorunur {
	transform: translateY(0);
}

/* Çerez şeridi açıkken alttaki sepet çubuğu onun altında kalmasın: seçim yapılana kadar gizli. */
body:has(.tl-cerez:not([hidden])) .tl-sabit-cubuk {
	transform: translateY(110%);
	visibility: hidden;
}

.tl-sabit-cubuk__ad {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tl-sabit-cubuk .tl-dugme {
	min-height: 48px;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.tl-yorum-formu__ikili {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.tl-urun {
		padding: 24px var(--tl-ic) 0;
	}

	.tl-urun .tl-kirinti {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	.tl-urun__ust {
		display: grid;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		gap: 56px;
		align-items: start;
	}

	.tl-galeri {
		display: grid;
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 16px;
	}

	.tl-galeri:not(:has(.tl-galeri__kucukler)),
	.tl-galeri.is-tek-gorsel {
		grid-template-columns: minmax(0, 1fr);
	}

	.tl-galeri__ana {
		order: 2;
		border-radius: 24px;
	}

	.tl-galeri__kucukler {
		order: 1;
		flex-direction: column;
		padding: 0;
		overflow: visible;
	}

	.tl-galeri__kucuk {
		width: 96px;
		height: 110px;
		border-radius: 14px;
	}

	.tl-urun__bilgi {
		position: sticky;
		top: 24px;
		padding: 0;
	}

	.tl-urun__ad {
		font-size: 36px;
		font-weight: 800;
	}

	.tl-urun__alt {
		max-width: 760px;
		padding: 48px 0 0;
	}

	.tl-urun .tl-guven {
		padding-left: 0;
		padding-right: 0;
	}

	.tl-sabit-cubuk {
		display: none;
	}
}

/* Sepete eklendi bildirimi (logo renk geçişli çerçeve) */
.tl-tost {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: calc(96px + var(--tl-yuzen-kayma, 0px) + var(--tl-serit-kayma, 0px));
	z-index: 60;
	max-width: 440px;
	margin: 0 auto;
	padding: 2px;
	border-radius: 16px;
	background: var(--tl-logo-gecis);
	box-shadow: 0 10px 30px rgba(43, 26, 18, 0.18);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.tl-tost.is-gorunur {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.tl-tost__ic {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 14px;
	background: var(--tl-beyaz);
	font-size: 15px;
}

.tl-tost__ic svg {
	flex-shrink: 0;
	color: var(--tl-yesil);
}

.tl-tost__ic a {
	margin-left: auto;
	color: var(--tl-kizil);
	font-weight: 600;
	white-space: nowrap;
}

.tl-tost--hata .tl-tost__ic svg {
	color: var(--tl-kizil);
}

/* 404 */
.tl-404 .wp-block-search {
	max-width: 520px;
}

.tl-404 .tl-dunyalar {
	padding-left: 0;
	padding-right: 0;
}

/* =========================================================================
   2b: çerez şeridi (şartname bölüm 14)
   Alttan ince şerit; sayfayı kapatmaz, kaydırmaz. Üç düğme aynı boy ve aynı görünüşte.
   ========================================================================= */
.tl-cerez {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 70;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	background: var(--tl-beyaz);
	border-top: 1px solid var(--tl-cizgi);
	box-shadow: 0 -8px 24px rgba(43, 26, 18, 0.08);
	color: var(--tl-metin);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
}

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

.tl-cerez__ic {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 1280px;
	margin: 0 auto;
}

.tl-cerez__metin p {
	margin: 0;
}

.tl-cerez__metin a {
	color: var(--tl-kizil);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.tl-cerez__dugmeler {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

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

/* Kabul, Ret ve Ayarlar eşit: hepsi aynı koyu toprak hap. */
.tl-cerez__dugme {
	width: 100%;
	padding: 0 8px;
	background: var(--tl-toprak);
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
}

.tl-cerez__dugme:hover {
	background: #000000;
	color: #FFFFFF;
}

.tl-cerez__dugme:focus-visible,
.tl-alt__cerez:focus-visible {
	outline: 2px solid var(--tl-kizil);
	outline-offset: 2px;
}

.tl-cerez__ayarlar {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 8px;
	border-top: 1px solid var(--tl-cizgi);
}

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

.tl-cerez__secenek {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 6px 0;
	border-bottom: 1px solid var(--tl-cizgi);
	cursor: pointer;
}

.tl-cerez__secenek-metin {
	color: var(--tl-ikincil);
}

.tl-cerez__secenek-metin strong {
	display: block;
	color: var(--tl-metin);
	font-weight: 700;
}

.tl-cerez__her-zaman {
	flex-shrink: 0;
	color: var(--tl-yesil);
	font-weight: 600;
	white-space: nowrap;
}

/* Aç/kapa anahtarı (gerçek onay kutusu; klavye ve ekran okuyucu için). */
.tl-cerez__anahtar {
	appearance: none;
	flex-shrink: 0;
	position: relative;
	width: 44px;
	height: 26px;
	margin: 0;
	border-radius: 13px;
	background: #8A8478;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.tl-cerez__anahtar::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FFFFFF;
	transition: transform 0.2s ease;
}

.tl-cerez__anahtar:checked {
	background: var(--tl-yesil);
}

.tl-cerez__anahtar:checked::after {
	transform: translateX(18px);
}

.tl-cerez__anahtar:focus-visible {
	outline: 2px solid var(--tl-kizil);
	outline-offset: 2px;
}

/* Alt bilgideki "Çerez Ayarları" (betik yoksa işe yaramadığı için gizli). */
.tl-alt__cerez {
	display: none;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.tl-js .tl-alt__cerez {
	display: inline;
}

.tl-alt__alt p:has(.tl-alt__cerez) > span[aria-hidden] {
	display: none;
}

.tl-js .tl-alt__alt p:has(.tl-alt__cerez) > span[aria-hidden] {
	display: inline;
}

@media (min-width: 1024px) {
	.tl-cerez {
		padding: 14px var(--tl-kenar);
	}

	.tl-cerez__ic {
		flex-direction: row;
		align-items: center;
		gap: 32px;
	}

	.tl-cerez__metin {
		flex: 1;
	}

	.tl-cerez__dugmeler {
		flex-shrink: 0;
		width: 420px;
	}

	/* Ayarlar açıkken seçenekler yan yana. */
	.tl-cerez__ayarlar {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 24px;
	}
}

/* =========================================================================
   3. parça: Trend Loca Life, eski adıyla Trend Loca Kadın (mockup 03 ve 10)
   ========================================================================= */
.tl-segmentler {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

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

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

/* ---------- Ürün sayfası ---------- */
.tl-urun--kadin .tl-galeri__ana {
	background: #E8DFD2;
}

.tl-galeri__rozet {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	padding: 5px 10px;
	border-radius: 12px;
	background: #161514;
	color: #F3EDE4;
	font-size: 13px;
	font-weight: 600;
}

.tl-galeri__kucukler.is-tek {
	display: none;
}

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

.tl-ayk {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.tl-ayk .tl-ust-etiket {
	margin: 0;
}

.tl-ayk .tl-metin-dugme {
	color: var(--tl-metin);
}

.tl-ayk__fiyat {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
	margin: -6px 0 0;
}

.tl-ayk__fiyat .tl-urun__fiyat {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

.tl-ayk__fiyat-not {
	font-size: 14px;
	color: #5C5245;
	font-weight: 500;
}

/* 2/1 Öde: "Dilediğin 2 çifti seç, yalnızca birini öde" (fiyatın hemen altında, belirgin) */
.tl-ayk__cift {
	align-self: flex-start;
	margin: -4px 0 0;
	padding: 10px 16px;
	border-radius: 16px;
	background: #FFF1E6;
	color: #9C3A1E;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

/* Bitiş tarihi alt satırda, küçük */
.tl-ayk__cift span {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #5C5245;
}

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

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

.tl-ayk__etiket {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
}

.tl-ayk__yardim--masaustu {
	display: none;
}

.tl-ayk__yardim {
	align-self: flex-start;
}

/* Renk yuvarlakları */
.tl-renkler {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tl-renk {
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 3px solid #FFFCF7;
	border-radius: 50%;
	background: var(--tl-renk, #B9B2A6);
	box-shadow: 0 0 0 2px #D5CBBD;
	cursor: pointer;
}

.tl-renk.is-secili {
	box-shadow: 0 0 0 2px #161514;
}

.tl-renk.is-yok::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: linear-gradient(135deg, transparent 46%, #FFFCF7 46%, #FFFCF7 54%, transparent 54%);
}

.tl-renk:focus-visible {
	outline: 2px solid var(--tl-kizil);
	outline-offset: 4px;
}

/* Desen kutucukları (Ayarlar → Ürün → Renk yuvarlakları: "Zebra | desen:zebra"); ürün sayfası ve filtre */
.tl-desen--zebra {
	--tl-renk: repeating-linear-gradient(135deg, #1E1C1A 0 14%, #F4F1EA 14% 26%);
}

.tl-desen--leopar {
	--tl-renk:
		radial-gradient(ellipse 17% 14% at 24% 22%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		radial-gradient(ellipse 15% 17% at 66% 18%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		radial-gradient(ellipse 16% 14% at 46% 52%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		radial-gradient(ellipse 14% 16% at 86% 50%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		radial-gradient(ellipse 15% 13% at 14% 64%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		radial-gradient(ellipse 16% 14% at 32% 88%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		radial-gradient(ellipse 15% 15% at 70% 82%, #9A6630 0 34%, #2B1A12 38% 74%, transparent 78%),
		#D2A05A;
}

.tl-desen--renkli {
	--tl-renk: conic-gradient(#B3261E, #E2B634, #3F6B45, #3B6EA8, #7A3B8C, #B3261E);
}

/* Numara profili kutusu */
.tl-profil {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid #DDE6D3;
	border-radius: 16px;
	background: var(--wp--preset--color--acik-yesil-2, #F3F6EE);
}

.tl-profil[hidden],
.tl-profil-formu[hidden],
.tl-asistan[hidden],
.tl-ayk [hidden] {
	display: none;
}

.tl-profil__numara {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--tl-yesil);
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 800;
}

.tl-profil__metin {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.tl-profil__metin strong {
	font-size: 14px;
	font-weight: 700;
}

.tl-profil__metin span {
	font-size: 13px;
	line-height: 1.45;
	color: #4A463D;
	font-weight: 500;
}

.tl-profil__degistir {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 600;
}

.tl-profil__davet {
	display: flex;
	flex-direction: column;
	margin-top: -8px;
}

.tl-profil__davet .tl-metin-dugme {
	align-self: flex-start;
}

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

.tl-profil-formu {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px;
	border-radius: 18px;
	background: #F3EDE4;
}

.tl-profil-formu__giris {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-profil-formu fieldset,
.tl-filtre--kadin fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.tl-profil-formu legend {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
}

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

/* Numaralar */
.tl-numaralar {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 6px;
}

.tl-numaralar--profil {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tl-numara,
.tl-numara-sec span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	box-sizing: border-box;
	border: 1.5px solid #D5CBBD;
	border-radius: 12px;
	background: #FFFCF7;
	color: #161514;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.tl-numara.is-secili,
.tl-numara-sec input:checked + span {
	border-color: #161514;
	background: #161514;
	color: #FFFCF7;
}

.tl-numara.is-yok,
.tl-numara:disabled {
	border-style: dashed;
	color: #A39A8C;
	text-decoration: line-through;
	cursor: not-allowed;
}

.tl-numara:focus-visible,
.tl-numara-sec input:focus-visible + span {
	outline: 2px solid var(--tl-kizil);
	outline-offset: 2px;
}

.tl-numara-sec {
	position: relative;
	display: block;
}

.tl-numara-sec input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.tl-numaralar.is-uyari {
	animation: tl-salla 0.4s ease;
}

@keyframes tl-salla {
	25% { transform: translateX(-4px); }
	75% { transform: translateX(4px); }
}

@media (prefers-reduced-motion: reduce) {
	.tl-numaralar.is-uyari {
		animation: none;
		outline: 2px solid var(--tl-kizil);
		outline-offset: 4px;
	}
}

/* Kalıp çubuğu */
.tl-kalip {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 14px;
	border: 1px solid #EAE2D6;
	border-radius: 14px;
	background: var(--tl-beyaz);
}

.tl-kalip__ust,
.tl-kalip__alt {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	font-weight: 500;
}

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

.tl-kalip__kaynak,
.tl-kalip__alt {
	color: #5C5245;
}

.tl-kalip__alt {
	font-size: 13px;
}

.tl-kalip__alt .is-secili {
	color: #161514;
	font-weight: 600;
}

.tl-kalip__cubuk {
	position: relative;
	height: 8px;
	border-radius: 4px;
	background: #E8DFD2;
}

.tl-kalip__cubuk span {
	position: absolute;
	top: -4px;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	border-radius: 50%;
	background: var(--tl-toprak);
}

/* Akıllı düğmeler */
.tl-ayk__dugmeler {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tl-ayk__once {
	width: 100%;
	min-height: 54px;
	border: 1.5px dashed var(--tl-kizil);
	border-radius: 27px;
	background: transparent;
	color: var(--tl-kizil);
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}

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

.tl-ayk__al-dugme {
	flex: 1;
	min-width: 0;
}

.tl-ayk__al .tl-dugme--cizgili-koyu {
	flex-shrink: 0;
	padding: 0 18px;
}

.tl-ayk__eklendi {
	width: 100%;
	background: var(--tl-yesil);
	color: #FFFFFF;
}

.tl-ayk__eklendi:hover {
	background: #3E5630;
	color: #FFFFFF;
}

.tl-ayk__olmadi {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 12px 14px;
	border-radius: 14px;
	background: #F3EDE4;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-ayk__olmadi svg {
	flex-shrink: 0;
}

/* Stokta yok: gelince haber ver */
.tl-haber-ver {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px 16px;
	border-radius: 16px;
	background: #F3EDE4;
}

.tl-haber-ver p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
}

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

.tl-haber-ver input {
	flex: 1;
	min-width: 0;
	min-height: 48px;
	padding: 0 16px;
	box-sizing: border-box;
	border: 1px solid #D5CBBD;
	border-radius: 24px;
	background: var(--tl-beyaz);
	font: inherit;
	font-size: 16px;
}

.tl-haber-ver .tl-haber-ver__not {
	font-size: 13px;
	color: #5C5245;
	font-weight: 500;
}

/* Numara asistanı */
.tl-asistan {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	border-radius: 18px;
	background: #F3EDE4;
	scroll-margin-top: 80px;
}

.tl-asistan p {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-asistan .tl-ust-etiket {
	color: #6B5D4B;
}

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

.tl-asistan__dugme {
	width: 44px;
	height: 44px;
	border: 1.5px solid #161514;
	border-radius: 50%;
	background: transparent;
	color: #161514;
	font: inherit;
	font-size: 20px;
	cursor: pointer;
}

.tl-asistan__deger {
	flex: 1;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

.tl-asistan__sonuc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 12px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #FFFCF7;
	font-size: 14px;
	font-weight: 500;
}

/* Çanta önerisi */
.tl-kombin {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

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

.tl-kombin__kart {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-radius: 16px;
	background: #F3EDE4;
}

.tl-kombin__gorsel {
	flex-shrink: 0;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 12px;
	background: #E3D8C8;
}

.tl-kombin__gorsel img,
.tl-kombin__gorsel .tl-gorsel-yok {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

.tl-kombin__fiyat {
	font-size: 14px;
	color: #5C5245;
	font-weight: 600;
}

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

/* Açıklama ve katlanır bölümler */
.tl-ayk__alt-baslik {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 600;
}

.tl-ayk__aciklama .tl-aciklama__metin {
	color: #3A332B;
}

.tl-katlanir {
	border-top: 1px solid #EAE2D6;
}

.tl-katlanir__baslik {
	margin: 0;
	font-size: 15px;
}

.tl-katlanir__baslik button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 50px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--tl-metin);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

.tl-katlanir__baslik button::after {
	content: "−";
	flex-shrink: 0;
	margin-left: auto;
	font-size: 18px;
	font-weight: 400;
}

.tl-katlanir__baslik button[aria-expanded="false"]::after {
	content: "+";
}

.tl-katlanir__ek {
	font-size: 13px;
	font-weight: 500;
	color: #5C5245;
}

.tl-katlanir__icerik {
	padding-bottom: 14px;
	font-size: 15px;
	line-height: 1.6;
}

.tl-katlanir__icerik > p {
	margin: 0;
}

.tl-katlanir.is-kapali .tl-katlanir__icerik {
	display: none;
}

.tl-katlanir .tl-bilgiler {
	margin: 0;
}

.tl-katlanir .tl-urun-yorumlar {
	padding: 0;
}

/* Yorum formunda numara ve kalıp */
.tl-yorum-formu__numara {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.tl-yorum-formu__numara select {
	width: 100%;
	min-height: 44px;
	border: 1px solid #DDD5C8;
	border-radius: 12px;
	background: var(--tl-beyaz);
	font: inherit;
}

.tl-yorum-formu__kalip {
	margin: 0;
	padding: 0;
	border: 0;
}

.tl-yorum-formu__kalip legend {
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
}

/* Hesabım → Numara profilim */
.tl-numara-hesap {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 520px;
}

.tl-numara-hesap select {
	display: block;
	min-height: 44px;
	margin-top: 6px;
	padding: 0 12px;
	border: 1px solid #DDD5C8;
	border-radius: 12px;
	font: inherit;
}

.tl-numara-hesap fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.tl-numara-hesap legend {
	margin-bottom: 8px;
	font-weight: 600;
}

/* ---------- Kategori sayfası ---------- */
.tl-liste--kadin .tl-ust-etiket {
	color: #6B5D4B;
}

.tl-liste--kadin .tl-liste__baslik {
	font-size: 40px;
}

.tl-liste--kadin .tl-arama-kutusu input[type="search"] {
	border-color: #D5CBBD;
	background: #FFFCF7;
}

.tl-cipler--kadin .tl-cip {
	box-shadow: inset 0 0 0 1px #C9BCA8;
	color: #161514;
}

.tl-cipler--kadin .tl-cip.is-aktif {
	background: #161514;
	color: #F3EDE4;
	box-shadow: none;
}

.tl-cipler--kadin .tl-cip--vurgu:not(.is-aktif) {
	color: var(--tl-kizil);
	box-shadow: inset 0 0 0 1.5px var(--tl-kizil);
	font-weight: 600;
}

.tl-liste--kadin .tl-liste__izgara {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.tl-ayk-kart {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 20px;
	background: #FFFCF7;
}

.tl-ayk-kart__gorsel {
	position: relative;
	display: block;
	/* 1.1.22: 3/4 kutu, kırpılmamış görsel alttan hizalı — taban ve topuk kesilmez (dikey fotoğrafta yalnızca üst). */
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #E3D8C8;
}

.tl-ayk-kart__gorsel img,
.tl-ayk-kart__gorsel .tl-gorsel-yok {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

/*
 * Life kart görselleri (1.1.22): dikey fotoğraf (en/boy ≤ 0,78) kutuyu doldurur, alttan hizalanır; daha geniş olan
 * (çanta, yatay) sığdırılır — hiçbir kenarı kesilmez, boşluk kartın zemin rengiyle.
 */
.tl-life-gorsel {
	object-position: center bottom;
}

.tl-ayk-kart__gorsel .tl-oran--kare,
.tl-ayk-kart__gorsel .tl-oran--yatay,
.tl-kart__gorsel .tl-oran--yatay,
.tl-kombin__gorsel .tl-oran--yatay {
	object-fit: contain;
}

.tl-ayk-kart__rozet {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px 10px;
	border-radius: 12px;
	background: #161514;
	color: #F3EDE4;
	font-size: 13px;
	font-weight: 600;
}

.tl-ayk-kart__govde {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 14px 14px;
}

.tl-ayk-kart__ad {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.tl-ayk-kart__ad a {
	color: inherit;
	text-decoration: none;
}

.tl-ayk-kart__ad a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.tl-ayk-kart {
	position: relative;
}

.tl-ayk-kart__fiyat {
	margin: 0;
	font-size: 16px;
	color: var(--tl-metin);
	font-weight: 700;
}

/* Numara ve renk filtresi (telefonda liste üstünde açılır) */
.tl-kadin-filtre {
	margin-top: 14px;
}

.tl-kadin-filtre > summary {
	list-style: none;
	cursor: pointer;
}

.tl-kadin-filtre > summary::-webkit-details-marker {
	display: none;
}

.tl-kadin-filtre .tl-filtre--kadin {
	margin-top: 12px;
	padding: 16px;
	border-radius: 18px;
	background: #FFFCF7;
}

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

.tl-filtre--kadin .tl-filtre__baslik {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
}

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

.tl-filtre__renkler {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
}

.tl-filtre__renk {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
}

.tl-filtre__renk input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #161514;
}

.tl-filtre__nokta {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--tl-renk);
	box-shadow: 0 0 0 1px #D5CBBD;
}

.tl-filtre__alt {
	display: flex;
	align-items: center;
	gap: 16px;
}

@media (min-width: 1024px) {
	/* 1.1.22: Life galerisi sütunu fotoğrafın genişliği kadar (en çok 80 + 12 + 604 px ≈ içeriğin yarısı); fotoğraf
	   ekrana sığmak için daraldığında kalan yer bilgi sütununa kalır (ölçüler "Trend Loca Life galerisi" bölümünde). */
	.tl-urun--kadin .tl-urun__ust {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 48px;
	}

	.tl-ayk__yardim--masaustu {
		display: inline-flex;
	}

	.tl-ayk__yardim--telefon {
		display: none;
	}

	.tl-urun--kadin .tl-ust-etiket {
		font-size: 13px;
		letter-spacing: 0.02em;
	}

	.tl-urun--kadin .tl-urun__ad {
		font-size: 40px;
	}

	.tl-ayk__fiyat .tl-urun__fiyat {
		font-size: 28px;
		font-weight: 500;
	}

	.tl-numara {
		height: 50px;
		border-radius: 10px;
	}

	.tl-katlanir:not(.is-acik) .tl-katlanir__icerik {
		display: none;
	}

	.tl-liste--kadin .tl-liste__izgara {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.tl-ayk-kart__govde {
		padding: 14px 16px 16px;
	}

	.tl-ayk-kart__ad {
		font-size: 17px;
	}

	.tl-kadin-filtre {
		display: none;
	}

	.tl-yan .tl-filtre--kadin {
		margin-top: 24px;
		padding: 0 0 0 14px;
	}

	.tl-yan .tl-filtre__numaralar {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	.tl-liste--kadin .tl-liste__izgara {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* ---------- Taksit tablosu (PayTR, ayakkabı ürün sayfası; yalnızca açılınca yüklenir) ---------- */
.tl-taksit {
	margin: 4px 0 8px;
	border: 1px solid var(--tl-cizgi);
	border-radius: 14px;
	background: var(--tl-beyaz);
	font-size: 14px;
	font-weight: 500;
}

.tl-taksit__baslik {
	min-height: 44px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-weight: 600;
	list-style: none;
}

.tl-taksit__baslik::-webkit-details-marker {
	display: none;
}

.tl-taksit__baslik::after {
	content: "+";
	font-size: 18px;
	font-weight: 400;
}

.tl-taksit[open] .tl-taksit__baslik::after {
	content: "−";
}

.tl-taksit__ic {
	padding: 0 12px 12px;
}

.tl-taksit__not {
	margin: 8px 4px 0;
	font-size: 13px;
	color: var(--tl-soluk);
	font-weight: 500;
}

/* PayTR'nin ürettiği tablo sitenin görünümüne uyarlanır. */
.tl-taksit #paytr_taksit_tablosu {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 8px;
	max-width: none;
	font-family: inherit;
	font-size: 13px;
	text-align: left;
	font-weight: 500;
}

.tl-taksit #paytr_taksit_tablosu::before,
.tl-taksit #paytr_taksit_tablosu::after {
	display: none;
}

.tl-taksit .taksit-tablosu-wrapper {
	width: auto;
	margin: 0;
	padding: 10px;
	display: block;
	border: 1px solid var(--tl-cizgi);
	border-radius: 12px;
	background: var(--tl-zemin);
	box-sizing: border-box;
}

.tl-taksit .taksit-logo img {
	max-height: 22px;
	padding-bottom: 6px;
}

.tl-taksit .taksit-tutari-text,
.tl-taksit .taksit-tutari {
	float: none;
	width: auto;
	display: inline-block;
	min-width: 45%;
	padding: 2px 0;
	border: 0;
	color: var(--tl-ikincil);
}

.tl-taksit .taksit-tutari-text {
	color: var(--tl-soluk);
}

.tl-taksit .taksit-baslik,
.tl-taksit .taksit-tutar-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	background: transparent;
}

.tl-taksit .taksit-tutar-wrapper:hover {
	background: transparent;
}

.tl-taksit .taksit-tutari-bold {
	font-weight: 700;
	color: var(--tl-metin);
}
/* ---------- Sipariş takibi (/siparis-takip/) ---------- */
.tl-takip {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-bottom: 32px;
	font-size: 15px;
	line-height: 1.5;
}

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

.tl-takip__form p {
	margin: 0 0 6px;
	color: var(--tl-ikincil);
	font-size: 14px;
	font-weight: 500;
}

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

.tl-takip__form input {
	min-height: 48px;
	padding: 0 14px;
	border: 1.5px solid #D9CFC2;
	border-radius: 14px;
	background: var(--tl-beyaz);
	font: inherit;
	font-size: 16px;
	color: var(--tl-metin);
}

.tl-takip__form input:focus {
	outline: 2px solid var(--tl-toprak);
	outline-offset: 1px;
}

.tl-takip__form .tl-dugme {
	margin-top: 8px;
	width: 100%;
}

.tl-takip__bal {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.tl-takip__hata {
	margin: 0;
	padding: 12px 16px;
	border-radius: 14px;
	background: #FBEFE8;
	color: #7A2C16;
}

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

.tl-takip__ust {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	color: var(--tl-soluk);
	font-size: 14px;
	font-weight: 500;
}

.tl-takip__ust strong {
	color: var(--tl-metin);
}

.tl-takip__genel {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
}

.tl-takip__paket {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

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

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

.tl-takip__paket a {
	font-weight: 600;
	font-size: 14px;
	color: var(--tl-kizil);
}

.tl-takip__nokta {
	width: 10px;
	height: 10px;
	margin-top: 6px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #C8901E;
}

.tl-takip__nokta--tamam {
	background: var(--tl-yesil, #4E6B3A);
}

.tl-takip__nokta--kapali {
	background: var(--tl-soluk);
}

.tl-takip__not {
	margin: 0;
	color: var(--tl-ikincil);
	font-size: 14px;
	font-weight: 500;
}

.tl-takip__bilgi {
	margin: 0;
	padding: 12px 16px;
	border-radius: 14px;
	background: #F1F5EC;
}

/* ---------- Düzenli gönderim (/duzenli-gonderim/, Hesabım) ve "Bitmeden hatırlat" kartı ---------- */
.tl-gonderim-sayfa,
.tl-gonderim-liste {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-bottom: 32px;
	font-size: 15px;
	line-height: 1.5;
}

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

.tl-gonderim--bitti {
	opacity: 0.75;
}

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

.tl-gonderim__ust h2 {
	margin: 0;
	font-size: 18px;
}

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

.tl-gonderim__tarih strong {
	color: var(--tl-metin);
}

.tl-gonderim__urunler {
	margin: 0;
	padding-left: 18px;
}

.tl-gonderim__yok {
	margin-left: 4px;
	padding: 1px 8px;
	border-radius: 10px;
	background: #FBEFE8;
	color: #7A2C16;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
}

.tl-gonderim__dugmeler,
.tl-gonderim__islemler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tl-gonderim__form {
	margin: 0;
}

.tl-gonderim .tl-dugme {
	min-height: 44px;
}

.tl-gonderim__onay {
	padding: 12px 14px;
	border: 1.5px solid var(--tl-toprak);
	border-radius: 14px;
	background: var(--tl-zemin);
}

.tl-gonderim__onay p {
	margin: 0 0 10px;
	font-weight: 600;
}

.tl-gonderim__siklik {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.tl-gonderim__siklik select {
	min-height: 44px;
	padding: 0 12px;
	border: 1.5px solid #D9CFC2;
	border-radius: 14px;
	background: var(--tl-beyaz);
	font: inherit;
	color: var(--tl-metin);
}

.tl-gonderim__sonuc {
	margin: 0;
	padding: 12px 16px;
	border-radius: 14px;
}

.tl-gonderim__sonuc--iyi {
	background: #EAF1E4;
	color: #2F4A22;
}

.tl-gonderim__sonuc--uyari {
	background: #FBEFE8;
	color: #7A2C16;
}

.tl-gonderim__giris,
.tl-gonderim__not {
	margin: 0;
	color: var(--tl-ikincil);
	font-size: 14px;
	font-weight: 500;
}

.tl-hatirla {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
}

.tl-hatirla > strong {
	font-size: 14px;
}

.tl-hatirla > span {
	color: var(--tl-ikincil);
}

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

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

.tl-hatirla__dugme[aria-pressed="true"] {
	border-color: var(--tl-toprak);
	background: var(--tl-toprak);
	color: #FAF3EC;
}

.tl-hatirla__not {
	color: var(--tl-yesil, #4E6B3A);
	font-weight: 600;
}

/* ---------- Hız: ilk ekranın çok altındaki bölümler görünene yaklaşınca yerleşir ---------- */
/* Telefonda ilk açılıştaki yerleşim işini ~%40 azaltır (TBT). "auto" bir kez çizilen boyutu hatırlar;
   tahmini yükseklikler 390 / 1440 px ölçümlerinden, bölüm ekrana girmeden önce gerçeğiyle değişir. */
.tl-serit,
.tl-firsatlar,
.tl-gelenek,
.tl-yorumlar,
.tl-guven,
.home .tl-alt,
.tax-product_cat .tl-alt,
.single-product .tl-alt {
	content-visibility: auto;
}

.tl-serit { contain-intrinsic-block-size: auto 380px; }
.tl-firsatlar { contain-intrinsic-block-size: auto 390px; }
.tl-gelenek { contain-intrinsic-block-size: auto 500px; }
.tl-yorumlar { contain-intrinsic-block-size: auto 435px; }
.tl-guven { contain-intrinsic-block-size: auto 360px; }
.tl-alt { contain-intrinsic-block-size: auto 760px; }

/* Telefonda kategori listesinin 5. ürününden sonrası (canlıda sayfa başına 20+ ürün). Yalnızca yükseklik
   tahmin edilir; genişlik ızgaradan gelir. */
@media (max-width: 1023px) {
	.tl-liste__izgara > :nth-child(n+5) {
		content-visibility: auto;
		contain-intrinsic-block-size: auto 150px;
	}
	.tl-liste__izgara > .tl-ayk-kart:nth-child(n+5) {
		contain-intrinsic-block-size: auto 260px;
	}
	/* Gıda ürününde yorumlar ve kategori sonundaki sepet kutusu. (Ayakkabıdaki katlanır bölümlerin
	   yüksekliği üründen ürüne çok değiştiği için onlara uygulanmaz: kaydırırken sayfa kayardı.) */
	.tl-urun-yorumlar,
	.tl-liste__sepet-kutu {
		content-visibility: auto;
		contain-intrinsic-block-size: auto 240px;
	}
}

@media (min-width: 1024px) {
	.tl-serit { contain-intrinsic-block-size: auto 455px; }
	.tl-firsatlar { contain-intrinsic-block-size: auto 250px; }
	.tl-gelenek { contain-intrinsic-block-size: auto 300px; }
	.tl-yorumlar { contain-intrinsic-block-size: auto 465px; }
	.tl-guven { contain-intrinsic-block-size: auto 165px; }
	.tl-alt { contain-intrinsic-block-size: auto 470px; }
}

/* =========================================================================
   1.1.14: 2/1 Öde teşviki, "Bu çift hakkında", Trend Loca Life sezon sayfası
   (mockuplar/1.1.14: IkiBirUrun, IkiBirOdeme, IkiBirKategori, IkiBirMobil, AciklamaYeni, KadinSezon, KadinSezonMobil)
   ========================================================================= */

/* Telefonda / bilgisayarda farklı kısalıkta yazılar */
.tl-ikibir-d {
	display: none;
}

@media (min-width: 1024px) {
	.tl-ikibir-d {
		display: inline;
	}

	.tl-ikibir-m {
		display: none;
	}
}

/* Fiyat + etiket: üstü çizili fiyat ve "2. çiftin bedava" (marka koyu rengi); ya da fiyat ve "+230 TL fark" */
.tl-ikibir-fiyat {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.tl-ikibir-fiyat s {
	color: #6F6359;
}

.tl-ikibir-etiket {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 99px;
	background: #EFE6DA;
	color: #241812;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

.tl-ikibir-etiket--bedava {
	background: #241812;
	color: #F6F2EC;
}

/* Ürün sayfası: "1. çiftin sepette" kutusu */
.tl-ikibir-kutu {
	margin-top: 10px;
	padding: 11px 12px;
	border: 1px solid #E5DACD;
	border-radius: 14px;
	background: #FFFFFF;
}

.tl-ikibir-kutu__ust {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.tl-ikibir-kutu__tik {
	display: none;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #4F6B3A;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
}

.tl-ikibir-kutu__baslik {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
}

.tl-ikibir-kutu__baslik::before {
	content: "✓ ";
}

.tl-ikibir-kutu__metin {
	margin: 2px 0 0;
	font-size: 15px;
	color: #3A2F28;
}

.tl-ikibir-kutu__metin b {
	color: #4F6B3A;
}

.tl-ikibir-ilerleme {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.tl-ikibir-ilerleme__cubuk,
.tl-ikibir-cubuk__cizgi {
	position: relative;
	display: block;
	flex: 1;
	height: 6px;
	overflow: hidden;
	border-radius: 99px;
	background: #EFE6DA;
}

.tl-ikibir-ilerleme__cubuk > span,
.tl-ikibir-cubuk__cizgi > span {
	position: absolute;
	inset: 0 auto 0 0;
	width: 50%;
	background: #8E3A1E;
	transition: width 0.3s ease;
}

.tl-ikibir-ilerleme__yazi {
	display: none;
	font-size: 13px;
	font-weight: 700;
	color: #8E3A1E;
	white-space: nowrap;
}

/* İki düğme: telefonda altta sabit, bilgisayarda kutunun altında */
.tl-ikibir-dugmeler {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 46;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 14px calc(16px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #E5DACD;
	background: #FFFFFF;
}

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

.tl-ikibir-dugmeler .tl-dugme {
	width: 100%;
	min-height: 48px;
	border-radius: 14px;
	font-size: 15px;
}

.tl-ikibir-dugmeler .tl-dugme--cizgili-koyu {
	min-height: 44px;
	background: #FFFFFF;
	font-size: 14px;
}

.tl-ikibir-ok {
	display: none;
}

/* Teşvik açıkken "Sepete eklendi · Ödemeye geç" ve telefondaki sepet çubuğu yerine bu iki düğme */
.tl-ayk.is-ikibir [data-tl-ayk-eklendi],
body.tl-ikibir-cubukta [data-tl-sabit-cubuk] {
	display: none !important;
}

/* Telefonda alttaki iki düğme içeriği kapatmasın: sayfanın sonunda düğme yüksekliği kadar boşluk (ikibir.js ölçer). */
body.tl-ikibir-cubukta {
	padding-bottom: var(--tl-ikibir-pay, 130px);
}

/* Telefonda bildirim alttaki iki düğmenin üstünde çıksın. */
body.tl-ikibir-cubukta .tl-tost {
	bottom: calc(16px + var(--tl-ikibir-pay, 130px));
}

/* Öneri kartı (ödemeye geçerken hatırlatma) */
.tl-ikibir-oneri {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #E5DACD;
	border-radius: 12px;
	background: #FFFFFF;
	scroll-snap-align: start;
}

.tl-ikibir-oneri__gorsel {
	display: block;
	aspect-ratio: 13 / 11;
	background: #EFE6DA;
}

.tl-ikibir-oneri__gorsel img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 1.1.22: kırpılmamış dosya; ayakkabı fotoğrafın altında → alttan hizalı (taban kesilmez). */
	object-position: center bottom;
}

.tl-ikibir-oneri__govde {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 4px;
	padding: 6px 8px 8px;
	font-size: 13px;
	font-weight: 500;
}

.tl-ikibir-oneri__ad,
.tl-ikibir-mini__ad {
	display: -webkit-box;
	overflow: hidden;
	color: inherit;
	font-weight: 700;
	line-height: 1.45;
	text-decoration: none;
	overflow-wrap: anywhere;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.tl-ikibir-oneri__fiyat {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
}

.tl-ikibir-oneri__fiyat .tl-ikibir-etiket {
	padding: 2px 7px;
	font-size: 13px;
}

.tl-ikibir-oneri__alt {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: auto;
	padding-top: 4px;
}

.tl-ikibir-numara {
	min-height: 44px;
	padding: 0 8px;
	border: 1px solid #D9CCBE;
	border-radius: 999px;
	background: #FFFFFF;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
}

.tl-ikibir-ekle {
	flex: 1;
	min-height: 44px;
	padding: 4px 12px;
	border: 1px solid #241812;
	border-radius: 999px;
	background: #FFFFFF;
	color: #241812;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.tl-ikibir-ekle:hover {
	background: #241812;
	color: #F6F2EC;
}

.tl-ikibir-ekle[aria-busy="true"] {
	opacity: 0.6;
}

@media (min-width: 1024px) {
	.tl-ikibir-kutu {
		margin-top: 16px;
		padding: 16px 18px;
		border-radius: 16px;
	}

	.tl-ikibir-kutu__tik {
		display: block;
	}

	.tl-ikibir-kutu__ust {
		align-items: center;
	}

	.tl-ikibir-kutu__baslik {
		font-size: 16px;
	}

	.tl-ikibir-kutu__baslik::before {
		content: none;
	}

	.tl-ikibir-kutu__metin {
		margin-top: 3px;
		font-size: 15px;
	}

	.tl-ikibir-ilerleme {
		margin-top: 12px;
	}

	.tl-ikibir-ilerleme__cubuk {
		height: 8px;
	}

	.tl-ikibir-ilerleme__yazi {
		display: inline;
	}

	.tl-ikibir-dugmeler {
		position: static;
		gap: 10px;
		margin-top: 14px;
		padding: 0;
		border: 0;
		background: none;
	}

	.tl-ikibir-dugmeler .tl-dugme {
		min-height: 58px;
		font-size: 17px;
		font-weight: 700;
	}

	.tl-ikibir-dugmeler .tl-dugme--cizgili-koyu {
		min-height: 52px;
		font-size: 16px;
		font-weight: 600;
	}

	.tl-ikibir-ok {
		display: inline;
	}

	body.tl-ikibir-cubukta {
		padding-bottom: 0;
	}

	body.tl-ikibir-cubukta .tl-tost {
		bottom: calc(96px + var(--tl-yuzen-kayma, 0px) + var(--tl-serit-kayma, 0px));
	}

	.tl-ikibir-oneri {
		border-radius: 14px;
	}

	.tl-ikibir-oneri__gorsel {
		aspect-ratio: auto;
		height: 170px;
	}

	.tl-ikibir-oneri__govde {
		padding: 10px 12px 12px;
		font-size: 14px;
	}

	.tl-ikibir-oneri__ad {
		min-height: 36px;
		font-weight: 600;
	}

	.tl-ikibir-oneri__fiyat,
	.tl-ikibir-oneri__fiyat .tl-ikibir-etiket {
		font-size: 13px;
	}

	.tl-ikibir-oneri__alt {
		flex-wrap: nowrap;
		padding-top: 6px;
	}

	.tl-ikibir-numara {
		min-height: 36px;
	}

	.tl-ikibir-ekle {
		flex: 0 1 auto;
		min-height: 36px;
		padding: 7px 14px;
		font-size: 13px;
	}
}

/* Sepetteki yeşil 2/1 kartı (IkiBirOdeme yan sütunu) ve 2 bedava öneri */
.tl-ikibir-kart {
	margin-top: 12px;
	padding: 14px 16px;
	border: 1px solid #C9D8B8;
	border-radius: 16px;
	background: #EEF3E8;
	color: #241812;
}

.tl-ikibir-kart__baslik {
	margin: 0;
	color: #3F5A2D;
	font-size: 15px;
	font-weight: 700;
}

.tl-ikibir-kart__metin {
	margin: 4px 0 0;
	font-size: 15px;
}

.tl-ikibir-kart__liste {
	display: grid;
	gap: 8px;
	margin-top: 10px;
}

.tl-ikibir-kart__link {
	margin-top: 8px;
	color: #241812;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
}

.tl-ikibir-mini {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 12px;
	background: #FFFFFF;
}

.tl-ikibir-mini__gorsel {
	flex-shrink: 0;
	width: 44px;
	height: 55px;
	border-radius: 8px;
	object-fit: cover;
	object-position: center bottom;
}

.tl-ikibir-mini__bilgi {
	display: flex;
	flex: 1;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
	font-size: 13px;
	font-weight: 500;
}

.tl-ikibir-mini__ad {
	font-size: 13px;
	font-weight: 600;
}

.tl-ikibir-mini .tl-ikibir-ekle {
	flex: 0 0 auto;
	min-height: 44px;
}

/* Ödemeye geçerken hatırlatma (telefonda alttan açılan kutu, bilgisayarda ortada) */
.tl-ikibir-pencere {
	width: 100%;
	max-width: 100%;
	max-height: 92vh;
	margin: auto 0 0;
	padding: 0;
	border: 0;
	border-radius: 24px 24px 0 0;
	background: #F6F2EC;
	color: #241812;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}

.tl-ikibir-pencere::backdrop {
	background: rgba(30, 20, 15, 0.55);
}

.tl-ikibir-pencere__ic {
	position: relative;
	padding: 16px 18px calc(20px + env(safe-area-inset-bottom, 0px));
}

.tl-ikibir-pencere__tutamak {
	display: block;
	width: 40px;
	height: 4px;
	margin: 0 auto 12px;
	border-radius: 9px;
	background: #D9CCBE;
}

.tl-ikibir-pencere__kapat {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 44px;
	height: 44px;
	border: 0;
	background: none;
	color: #6B5E54;
	font-size: 22px;
	cursor: pointer;
}

.tl-ikibir-pencere__ust {
	margin: 0;
	color: #8E3A1E;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.tl-ikibir-pencere__baslik {
	margin: 4px 0 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 28px;
	font-weight: 500;
	line-height: 1.05;
}

.tl-ikibir-pencere__metin {
	margin: 6px 0 0;
	color: #4A3E35;
	font-size: 15px;
}

.tl-ikibir-pencere__metin b {
	color: #4F6B3A;
}

.tl-ikibir-pencere__liste {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.tl-ikibir-pencere__liste .tl-ikibir-oneri:nth-child(n+3) {
	display: none;
}

.tl-ikibir-pencere__liste .tl-ikibir-oneri__gorsel {
	aspect-ratio: auto;
	height: 120px;
}

.tl-ikibir-pencere__alt {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin-top: 12px;
	text-align: center;
}

.tl-ikibir-pencere__diger {
	color: inherit;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
}

.tl-ikibir-pencere__tek {
	min-height: 44px;
	border-radius: 14px;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
}

@media (min-width: 1024px) {
	.tl-ikibir-pencere {
		width: 780px;
		max-width: calc(100vw - 48px);
		margin: 50px auto auto;
		border-radius: 22px;
	}

	.tl-ikibir-pencere__ic {
		padding: 26px 28px;
	}

	.tl-ikibir-pencere__tutamak {
		display: none;
	}

	.tl-ikibir-pencere__ust {
		font-size: 13px;
	}

	.tl-ikibir-pencere__baslik {
		margin-top: 6px;
		font-size: 36px;
		line-height: 1.1;
	}

	.tl-ikibir-pencere__metin {
		max-width: 640px;
		margin-top: 8px;
		color: #3A2F28;
		font-size: 16px;
	}

	.tl-ikibir-pencere__liste {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
		margin-top: 18px;
	}

	.tl-ikibir-pencere__liste .tl-ikibir-oneri:nth-child(n+3) {
		display: flex;
	}

	.tl-ikibir-pencere__liste .tl-ikibir-oneri__gorsel {
		height: 150px;
	}

	.tl-ikibir-pencere__alt {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: 18px;
	}

	.tl-ikibir-pencere__diger {
		font-size: 15px;
		font-weight: 700;
	}

	.tl-ikibir-pencere__tek {
		padding: 0 18px;
		border-radius: 12px;
		font-size: 15px;
	}
}

/* 2/1 Öde sayfası: bant, adımlar, çipler, alttaki çubuk */
.tl-ikibir-bant {
	margin: 14px 14px 0;
	padding: 16px;
	border-radius: 18px;
	background: #241812;
	color: #F6F2EC;
}

.tl-ikibir-bant__ust {
	margin: 0;
	color: #E0B49A;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.tl-ikibir-bant__baslik {
	margin: 6px 0 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 28px;
	font-weight: 500;
	line-height: 1.05;
}

.tl-ikibir-bant__baslik em {
	color: #E0B49A;
}

.tl-ikibir-bant__alt {
	display: none;
}

.tl-ikibir-adimlar {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 500;
}

.tl-ikibir-adimlar li {
	padding: 5px 9px;
	border-radius: 99px;
	background: rgba(246, 242, 236, 0.1);
}

.tl-ikibir-adimlar__no {
	margin-right: 4px;
}

.tl-ikibir-adimlar strong,
.tl-ikibir-adimlar__alt {
	display: none;
}

.tl-cipler--ikibir {
	align-items: center;
}

.tl-cipler__sag {
	display: contents;
}

.tl-cipler--kadin .tl-cip--numara {
	color: #8E3A1E;
	box-shadow: inset 0 0 0 1px #8E3A1E;
}

.tl-cipler--kadin .tl-cip--numara.is-aktif {
	background: #FFFFFF;
	color: #8E3A1E;
	box-shadow: inset 0 0 0 1px #8E3A1E;
}

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

.tl-ikibir-cubuk {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 46;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px calc(16px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #E5DACD;
	background: #FFFFFF;
	box-shadow: 0 -10px 30px rgba(36, 24, 18, 0.08);
}

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

body.tl-ikibir-cubuk-acik .tl-liste {
	padding-bottom: 96px;
}

.tl-ikibir-cubuk__gorsel {
	display: none;
	width: 44px;
	height: 55px;
	border-radius: 8px;
	object-fit: cover;
	object-position: center bottom;
}

.tl-ikibir-cubuk__metin {
	flex: 1;
	min-width: 0;
}

.tl-ikibir-cubuk__baslik {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
}

.tl-ikibir-cubuk__alt {
	margin: 0;
	color: var(--tl-soluk);
	font-size: 13px;
	font-weight: 500;
}

.tl-ikibir-cubuk__metin .tl-ikibir-cubuk__cizgi {
	height: 5px;
	margin-top: 5px;
}

/* Telefonda çizgi metnin altında; bilgisayarda metnin sağında (sayıyla). */
.tl-ikibir-cubuk > .tl-ikibir-cubuk__cizgi {
	display: none;
}

.tl-ikibir-cubuk__sayi {
	color: #8E3A1E;
	font-size: 13px;
	font-weight: 600;
}

.tl-ikibir-cubuk__git {
	flex-shrink: 0;
	min-height: 44px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}

@media (min-width: 1024px) {
	.tl-ikibir-bant {
		display: grid;
		grid-template-columns: 1.1fr 1.6fr;
		gap: 30px;
		align-items: center;
		margin: 22px var(--tl-ic) 0;
		padding: 26px 30px;
		border-radius: 22px;
	}

	.tl-ikibir-bant__ust {
		font-size: 13px;
		letter-spacing: 0.04em;
	}

	.tl-ikibir-bant__baslik {
		margin-top: 8px;
		font-size: 40px;
	}

	.tl-ikibir-bant__baslik em {
		display: block;
	}

	.tl-ikibir-bant__alt {
		display: block;
		margin: 10px 0 0;
		color: #E9DCCD;
		font-size: 15px;
	}

	.tl-ikibir-adimlar {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
		margin: 0;
		font-size: 14px;
	}

	.tl-ikibir-adimlar li {
		padding: 14px;
		border-radius: 16px;
		background: rgba(246, 242, 236, 0.08);
	}

	.tl-ikibir-adimlar__no {
		display: block;
		margin: 0;
		font-family: var(--wp--preset--font-family--cormorant);
		font-size: 28px;
		font-weight: 500;
		line-height: 1.2;
	}

	.tl-ikibir-adimlar strong {
		display: block;
		margin-top: 2px;
		font-weight: 600;
	}

	.tl-ikibir-adimlar__kisa {
		display: none;
	}

	.tl-ikibir-adimlar__alt {
		display: block;
		margin-top: 4px;
		color: #D9CCBE;
		font-size: 13px;
		font-weight: 500;
	}

	.tl-liste--ikibir .tl-cipler--ikibir {
		display: flex;
		gap: 10px;
		padding: 18px var(--tl-ic) 0;
	}

	.tl-cipler__sag {
		display: flex;
		gap: 10px;
		margin-left: auto;
	}

	.tl-liste--ikibir .tl-liste__govde {
		grid-template-columns: minmax(0, 1fr);
		padding-top: 16px;
	}

	.tl-liste--ikibir .tl-liste__izgara {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}

	.tl-ikibir-cubuk {
		gap: 16px;
		padding: 14px var(--tl-ic);
	}

	.tl-ikibir-cubuk__gorsel:not([hidden]) {
		display: block;
	}

	.tl-ikibir-cubuk__baslik {
		font-size: 15px;
	}

	.tl-ikibir-cubuk__alt {
		font-size: 13px;
	}

	.tl-ikibir-cubuk__metin .tl-ikibir-cubuk__cizgi {
		display: none;
	}

	.tl-ikibir-cubuk > .tl-ikibir-cubuk__cizgi {
		display: block;
		flex: 0 0 180px;
		height: 8px;
		margin-left: auto;
	}

	.tl-ikibir-cubuk__metin {
		flex: 0 1 auto;
	}

	.tl-ikibir-cubuk__git {
		padding: 0 18px;
		font-size: 14px;
	}
}

/* Liste kartı rozet renkleri (Çok satan kızıl, Yeni yeşil) */
.tl-ayk-kart__rozet--cok-satan {
	background: #8E3A1E;
	color: #FFFFFF;
}

.tl-ayk-kart__rozet--yeni {
	background: #4F6B3A;
	color: #FFFFFF;
}

/* "Bu çift hakkında" (AciklamaYeni): 17 px koyu metin, özellik kutuları, nasıl giyilir, güvenceler */
.tl-bu-cift {
	margin-top: 24px;
}

.tl-bu-cift__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 30px;
	font-weight: 500;
	line-height: 1.15;
}

.tl-bu-cift__metin {
	max-width: 60ch;
	margin-top: 8px;
	color: #2E241E;
	font-size: 17px;
	line-height: 1.7;
}

.tl-bu-cift__metin p {
	margin: 0 0 10px;
}

.tl-bu-cift__metin p:last-child {
	margin-bottom: 0;
}

.tl-bu-cift__ozellikler {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 16px 0 0;
}

.tl-bu-cift__oz {
	padding: 12px 14px;
	border: 1px solid #E5DACD;
	border-radius: 14px;
	background: #FFFFFF;
}

.tl-bu-cift__oz dt {
	color: #6B5E54;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
}

.tl-bu-cift__oz dd {
	margin: 4px 0 0;
	color: #241812;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
}

.tl-bu-cift__giyim {
	margin-top: 16px;
	padding: 14px 16px;
	border-left: 4px solid #8E3A1E;
	border-radius: 14px;
	background: #FFFFFF;
}

.tl-bu-cift__giyim p {
	margin: 4px 0 0;
	font-size: 16px;
	line-height: 1.6;
}

.tl-bu-cift__giyim .tl-bu-cift__giyim-baslik {
	margin: 0;
	color: #6B5E54;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
}

.tl-bu-cift__guven {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
	color: #3A2F28;
	font-size: 14px;
	font-weight: 500;
}

.tl-bu-cift + .tl-katlanir {
	margin-top: 18px;
}

.tl-ayk .tl-katlanir__baslik button {
	font-size: 15px;
	font-weight: 600;
}

/* Trend Loca Life sezon sayfası */
.tl-sezon {
	padding: 0 12px;
}

.tl-sezon-kapak {
	position: relative;
	margin-top: 12px;
	overflow: hidden;
	border-radius: 18px;
	background: #2B1E17;
	color: #F6F2EC;
}

.tl-sezon-kapak__gorsel {
	height: 230px;
}

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

.tl-sezon-kapak__metin {
	position: absolute;
	inset: auto 0 0;
	z-index: 1;
	padding: 60px 16px 14px;
	background: linear-gradient(0deg, rgba(30, 20, 15, 0.85), rgba(30, 20, 15, 0));
}

.tl-sezon-kapak__ust {
	margin: 0;
	color: #E0B49A;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: none;
}

.tl-sezon-kapak__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
}

.tl-sezon-kapak__alt,
.tl-sezon-kapak__dugmeler {
	display: none;
}

.tl-sezon-dugme {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 12px;
	font-weight: 700;
	text-decoration: none;
}

.tl-sezon-dugme--acik {
	background: #F6F2EC;
	color: #241812;
}

.tl-sezon-dugme--cizgili {
	box-shadow: inset 0 0 0 1.5px #F6F2EC;
	color: #F6F2EC;
}

.tl-sezon-baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 24px;
	font-weight: 500;
	line-height: 1.15;
}

.tl-sezon-kategoriler {
	margin-top: 6px;
}

.tl-sezon-kategoriler > .tl-sezon-baslik {
	margin: 6px 4px 8px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
}

.tl-sezon-kutular {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.tl-sezon-kutu {
	position: relative;
	display: block;
	height: 110px;
	overflow: hidden;
	border-radius: 14px;
	background: #E3D8C8;
	color: #241812;
	text-decoration: none;
}

.tl-sezon-kutu img,
.tl-sezon-kutu .tl-gorsel-yok {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tl-sezon-kutu__ad {
	position: absolute;
	left: 8px;
	bottom: 8px;
	max-width: calc(100% - 16px);
	padding: 4px 9px;
	border-radius: 12px;
	background: rgba(246, 242, 236, 0.95);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	/* 13 px'te "Babet ve Loafer" dar kutuda iki satır olabilir: satırlar dengeli, köşe hap yerine yumuşak. */
	text-wrap: balance;
}

.tl-sezon-kutu__ad small {
	display: none;
	color: #6B5E54;
	font-weight: 500;
	font-size: 13px;
}

.tl-sezon-tum-tel {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: 10px;
	border-radius: 12px;
	box-shadow: inset 0 0 0 1.5px #241812;
	color: #241812;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.tl-sezon-bolum {
	margin-top: 18px;
}

.tl-sezon-bolum__ust {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 4px 8px;
}

.tl-sezon-bolum__alt {
	display: none;
	margin: 2px 0 0;
	color: #3A2F28;
	font-size: 15px;
}

.tl-sezon-bolum__tum {
	flex-shrink: 0;
	color: inherit;
	font-size: 13px;
	text-decoration: underline;
	font-weight: 600;
}

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

.tl-sezon-izgara .tl-ayk-kart {
	border: 1px solid #E5DACD;
	border-radius: 16px;
	background: #FFFFFF;
}

.tl-sezon-izgara .tl-ayk-kart__gorsel {
	aspect-ratio: auto;
	height: 150px;
}

.tl-sezon-izgara .tl-ayk-kart__govde {
	padding: 10px 12px;
}

.tl-sezon-izgara .tl-ayk-kart__ad {
	font-size: 15px;
}

.tl-sezon-izgara .tl-ayk-kart__fiyat {
	color: #241812;
	font-size: 16px;
}

.tl-sezon-ikibir {
	margin: 16px 0 0;
	padding: 14px 16px;
	border-radius: 16px;
	background: #241812;
	color: #F6F2EC;
}

.tl-sezon-ikibir__ust {
	margin: 0;
	color: #E0B49A;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.tl-sezon-ikibir__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 22px;
	font-weight: 500;
}

.tl-sezon-ikibir__alt,
.tl-sezon-ikibir > .tl-sezon-dugme {
	display: none;
}

.tl-sezon-tum {
	margin: 24px 0 0;
	text-align: center;
}

.tl-sezon-tum .tl-dugme {
	width: 100%;
	border-radius: 14px;
}

@media (min-width: 1024px) {
	.tl-sezon {
		padding: 0 var(--tl-ic);
	}

	.tl-sezon-kapak {
		display: grid;
		grid-template-columns: 1fr 1.25fr;
		height: 360px;
		margin-top: 22px;
		border-radius: 24px;
	}

	.tl-sezon-kapak__metin {
		position: static;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 40px;
		background: none;
	}

	.tl-sezon-kapak__ust {
		font-size: 13px;
		letter-spacing: 0.04em;
	}

	.tl-sezon-kapak__baslik {
		margin-top: 10px;
		font-size: 50px;
		line-height: 1.02;
	}

	.tl-sezon-kapak__baslik em {
		display: block;
		color: #E0B49A;
	}

	.tl-sezon-kapak__alt {
		display: block;
		max-width: 360px;
		margin: 12px 0 0;
		color: #E9DCCD;
		font-size: 16px;
	}

	.tl-sezon-kapak__dugmeler {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
		margin-top: 20px;
	}

	.tl-sezon-kapak__tum {
		margin-left: 6px;
		color: #F6F2EC;
		font-size: 14px;
		font-weight: 600;
		text-decoration: underline;
	}

	.tl-sezon-kapak__gorsel {
		height: 360px;
	}

	.tl-sezon-baslik {
		font-size: 32px;
	}

	.tl-sezon-kategoriler {
		margin-top: 30px;
	}

	.tl-sezon-kategoriler > .tl-sezon-baslik {
		margin: 0;
		font-family: var(--wp--preset--font-family--cormorant);
		font-size: 32px;
		font-weight: 500;
	}

	.tl-sezon-kutular {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 14px;
		margin-top: 14px;
	}

	.tl-sezon-kutu {
		height: 190px;
		border-radius: 18px;
	}

	.tl-sezon-kutu__ad {
		left: 12px;
		bottom: 12px;
		padding: 7px 14px;
		font-size: 15px;
	}

	.tl-sezon-kutu__ad small {
		display: inline;
	}

	.tl-sezon-tum-tel {
		display: none;
	}

	.tl-sezon-bolum {
		margin-top: 30px;
	}

	.tl-sezon-bolum__ust {
		align-items: flex-end;
		margin: 0;
	}

	.tl-sezon-bolum__alt {
		display: block;
	}

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

	.tl-sezon-izgara {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		margin-top: 14px;
	}

	.tl-sezon-izgara .tl-ayk-kart__gorsel {
		height: 240px;
	}

	.tl-sezon-bolum--son .tl-ayk-kart__gorsel {
		height: 200px;
	}

	.tl-sezon-izgara .tl-ayk-kart__ad,
	.tl-sezon-izgara .tl-ayk-kart__fiyat {
		font-size: 16px;
	}

	.tl-sezon-bolum--son .tl-ayk-kart__ad,
	.tl-sezon-bolum--son .tl-ayk-kart__fiyat {
		font-size: 16px;
	}

	.tl-sezon-ikibir {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		margin-top: 30px;
		padding: 22px 26px;
		border-radius: 20px;
	}

	.tl-sezon-ikibir__ust {
		font-size: 13px;
	}

	.tl-sezon-ikibir__baslik {
		margin-top: 4px;
		font-size: 30px;
	}

	.tl-sezon-ikibir__alt {
		display: block;
		margin: 0;
		color: #E9DCCD;
		font-size: 14px;
		font-weight: 500;
	}

	.tl-sezon-ikibir > .tl-sezon-dugme {
		display: inline-flex;
		flex-shrink: 0;
		min-height: 48px;
		padding: 0 20px;
	}

	.tl-sezon-tum {
		margin-top: 36px;
	}

	.tl-sezon-tum .tl-dugme {
		width: auto;
		min-width: 320px;
	}
}

/* =========================================================================
   1.1.16: bilgi pencereleri, galeri kaydırma ve tam ekran, kategori çipleri,
   WhatsApp düğmesi çakışmasız, kampanya kartları, kırpma
   ========================================================================= */

/* "Koşullar" ve güven maddeleri: sayfadan çıkmadan kısa pencere açar */
.tl-bilgi-ac {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

a.tl-guven__baslik.tl-bilgi-ac {
	text-decoration: none;
}

a.tl-guven__baslik.tl-bilgi-ac::after {
	content: " ›";
}

.tl-bilgi-pencere {
	width: 100%;
	max-width: 100%;
	max-height: 85vh;
	margin: auto 0 0;
	padding: 0;
	border: 0;
	border-radius: 22px 22px 0 0;
	background: #FFFCF7;
	color: #241812;
	box-shadow: 0 -10px 40px rgba(30, 20, 15, 0.25);
}

.tl-bilgi-pencere::backdrop {
	background: rgba(30, 20, 15, 0.5);
}

.tl-bilgi-pencere__ic {
	position: relative;
	padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px));
}

.tl-bilgi-pencere__baslik {
	margin: 0 44px 10px 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.tl-bilgi-pencere p {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.6;
}

.tl-bilgi-pencere__link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 2px;
	color: var(--tl-toprak);
	font-size: 14px;
	font-weight: 700;
}

.tl-bilgi-pencere__kapat {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: #F1E7DC;
	color: #241812;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.tl-bilgi-pencere {
		width: min(520px, calc(100% - 48px));
		margin: auto;
		border-radius: 20px;
	}
}

/* Yasal sayfalarda çapa başlığı sabit üst alanın altında kalmasın */
.tl-sayfa [id] {
	scroll-margin-top: 96px;
}

/* Ürün sayfası: kampanya satırı ve "Koşullar" */
.tl-ayk__kosul {
	margin-left: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #5C5245;
}

.tl-urun .tl-kirilma .tl-bilgi-ac {
	white-space: nowrap;
}

/* Galeri: kaydırma, konum göstergesi, tam ekran */
.tl-galeri__ana {
	touch-action: pan-y;
	cursor: zoom-in;
	-webkit-user-select: none;
	user-select: none;
}

.tl-galeri__ana img {
	-webkit-user-drag: none;
}

.tl-galeri__ana:focus-visible {
	outline: 3px solid var(--tl-toprak);
	outline-offset: -3px;
}

.tl-galeri__konum {
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 2;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(22, 21, 20, 0.72);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	pointer-events: none;
}

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

.tl-buyuk {
	width: 100vw;
	max-width: 100vw;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #121110;
	color: #FFFFFF;
	/* 1.1.22: iki parmak, çift dokunuş ve kaydırma main.js'te (tarayıcının kendi yakınlaştırması devre dışı). */
	touch-action: none;
	overscroll-behavior: contain;
}

.tl-buyuk::backdrop {
	background: #121110;
}

.tl-buyuk[open] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tl-buyuk__gorsel {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	transform-origin: 0 0;
	will-change: transform;
	cursor: zoom-in;
	touch-action: none;
	-webkit-user-drag: none;
	user-select: none;
}

.tl-buyuk.is-yakin .tl-buyuk__gorsel {
	cursor: grab;
}

.tl-buyuk__kapat,
.tl-buyuk__ok {
	position: absolute;
	z-index: 2;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #FFFFFF;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.tl-buyuk__kapat {
	top: calc(12px + env(safe-area-inset-top, 0px));
	right: 12px;
}

.tl-buyuk__ok {
	top: 50%;
	transform: translateY(-50%);
}

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

.tl-buyuk__ok--geri {
	left: 10px;
}

.tl-buyuk__ok--ileri {
	right: 10px;
}

.tl-buyuk__konum {
	position: absolute;
	bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
	font-weight: 600;
}

/* Telefonda ana görsel kenardan kenara */
@media (max-width: 1023px) {
	.tl-urun__ust .tl-galeri {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.tl-urun__ust .tl-galeri__ana {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		border-radius: 0;
	}
}

/*
 * Trend Loca Life galerisi (1.1.22): kutu ilk fotoğrafın kendi oranında (--tl-oran = en / boy, sunucudan), fotoğraf
 * "contain" ile — hiçbir kenarı kesilmez; oranı farklı görselde boşluk bölümün zemin rengiyle dolar. Kutu ölçüsü
 * CSS'ten hesaplandığı için yüklenirken ve görsel değişirken sayfa zıplamaz. Gıda galerisi kare kalır.
 * Telefon: tam genişlik; yükseklik en çok "ekran − üst bant ve başlık (150 px)": küçük telefonda da taban ilk ekranda.
 * Bilgisayar: galeri sütunu sayfanın ~yarısı; uzun fotoğraf ekrana sığmıyorsa kutu oranını koruyarak daralır.
 */
.tl-galeri--life .tl-galeri__oge img,
.tl-galeri--life .tl-galeri__video {
	object-fit: contain;
	object-position: center bottom;
}

.tl-galeri--life .tl-galeri__kucuk {
	height: 85px;
	background: #E8DFD2;
}

.tl-galeri--life .tl-galeri__kucuk img {
	object-fit: contain;
	object-position: center bottom;
}

@media (max-width: 1023px) {
	.tl-urun__ust .tl-galeri--life .tl-galeri__ana {
		aspect-ratio: auto;
		height: min(calc(100vw / var(--tl-oran, 0.75)), calc(100vh - 150px));
		height: min(calc(100vw / var(--tl-oran, 0.75)), calc(100svh - 150px));
	}
}

@media (min-width: 1024px) {
	.tl-galeri--life {
		grid-template-columns: 80px auto;
		gap: 12px;
	}

	.tl-galeri--life.is-tek-gorsel,
	.tl-galeri--life:not(:has(.tl-galeri__kucukler)) {
		grid-template-columns: auto;
	}

	/* Galeri sayfanın 215. pikselinden başlar: yükseklik en çok "ekran − 231 px" (en az 480 px) → taban ilk ekranda;
	   genişlik en çok 604 px (bilgi sütunu en az ~430 px kalır). */
	.tl-galeri--life .tl-galeri__ana {
		justify-self: start;
		width: min(604px, calc(50vw - 150px), calc(max(480px, 100vh - 231px) * var(--tl-oran, 0.75)));
		width: min(604px, calc(50vw - 150px), calc(max(480px, 100svh - 231px) * var(--tl-oran, 0.75)));
		aspect-ratio: var(--tl-oran, 0.75);
	}

	.tl-galeri--life .tl-galeri__kucuk {
		width: 80px;
		height: 107px;
	}
}

/* Bilgisayarda fareyle üzerine gelince büyüteç (main.js; tıklayınca tam ekran). */
.tl-galeri__lup {
	position: absolute;
	z-index: 1;
	display: none;
	background-color: #E8DFD2;
	background-repeat: no-repeat;
	pointer-events: none;
}

.tl-galeri__lup.is-acik {
	display: block;
}

/* Kategori sayfası: çipler tek satır, yana kaydırılır; seçili olan başta (telefon) */
@media (max-width: 1023px) {
	.tl-cipler {
		flex-wrap: nowrap;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
	}

	.tl-cipler::-webkit-scrollbar {
		display: none;
	}

	.tl-cipler .tl-cip {
		flex-shrink: 0;
		white-space: nowrap;
	}

	.tl-cipler .tl-cip.is-aktif,
	.tl-cipler--ikibir .tl-cip--numara {
		order: -1;
	}

	/* Arama ve "Numara ve renk" aynı satırda */
	.tl-liste__ara-satir--kadin {
		position: relative;
		display: flex;
		align-items: flex-start;
		gap: 8px;
		margin-top: 4px;
	}

	.tl-liste__ara-satir--kadin .tl-liste__ara {
		flex: 1;
		min-width: 0;
		margin-top: 0;
	}

	.tl-liste__ara-satir--kadin .tl-kadin-filtre {
		flex-shrink: 0;
		margin-top: 0;
	}

	.tl-liste__ara-satir--kadin .tl-kadin-filtre > summary {
		min-height: 48px;
		padding: 0 14px;
		white-space: nowrap;
	}

	.tl-liste__ara-satir--kadin .tl-kadin-filtre .tl-filtre--kadin {
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		right: 0;
		z-index: 30;
		margin-top: 0;
		box-shadow: 0 16px 40px rgba(43, 26, 18, 0.18);
	}
}

/* Kırpma: ürün fotoğrafında ayakkabı alt bölgede, çanta ortada */
.tl-kirp--alt img {
	/* 1.1.22: kırpılmamış dosyada ayakkabı fotoğrafın en altında → tam alttan (taban kesilmez). */
	object-position: center bottom;
}

.tl-kirp--orta img {
	object-position: center 50%;
}

/* Sağ alttaki düğmeler: telefonda biraz küçük; bir düğme, fiyat ya da metin altına girince kapatmaz */
@media (max-width: 1023px) {
	.tl-yuzen {
		right: 12px;
		gap: 10px;
	}

	.tl-yuzen__wa {
		width: 48px;
		height: 48px;
		border-radius: 24px;
	}

	.tl-yuzen__wa .tl-ikon {
		width: 24px;
		height: 24px;
	}
}

.tl-yuzen.is-cakisma {
	opacity: 0;
	visibility: hidden;
}

/* Kampanyalar kartı: bağlantı ve "Koşullar" yan yana; kartın altında uzun not yok */
.tl-kampanya__alt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 18px;
	margin: auto 0 0;
}

.tl-kampanya__kosul {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #5C5245;
	font-size: 14px;
	font-weight: 500;
}

/* "Bu çift hakkında": tek madde (kargo ve değişim güven kutusunda) */
.tl-bu-cift__guven li {
	margin: 0;
}