/* ==========================================================================
   Türk Kepit · "Taş Yazıt" tasarım dili
   1. Değişkenler (ve Blocksy değişkenlerinin eşlemesi)
   2. Temel
   3. Ortak parçalar (etiket, düğme, kart)
   4. Üst alan ve çekmece
   5. Ana sayfa
   6. Alt alan
   ========================================================================== */

/* 1. Değişkenler ---------------------------------------------------------- */
:root:root {
	--tk-kirmizi: #C4231C;
	--tk-kirmizi-koyu: #A51D17;
	--tk-komur: #1B1A18;
	--tk-komur-2: #2A2925;
	--tk-tas: #ECE9E3;
	--tk-tas-acik: #F6F4F0;
	--tk-kaya: #DCD7CE;
	--tk-cizgi: #C9C3B8;
	--tk-gri: #57534C;
	--tk-gri-acik: #B5B0A6;
	--tk-gri-orta: #8A857B;
	--tk-zeytin: #4D5B2E;
	--tk-zeytin-acik: #E3E1D3;

	--tk-baslik: 'Archivo', 'Arial Narrow', Arial, sans-serif;
	--tk-metin: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--tk-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

	--tk-kap: 1280px;
	--tk-yan: clamp(16px, 4vw, 32px);

	/* Blocksy eşlemesi: Blocksy'nin kendi parçaları da aynı renkleri kullansın. */
	--theme-palette-color-1: var(--tk-kirmizi);
	--theme-palette-color-2: var(--tk-kirmizi-koyu);
	--theme-palette-color-3: var(--tk-gri);
	--theme-palette-color-4: var(--tk-komur);
	--theme-palette-color-5: var(--tk-cizgi);
	--theme-palette-color-6: var(--tk-kaya);
	--theme-palette-color-7: var(--tk-tas);
	--theme-palette-color-8: var(--tk-tas-acik);
	--theme-text-color: var(--tk-komur);
	--theme-headings-color: var(--tk-komur);
	--theme-heading-color: var(--tk-komur);
	--theme-link-initial-color: var(--tk-komur);
	--theme-link-hover-color: var(--tk-kirmizi);
	--theme-border-color: var(--tk-cizgi);
	--theme-button-background-initial-color: var(--tk-kirmizi);
	--theme-button-background-hover-color: var(--tk-komur);
	--theme-button-text-initial-color: #fff;
	--theme-button-text-hover-color: #fff;
	--theme-button-border-radius: 0;
	--theme-form-field-border-radius: 0;
	--theme-form-field-border-initial-color: var(--tk-cizgi);
	--theme-form-field-border-focus-color: var(--tk-komur);
	--theme-font-family: var(--tk-metin);
	--theme-normal-container-max-width: calc(var(--tk-kap) - 64px);
}

/* 2. Temel ---------------------------------------------------------------- */
body {
	background: var(--tk-tas);
	color: var(--tk-komur);
	font-family: var(--tk-metin);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.woocommerce-loop-product__title,
.product_title {
	font-family: var(--tk-baslik);
	letter-spacing: -0.01em;
}

a { text-underline-offset: 3px; }

:focus-visible {
	outline: 2px solid var(--tk-kirmizi);
	outline-offset: 2px;
}

.tk-kap {
	max-width: var(--tk-kap);
	margin-inline: auto;
	padding-inline: var(--tk-yan);
	box-sizing: border-box;
}

html.tk-cekmece-acik { overflow: hidden; }

/* 3. Ortak parçalar ------------------------------------------------------- */
.tk-etiket {
	margin: 0;
	font-family: var(--tk-mono);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--tk-gri);
}
.tk-etiket--zeytin { color: var(--tk-zeytin); }

.tk-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }

.tk-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 26px;
	background: var(--tk-kirmizi);
	color: #fff;
	font-family: var(--tk-baslik);
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	border: 1.5px solid var(--tk-kirmizi);
	transition: background-color .15s, border-color .15s, color .15s;
}
.tk-dugme:hover { background: var(--tk-komur); border-color: var(--tk-komur); color: #fff; }
.tk-dugme--cizgi { background: transparent; color: var(--tk-komur); border-color: var(--tk-komur); }
.tk-dugme--cizgi:hover { background: var(--tk-komur); color: var(--tk-tas); }

.tk-vurgu { font-family: var(--tk-baslik); font-weight: 700; color: var(--tk-kirmizi); text-decoration: none; }
.tk-vurgu--zeytin { color: var(--tk-zeytin); }

/* Pasif düğme (ölçü seçilmemiş "Sepete ekle", "Sepeti güncelle" vb.) */
.tk-dugme:disabled, .tk-dugme.disabled,
.button:disabled, .button.disabled,
.single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled,
.tk-sepet__guncelle.button:disabled {
	background: var(--tk-kaya) !important; border-color: var(--tk-kaya) !important; color: var(--tk-gri) !important;
	opacity: 1 !important; cursor: not-allowed; box-shadow: none !important;
}

/* Ürün ızgarası ve kart (ana sayfa, reyon, ilgili ürünler, boş sepet) */
.tk-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 32px 24px;
}
.tk-urun-kutu { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0 !important; width: auto !important; }
.tk-urun-kutu__gorsel { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--tk-kaya); }
.tk-urun-kutu__gorsel img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
	mix-blend-mode: multiply; /* beyaz zeminli render'lar taş zemine karışır */
	transition: opacity .35s ease, transform .5s ease;
}
.tk-urun-kutu__ikinci { opacity: 0; }
.tk-urun-kutu--ikili:hover .tk-urun-kutu__ikinci { opacity: 1; }
/* İki görsel de multiply ile karıştığından alttaki gizlenmezse üst üste biner. */
.tk-urun-kutu--ikili:hover .tk-urun-kutu__ana { opacity: 0; }
.tk-urun-kutu:not(.tk-urun-kutu--ikili):hover .tk-urun-kutu__ana { transform: scale(1.04); }
.tk-urun-kutu__rozet {
	position: absolute; left: 12px; top: 12px; z-index: 2;
	padding: 5px 9px; background: var(--tk-komur); color: var(--tk-tas);
	font-family: var(--tk-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
}
.tk-urun-kutu__rozet--indirim { background: var(--tk-kirmizi); color: #fff; }
.tk-urun-kutu__rozet--on-satis { background: var(--tk-tas); color: var(--tk-komur); box-shadow: inset 0 0 0 1px var(--tk-komur); }
.tk-urun-kutu.outofstock .tk-urun-kutu__gorsel img { filter: grayscale(.85); opacity: .75; }
.tk-urun-kutu__metin { display: flex; flex-direction: column; gap: 6px; padding-top: 16px; flex: 1; }
.tk-urun-kutu__kat { font-family: var(--tk-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--tk-gri); }
.tk-urun-kutu__ad { margin: 0; font-family: var(--tk-baslik); font-size: 18px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; }
.tk-urun-kutu__ad a { color: var(--tk-komur); text-decoration: none; }
.tk-urun-kutu__ad a::after { content: ""; position: absolute; inset: 0 0 70px 0; z-index: 1; }
.tk-urun-kutu--sade .tk-urun-kutu__ad a::after { inset: 0; }
.tk-urun-kutu:hover .tk-urun-kutu__ad a { color: var(--tk-kirmizi); }
.tk-urun-kutu__fiyat { font-family: var(--tk-mono); font-size: 15px; color: var(--tk-komur); }
.tk-urun-kutu__fiyat del { color: #6A665F; font-size: 13px; margin-left: 6px; }
.tk-urun-kutu__fiyat ins { text-decoration: none; order: -1; }
.tk-urun-kutu__puan { font-family: var(--tk-mono); font-size: 12px; color: var(--tk-komur); }
.tk-urun-kutu__puan span { color: var(--tk-gri); }
.tk-urun-kutu__alt { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding-top: 16px; }
.tk-urun-kutu__alt .button {
	display: inline-flex; align-items: center; justify-content: center; width: 100%;
	min-height: 46px; padding: 0 16px; margin: 0;
	background: transparent; color: var(--tk-komur); border: 1.5px solid var(--tk-komur); border-radius: 0;
	font-family: var(--tk-baslik); font-size: 14px; font-weight: 700;
	transition: background-color .15s, color .15s, border-color .15s;
}
.tk-urun-kutu__alt .button:hover { background: var(--tk-komur); color: var(--tk-tas); }
.tk-urun-kutu__alt .button.loading { opacity: .6; }
.tk-urun-kutu__alt .button.added { background: var(--tk-zeytin); border-color: var(--tk-zeytin); color: #fff; }
.tk-urun-kutu__alt .added_to_cart { font-family: var(--tk-baslik); font-size: 14px; font-weight: 700; color: var(--tk-kirmizi); text-decoration: none; }
.tk-urun-kutu__alt .button.tk-stok-yok { border-color: var(--tk-cizgi) !important; color: var(--tk-gri) !important; }
@media (prefers-reduced-motion: reduce) { .tk-urun-kutu__gorsel img { transition: none; } }

/* Sofra "çok yakında" kartı */
.tk-yakinda { display: flex; flex-direction: column; gap: 14px; }
.tk-yakinda__gorsel { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; background: var(--tk-zeytin-acik); }
.tk-yakinda__metin { display: flex; flex-direction: column; gap: 4px; }
.tk-yakinda__ad { font-family: var(--tk-baslik); font-size: 19px; font-weight: 700; line-height: 1.25; }

/* 4. Üst alan ------------------------------------------------------------- */
.tk-atla:focus {
	position: fixed; top: 8px; left: 8px; z-index: 1000;
	clip: auto; width: auto; height: auto;
	padding: 12px 16px; background: var(--tk-komur); color: #fff;
}

.tk-serit { background: var(--tk-komur); color: var(--tk-kaya); font-family: var(--tk-mono); font-size: 12px; letter-spacing: .04em; }
.tk-serit__ic { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; padding-block: 9px; }
.tk-serit a { color: var(--tk-kaya); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.tk-serit a:hover { color: #fff; }

.tk-ust {
	position: relative; /* yapışkan değil (10 Kasım 2026): masaüstünde ve mobilde sayfayla kayar */
	z-index: 50;
	background: var(--tk-tas);
	border-bottom: 1px solid var(--tk-cizgi);
}
.tk-ust__ic { display: flex; align-items: center; gap: 16px 36px; min-height: 84px; }
.tk-ust__logo { flex: none; color: inherit; text-decoration: none; }
.tk-ust__nav { flex: 1; }

.tk-menu { display: flex; flex-wrap: wrap; gap: 6px 26px; margin: 0; padding: 0; list-style: none; }
.tk-menu a {
	font-family: var(--tk-baslik);
	font-weight: 600;
	font-size: 15px;
	color: var(--tk-komur);
	text-decoration: none;
	padding-block: 8px;
}
.tk-menu a:hover,
.tk-menu .current-menu-item > a { color: var(--tk-kirmizi); }

.tk-ust__araclar { display: flex; align-items: center; gap: 4px; }
.tk-ust__ikon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--tk-komur); }
.tk-ust__sepet {
	display: inline-flex; align-items: center; gap: 8px;
	height: 44px; padding: 0 14px;
	background: var(--tk-komur); color: var(--tk-tas);
	font-family: var(--tk-mono); font-size: 13px; text-decoration: none;
}
.tk-ust__sepet:hover { background: var(--tk-kirmizi); color: #fff; }
.tk-ust__menu-dugme { display: none; width: 44px; height: 44px; border: 0; background: none; color: var(--tk-komur); cursor: pointer; }

/* Logo */
.tk-logo { display: inline-flex; align-items: center; gap: 12px; }
.tk-logo__cizgi { width: 2px; align-self: stretch; margin-block: 4px; background: currentColor; }
.tk-logo__yazi {
	font-family: var(--tk-baslik);
	font-weight: 800;
	font-stretch: 112%;
	font-size: 23px;
	letter-spacing: .04em;
	line-height: .95;
}
.tk-logo--koyu { color: var(--tk-tas); }
.tk-logo--kucuk { gap: 8px; }
.tk-logo--kucuk .tk-logo__yazi { font-size: 16px; }

/* Çekmece (mobil menü) */
.tk-cekmece {
	position: fixed; inset: 0; z-index: 100;
	display: flex; flex-direction: column; gap: 24px;
	padding: 16px var(--tk-yan) 32px;
	background: var(--tk-tas);
	overflow-y: auto;
}
.tk-cekmece[hidden] { display: none; }
.tk-cekmece__ust { display: flex; justify-content: space-between; align-items: center; }
.tk-cekmece__kapat { width: 44px; height: 44px; border: 0; background: none; color: var(--tk-komur); cursor: pointer; }
.tk-menu--dikey { flex-direction: column; gap: 0; }
.tk-menu--dikey a { display: block; padding: 16px 0; border-bottom: 1px solid var(--tk-cizgi); font-size: 22px; font-weight: 700; }

@media (max-width: 1080px) {
	.tk-ust__nav { display: none; }
	.tk-ust__menu-dugme { display: inline-flex; align-items: center; justify-content: center; }
	.tk-ust__ic { gap: 8px; min-height: 68px; }
	.tk-ust__logo { margin-right: auto; }
	.tk-ust__sepet-yazi { display: none; }
}
@media (max-width: 480px) {
	.tk-logo__yazi { font-size: 17px; }
	.tk-ust__logo .tk-sembol { width: 40px; height: 40px; }
}

/* 5. Ana sayfa ------------------------------------------------------------ */
.tk-vitrin__ic { display: flex; flex-wrap: wrap; gap: 32px; padding-block: 48px 64px; }
.tk-vitrin__metin { flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; padding-block: 8px; }
.tk-vitrin__baslik {
	margin: 0 0 20px;
	font-size: clamp(44px, 6.4vw, 80px);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -.035em;
	text-transform: uppercase;
}
.tk-vitrin__baslik span { color: var(--tk-kirmizi); }
.tk-vitrin__aciklama { margin: 0; max-width: 470px; font-size: 18px; line-height: 1.6; color: #3E3B36; }
.tk-vitrin__gorsel {
	flex: 1.4 1 480px; min-width: 0;
	position: relative; display: block;
	min-height: 420px; aspect-ratio: 6 / 5;
	background: var(--tk-kaya);
	overflow: hidden;
}
.tk-vitrin__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.tk-vitrin__urun {
	position: absolute; left: 20px; bottom: 20px;
	display: flex; flex-direction: column; gap: 2px;
	padding: 14px 18px; background: var(--tk-tas); color: var(--tk-komur);
}
.tk-vitrin__urun strong { font-family: var(--tk-baslik); font-size: 16px; }
.tk-vitrin__urun span { font-family: var(--tk-mono); font-size: 13px; }
.tk-vitrin__urun del { color: #6A665F; margin-right: 4px; }
.tk-vitrin__urun ins { text-decoration: none; }

.tk-kapilar { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; padding-bottom: 88px; }
.tk-kapi {
	position: relative; overflow: hidden;
	display: flex; flex-direction: column; justify-content: space-between; gap: 32px;
	min-height: 360px; padding: 36px;
	text-decoration: none;
}
.tk-kapi--taki { background: var(--tk-komur); color: var(--tk-tas); }
.tk-kapi--sofra { background: var(--tk-zeytin); color: #F1EFE6; }
.tk-kapi .tk-etiket { color: inherit; opacity: .75; }
.tk-kapi__alt { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; max-width: 60%; }
.tk-kapi__baslik { font-family: var(--tk-baslik); font-size: 52px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.tk-kapi__metin { font-size: 15px; line-height: 1.55; opacity: .85; }
.tk-kapi__ok { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-family: var(--tk-baslik); font-weight: 700; font-size: 14px; }
.tk-kapi__sembol { position: absolute; right: 28px; bottom: 24px; opacity: .14; transition: opacity .2s, transform .3s; }
.tk-kapi--sofra .tk-kapi__sembol { color: #F1EFE6; opacity: .18; }
.tk-kapi:hover .tk-kapi__sembol { opacity: .3; transform: translateY(-4px); }
.tk-kapi { transition: background-color .25s ease; }
.tk-kapi--taki:hover,
.tk-kapi--taki:focus-visible { background: #26241F; color: var(--tk-tas); }
.tk-kapi--sofra:hover,
.tk-kapi--sofra:focus-visible { background: #56663A; color: #F1EFE6; }
.tk-kapi__ok svg { transition: transform .25s ease; }
.tk-kapi:hover .tk-kapi__ok svg { transform: translateX(4px); }
.tk-kapi:hover .tk-kapi__ok { text-decoration: underline; text-underline-offset: 4px; }

.tk-bolum { padding-bottom: 96px; }
.tk-bolum__ust {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px;
	margin-bottom: 32px; padding-bottom: 16px;
	border-bottom: 1px solid var(--tk-komur);
}
.tk-bolum__baslik {
	margin: 0;
	font-size: clamp(32px, 4vw, 44px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -.02em;
	text-transform: uppercase;
}
.tk-bolum__baslik--kucuk { font-size: clamp(28px, 3.2vw, 36px); }
.tk-bolum__nav { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.tk-bolum__nav a { font-family: var(--tk-baslik); font-weight: 600; font-size: 15px; text-decoration: none; color: var(--tk-komur); }
.tk-bolum__nav a:hover { color: var(--tk-kirmizi); }

.tk-teke { background: var(--tk-komur); color: var(--tk-tas); margin-bottom: 96px; }
.tk-teke__ic { display: flex; flex-wrap: wrap; align-items: center; gap: 56px; padding-block: 96px; }
.tk-teke__sembol { flex: 0 1 280px; display: flex; justify-content: center; }
.tk-teke__metin { flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.tk-teke__metin .tk-etiket { color: var(--tk-gri-acik); }
.tk-teke__soz { margin: 0; font-family: var(--tk-baslik); font-size: clamp(26px, 3vw, 36px); line-height: 1.18; font-weight: 700; }
.tk-teke__metin p:last-child { margin: 0; max-width: 640px; font-size: 17px; line-height: 1.7; color: #CFCAC0; }

.tk-guven { border-block: 1px solid var(--tk-cizgi); margin-bottom: 96px; }
.tk-guven__ic { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.tk-guven__ic > div { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 4px; padding: 28px 24px 28px 0; }
.tk-guven__no { grid-row: span 2; font-family: var(--tk-mono); font-size: 12px; color: var(--tk-kirmizi); padding-top: 3px; }
.tk-guven strong { font-family: var(--tk-baslik); font-size: 16px; }
.tk-guven__ic > div > span:last-child { font-size: 14px; color: var(--tk-gri); line-height: 1.5; }

.tk-kultur { display: flex; flex-wrap: wrap; gap: 32px 56px; }
.tk-kultur__giris { flex: 1 1 300px; display: flex; flex-direction: column; gap: 12px; }
.tk-kultur__giris p:last-child { margin: 0; color: var(--tk-gri); line-height: 1.6; }
.tk-kultur__liste {
	flex: 2 1 560px;
	display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); column-gap: 32px;
	margin: 0; padding: 0; list-style: none;
}
.tk-kultur__liste a {
	display: flex; justify-content: space-between; align-items: center;
	padding: 16px 0; border-top: 1px solid var(--tk-komur);
	font-family: var(--tk-baslik); font-size: 18px; font-weight: 600;
	color: var(--tk-komur); text-decoration: none;
}
.tk-kultur__liste a:hover { color: var(--tk-kirmizi); }
.tk-kultur__sayi { font-family: var(--tk-mono); font-size: 13px; font-weight: 500; color: var(--tk-gri); }

@media (max-width: 640px) {
	.tk-vitrin__ic { padding-block: 16px 48px; }
	.tk-vitrin__gorsel { order: -1; min-height: 0; aspect-ratio: 4 / 5; flex-basis: 100%; }
	.tk-kapi { min-height: 240px; padding: 24px; }
	.tk-kapi__alt { max-width: 100%; }
	.tk-kapi__baslik { font-size: 40px; }
	.tk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
	.tk-urun-kutu__ad { font-size: 15px; }
	.tk-urun-kutu__fiyat { font-size: 13px; }
	.tk-urun-kutu__alt .button { min-height: 42px; font-size: 13px; padding: 0 8px; }
	.tk-yakinda__ad { font-size: 16px; }
	.tk-teke__ic { padding-block: 64px; gap: 32px; }
	.tk-bolum, .tk-kapilar { padding-bottom: 64px; }
}

/* 6. Alt alan ------------------------------------------------------------- */
.tk-alt { background: var(--tk-komur); color: #CFCAC0; }
.tk-alt a { color: var(--tk-tas); text-decoration: none; }
.tk-alt a:hover { color: #fff; text-decoration: underline; }
.tk-alt__ic { display: flex; flex-wrap: wrap; gap: 40px; padding-block: 64px 40px; }
.tk-alt__marka { flex: 1.5 1 260px; display: flex; flex-direction: column; gap: 14px; }
.tk-alt__marka p { margin: 0; font-size: 15px; line-height: 1.6; }
.tk-alt__not { color: var(--tk-gri-acik); font-size: 14px !important; }
.tk-alt__sosyal { display: flex; flex-wrap: wrap; gap: 8px 20px; font-family: var(--tk-baslik); font-weight: 600; }
.tk-alt__sutun { flex: 1 1 140px; }
.tk-alt__sutun--yazit { flex: 1.7 1 230px; }
.tk-alt__sutun--yazit li a { display: block; line-height: 1.45; }
.tk-alt__tumu a { font-family: var(--tk-baslik); font-weight: 700; color: var(--tk-tas) !important; }
.tk-alt__sutun .tk-etiket { color: var(--tk-gri-acik); margin-bottom: 14px; }
.tk-alt__sutun ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.tk-alt__taban {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;
	padding-block: 20px 32px; border-top: 1px solid #34322E;
	font-family: var(--tk-mono); font-size: 12px; color: var(--tk-gri-acik);
}



/* Arama: simge + açılır panel */
button.tk-ust__ikon { border: 0; background: none; padding: 0; cursor: pointer; }
.tk-ust__ikon:hover, .tk-ara-dugme[aria-expanded="true"] { color: var(--tk-kirmizi); }
.tk-ara-panel {
	position: absolute; left: 0; right: 0; top: 100%; z-index: 60;
	background: var(--tk-tas);
	border-top: 1px solid var(--tk-cizgi);
	border-bottom: 1px solid var(--tk-komur);
	box-shadow: 0 24px 48px -24px rgba(27, 26, 24, .35);
	animation: tk-ara-in .2s ease;
}
@keyframes tk-ara-in { from { transform: translateY(-6px); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .tk-ara-panel { animation: none; } }
.tk-ara-panel__ic { position: relative; display: flex; flex-direction: column; gap: 24px; padding-block: 36px 32px; }
.tk-ara-panel .tk-ara { display: flex; flex-direction: column; gap: 12px; border: 0; background: none; padding-right: 56px; }
.tk-ara__satir { display: flex; align-items: center; gap: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--tk-komur); }
.tk-ara__satir > .tk-ikon { flex: none; color: var(--tk-gri); }
.tk-ara-panel .tk-ara input[type="search"] {
	flex: 1; min-width: 0; height: auto; padding: 4px 0;
	border: 0; background: transparent; box-shadow: none; outline: none;
	font-family: var(--tk-baslik); font-size: clamp(24px, 3.4vw, 40px); font-weight: 700; letter-spacing: -.02em; color: var(--tk-komur);
}
.tk-ara-panel .tk-ara input[type="search"]::placeholder { color: var(--tk-gri-orta); }
.tk-ara-panel .tk-ara input[type="search"]::-webkit-search-cancel-button { display: none; }
.tk-ara-panel .tk-ara .tk-dugme { width: auto; flex: none; min-height: 48px; }
.tk-ara-panel__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.tk-ara-panel__alt ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tk-ara-panel__alt a {
	display: inline-block; padding: 7px 12px;
	border: 1px solid var(--tk-cizgi);
	font-family: var(--tk-baslik); font-weight: 600; font-size: 14px; color: var(--tk-komur); text-decoration: none;
}
.tk-ara-panel__alt a:hover { border-color: var(--tk-komur); background: var(--tk-komur); color: var(--tk-tas); }
.tk-ara-panel__kapat {
	position: absolute; top: 28px; right: var(--tk-yan);
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border: 1px solid var(--tk-cizgi); background: none; color: var(--tk-komur); cursor: pointer;
}
.tk-ara-panel__kapat:hover { background: var(--tk-komur); color: var(--tk-tas); border-color: var(--tk-komur); }
.tk-ara-perde { position: fixed; inset: 0; z-index: 40; background: rgba(27, 26, 24, .35); }
@media (max-width: 640px) {
	.tk-ara-panel__ic { padding-block: 24px; gap: 18px; }
	.tk-ara-panel__kapat { top: 16px; }
	.tk-ara__satir { flex-wrap: wrap; gap: 10px; }
	.tk-ara__satir > .tk-ikon { display: none; }
	.tk-ara-panel .tk-ara .tk-dugme { width: 100%; }
}
.tk-ara-panel .tk-ara button.tk-dugme { background: var(--tk-kirmizi); border: 1.5px solid var(--tk-kirmizi); color: #fff; padding: 0 28px; }
.tk-ara-panel .tk-ara button.tk-dugme:hover { background: var(--tk-komur); border-color: var(--tk-komur); }
@media (max-width: 640px) { .tk-ara__satir { border-bottom-width: 0; } .tk-ara-panel .tk-ara input[type="search"] { border-bottom: 2px solid var(--tk-komur); padding-bottom: 8px; } }

/* 12. Yazıt dili: Göktürk süsleme yazıtları ----------------------------------
   Kural: yazıt hiçbir zaman okunacak metin değildir; silik, büyük ve kazınmış durur. */
.tk-yazit {
	font-family: 'Noto Sans Old Turkic', var(--tk-baslik);
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: .04em;
	user-select: none;
	pointer-events: none;
	unicode-bidi: isolate;
}
/* Kazıma: zeminden bir ton koyu harf + altında ışık, üstünde gölge çizgisi. */
.tk-yazit--kazima,
.tk-yazit--vitrin,
.tk-yazit--blog {
	color: #DDD8CF;
	text-shadow: 0 2px 0 rgba(255, 255, 255, .75), 0 -1px 0 rgba(27, 26, 24, .07);
}

/* Ana sayfa vitrini */
.tk-vitrin { position: relative; overflow: hidden; }
.tk-vitrin__ic { position: relative; }
.tk-vitrin__ic { padding-bottom: 0; }
.tk-vitrin__tas {
	position: relative; z-index: 0;
	font-size: clamp(74px, 17.4vw, 252px);
	height: .6em;
	margin-top: 28px;
	overflow: hidden;
	display: flex; justify-content: space-between;
}
.tk-yazit--vitrin {
	display: block; width: 100%;
	font-size: 1em;
	line-height: .86;
	letter-spacing: 0;
	text-align: justify; text-align-last: justify;
}
.tk-vitrin__metin, .tk-vitrin__gorsel { position: relative; z-index: 1; }
.tk-vitrin__alt { display: flex; flex-direction: column; gap: 22px; }

.tk-yazit-kunye {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px;
	margin: 0;
	font-family: var(--tk-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
	color: var(--tk-gri);
}
.tk-yazit-kunye span[lang] { font-family: 'Noto Sans Old Turkic', var(--tk-mono); font-size: 15px; letter-spacing: .06em; color: var(--tk-kirmizi); text-transform: none; }
.tk-yazit-kunye span + span:not([lang])::before { content: ""; display: inline-block; width: 14px; height: 1px; margin-right: 14px; vertical-align: middle; background: currentColor; opacity: .5; }
.tk-yazit-kunye span[lang] + span::before { display: none; }

/* "Neden teke?": dikilitaşın yan yüzündeki gibi dikey yazıt */
.tk-teke__ic { position: relative; }
.tk-yazit--dikey {
	position: absolute; right: var(--tk-yan); top: 50%;
	transform: translateY(-50%);
	writing-mode: vertical-rl;
	font-size: clamp(56px, 7vw, 96px);
	color: #2C2A26;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5), 0 -1px 0 rgba(255, 255, 255, .04);
}
.tk-teke__metin { position: relative; }

/* Yazıt (blog) başlığı */
.tk-blog-ust__ic { position: relative; }
.tk-yazit--blog {
	position: absolute; z-index: -1;
	right: calc(var(--tk-yan) + 150px); bottom: 26px;
	font-size: clamp(80px, 10vw, 148px);
}
.tk-blog-ust { position: relative; z-index: 0; overflow: hidden; }

/* Kırıntıda yazıt ayıracı (Orhun'daki iki nokta) */
.tk-ayirac { color: var(--tk-kirmizi); font-weight: 600; }

/* Alt alanın üstünde taş frizi */
.tk-kusak {
	overflow: hidden;
	border-bottom: 1px solid #2E2C28;
	background: #151412;
	padding-block: 14px 12px;
}
.tk-kusak__satir {
	display: block;
	font-family: 'Noto Sans Old Turkic', var(--tk-mono);
	font-size: 26px; line-height: 1; letter-spacing: .32em;
	white-space: nowrap;
	color: #3A3731;
	text-align: left;
}

@media (max-width: 1080px) {
	.tk-yazit--dikey { display: none; }
}
@media (max-width: 760px) {
	.tk-vitrin__tas { margin-top: 24px; }
	.tk-yazit--blog { display: none; }
	.tk-kusak__satir { font-size: 20px; }
}
@media (min-width: 1081px) { .tk-teke__metin { padding-right: 140px; } }

/* 13. Sayfa şablonu (page.php) --------------------------------------------- */
.tk-kirinti { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(24px, 4vw, 48px); font-family: var(--tk-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--tk-gri); }
.tk-kirinti a { color: var(--tk-gri); text-decoration: none; }
.tk-kirinti a:hover { color: var(--tk-kirmizi); }
.tk-kirinti [aria-current] { color: var(--tk-komur); max-width: 40ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tk-sayfa__ust { padding-block: clamp(32px, 5vw, 56px) 28px; margin-bottom: clamp(32px, 5vw, 56px); background: linear-gradient(var(--tk-komur), var(--tk-komur)) no-repeat bottom / 100% 1px; background-origin: content-box; background-clip: content-box; }
.tk-sayfa__ust .tk-kirinti { margin-bottom: 20px; }
.tk-sayfa__baslik { margin: 0 0 28px; max-width: 18ch; font-size: clamp(44px, 6.4vw, 88px); font-weight: 800; line-height: .92; letter-spacing: -.04em; text-transform: uppercase; }
.tk-sayfa__giris { margin: -12px 0 28px; max-width: 640px; font-size: 19px; line-height: 1.6; color: var(--tk-gri); }
.tk-sayfa__icerik { max-width: 760px; padding-bottom: clamp(64px, 8vw, 112px); font-size: 17px; line-height: 1.75; }
.tk-sayfa__icerik h2 { margin: 2em 0 .6em; font-size: clamp(24px, 2.6vw, 30px); font-weight: 800; letter-spacing: -.02em; }
.tk-sayfa__icerik h3 { margin: 1.6em 0 .5em; font-size: 20px; font-weight: 700; }
.tk-sayfa__icerik a { color: var(--tk-kirmizi); }
.tk-sayfa__icerik > *:first-child { margin-top: 0; }

/* 14. Header üstü duyuru görseli */
.tk-ust-reklam { line-height: 0; text-align: center; }
.tk-ust-reklam a { display: block; }
.tk-ust-reklam picture { display: block; max-width: 1280px; margin: 0 auto; }
.tk-ust-reklam img { display: block; width: 100%; height: auto; }

/* Yasal sayfalar: satıcı künyesi ([tk_satici]) ve sipariş takibi formu */
.tk-satici { display: grid; gap: 0; margin: 1.2em 0 1.8em; border-top: 1px solid var(--tk-komur); }
.tk-satici > div { display: grid; grid-template-columns: 180px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--tk-cizgi); }
.tk-satici dt { font-family: var(--tk-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--tk-gri); padding-top: 4px; }
.tk-satici dd { margin: 0; }
.tk-satici dd a { color: var(--tk-komur); }
.tk-sayfa__icerik ol, .tk-sayfa__icerik ul { padding-left: 1.3em; }
.tk-sayfa__icerik li { margin-bottom: .5em; }
.tk-sayfa__icerik li::marker { font-family: var(--tk-mono); color: var(--tk-kirmizi); }
.tk-sayfa__icerik .woocommerce-error, .tk-sayfa__icerik .woocommerce-message, .tk-sayfa__icerik .woocommerce-info { margin: 0 0 24px; padding: 16px 20px; list-style: none; background: var(--tk-tas-acik); border: 0; border-left: 3px solid var(--tk-kirmizi); border-radius: 0; }
.tk-sayfa__icerik .woocommerce-message { border-left-color: var(--tk-zeytin); }
@media (max-width: 640px) { .tk-satici > div { grid-template-columns: 1fr; gap: 2px; } }

/* Çekmece: ikincil bağlantılar */
.tk-cekmece__ikincil { display: flex; flex-direction: column; gap: 0; margin: -8px 0 0; padding: 0; list-style: none; }
.tk-cekmece__ikincil a { display: flex; align-items: center; gap: 12px; padding: 12px 0; font-family: var(--tk-baslik); font-weight: 600; font-size: 16px; color: var(--tk-gri); text-decoration: none; }
.tk-cekmece__ikincil a:hover { color: var(--tk-kirmizi); }
.tk-cekmece__ikincil .tk-ikon { color: var(--tk-kirmizi); }

/* 404 */
.tk-404 { position: relative; overflow: hidden; padding-block: clamp(56px, 8vw, 112px) clamp(72px, 10vw, 140px); }
.tk-404__ic { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; max-width: 720px; }
.tk-404__baslik { margin: 0; font-size: clamp(36px, 6vw, 72px); font-weight: 800; line-height: .95; letter-spacing: -.035em; text-transform: uppercase; }
.tk-404__metin { margin: 0; font-size: 18px; line-height: 1.6; color: var(--tk-gri); }
.tk-404__ara { display: flex; width: 100%; max-width: 560px; margin-top: 8px; border-bottom: 2px solid var(--tk-komur); }
.tk-404__ara input[type="search"] { flex: 1; min-width: 0; padding: 12px 0; border: 0; background: transparent; font-family: var(--tk-baslik); font-size: 22px; font-weight: 700; color: var(--tk-komur); outline: none; }
.tk-404__ara input::placeholder { color: var(--tk-gri-orta); }
.tk-404__ara .tk-dugme { min-height: 48px; }
.tk-404__reyonlar { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.tk-404__reyonlar a { display: inline-block; padding: 8px 14px; border: 1px solid var(--tk-cizgi); font-family: var(--tk-baslik); font-weight: 600; font-size: 14px; color: var(--tk-komur); text-decoration: none; }
.tk-404__reyonlar a:hover { background: var(--tk-komur); border-color: var(--tk-komur); color: var(--tk-tas); }
.tk-yazit--404 { position: absolute; right: var(--tk-yan); bottom: -.15em; z-index: 0; font-size: clamp(120px, 20vw, 300px); }
@media (max-width: 760px) { .tk-yazit--404 { font-size: 120px; opacity: .6; } }

/* Ana sayfa düzeni (10 Kasım 2026): Sofra kartı + yakında ürünler; teke ve alt alan arasında kırmızı güven şeridi. */
.tk-sofra__ic { display: grid; grid-template-columns: minmax(300px, 1.15fr) 3fr; gap: 24px; align-items: stretch; }
.tk-sofra__kart {
	position: relative; overflow: hidden;
	display: flex; flex-direction: column; gap: 14px;
	padding: 32px; background: var(--tk-zeytin); color: #F1EFE6;
	outline: 1px solid rgba(241, 239, 230, .28); outline-offset: -12px; /* taş levha çerçevesi */
}
.tk-sofra__kart .tk-etiket { color: inherit; opacity: .75; margin: 0; }
/* Henüz satışta değilken: bölüm açık zeytin bir şerit; "çok yakında" ve slogan kartın üstünde bölüm başlığı olarak. */
.tk-sofra--yakinda { background: var(--tk-zeytin-acik); padding-top: 56px; }
.tk-sofra--yakinda .tk-sofra__ust { border-bottom-color: rgba(77, 91, 46, .35); }
.tk-sofra__slogan { margin: 8px 0 0; font-family: var(--tk-baslik); font-weight: 800; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.1; letter-spacing: -.02em; max-width: 30ch; }
.tk-sofra--yakinda .tk-bolum__nav a { color: var(--tk-zeytin); }
.tk-sofra--yakinda .tk-bolum__nav a:hover { color: var(--tk-komur); }
.tk-sofra--yakinda .tk-yakinda__gorsel { background: var(--tk-tas-acik); }
.tk-sofra__baslik { margin: auto 0 0; padding-top: 40px; font-family: var(--tk-baslik); font-size: clamp(44px, 4vw, 54px); font-weight: 800; line-height: 1; text-transform: uppercase; color: inherit; }
.tk-sofra__metin { margin: 0; font-size: 15px; line-height: 1.6; opacity: .88; max-width: 34ch; }
.tk-sofra__ok { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-family: var(--tk-baslik); font-weight: 700; font-size: 14px; color: inherit; text-decoration: none; }
.tk-sofra__ok:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.tk-sofra__ok svg { transition: transform .25s ease; }
.tk-sofra__ok:hover svg { transform: translateX(4px); }
.tk-sofra__sembol { position: absolute; top: 28px; right: 28px; opacity: .9; }
.tk-sofra__sembol svg { width: 72px; height: auto; }
.tk-sofra__urunler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.tk-sofra .tk-yakinda__gorsel { position: relative; outline: 1px dashed rgba(77, 91, 46, .35); outline-offset: -10px; }
.tk-sofra .tk-yakinda__gorsel svg { opacity: .55; }
.tk-sofra .tk-urun-kutu__gorsel { aspect-ratio: 4 / 5; }

/* Güven şeridi teke bandının üstünde, eski taş zemin ve çizgilerle; teke alt alana bitişik. */


@media (max-width: 1080px) {
	.tk-sofra__ic { grid-template-columns: 1fr; }
	.tk-sofra__kart { min-height: 240px; }
}
@media (max-width: 640px) {
	.tk-sofra--yakinda { padding-top: 40px; }
	.tk-sofra__kart { padding: 28px 24px; min-height: 0; }
	.tk-sofra__baslik { padding-top: 32px; }
	.tk-sofra__sembol { top: 22px; right: 22px; }
	.tk-sofra__sembol svg { width: 64px; }
	/* Yakında ürünler telefonda yana kayan tek sıra; dört boş kartla ekranı doldurmasın. */
	.tk-sofra__urunler { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.tk-sofra__urunler::-webkit-scrollbar { display: none; }
	.tk-sofra__urunler > * { flex: 0 0 40%; scroll-snap-align: start; }
}

/* Ana sayfa: Takı başlığı vitrindeki Göktürk yazıtın üstüne biner (yazıt zemin dokusu gibi kalır). */
.tk-ana-taki { position: relative; z-index: 1; margin-top: calc(clamp(74px, 17.4vw, 252px) * -.38); }
.tk-ana-taki .tk-bolum__ust { border-bottom-color: var(--tk-komur); }

/* Güven şeridi (reyon altı ve ana sayfa; tk_guven_seridi()). */
.tk-reyon-guven { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.tk-reyon-guven li { display: flex; gap: 14px; padding: 24px 24px 24px 0; font-size: 14px; line-height: 1.5; color: var(--tk-gri); }
.tk-reyon-guven li + li { padding-left: 24px; border-left: 1px solid var(--tk-cizgi); }
.tk-reyon-guven .tk-ikon { flex: none; color: var(--tk-kirmizi); }
.tk-reyon-guven strong { display: block; font-family: var(--tk-baslik); font-size: 16px; color: var(--tk-komur); }
@media (max-width: 760px) {
	.tk-reyon-guven { grid-template-columns: 1fr; }
	.tk-reyon-guven li, .tk-reyon-guven li + li { padding: 18px 0; border-left: 0; }
	.tk-reyon-guven li + li { border-top: 1px solid var(--tk-cizgi); }
}
.tk-ana-guven { border-top: 1px solid var(--tk-cizgi); }

/* Alt alan sütunları (10 Kasım 2026): marka + Dükkân / Yardım / Kurumsal / İletişim. */
.tk-alt__ic { display: grid; grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 40px 32px; }
.tk-alt__ic > * { min-width: 0; }
.tk-alt__sutun .menu { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.tk-alt__sutun li { line-height: 1.45; }
.tk-alt__iletisim li { display: flex; flex-direction: column; gap: 2px; }
.tk-alt__iletisim li > span { font-family: var(--tk-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--tk-gri-orta); }
.tk-alt__iletisim a { display: inline-flex; align-items: center; gap: 8px; overflow-wrap: anywhere; }
.tk-alt__iletisim .tk-ikon { color: #25D366; flex: none; }
@media (max-width: 1080px) {
	.tk-alt__ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.tk-alt__marka { grid-column: 1 / -1; max-width: 560px; }
}
@media (max-width: 640px) {
	.tk-alt__ic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 20px; }
	.tk-alt__sutun:last-child { grid-column: 1 / -1; }
}

/* Üst alan: menü ortada (logo solda, araçlar sağda; iki yan eşit genişlikte). */
@media (min-width: 1081px) {
	.tk-ust__ic { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	.tk-ust__logo { justify-self: start; }
	.tk-ust__araclar { justify-self: end; }
	.tk-ust__nav .tk-menu { justify-content: center; }
}

/* Ana sayfa e-bülten kartı: sayfa genişliğinde, solda koyu mühür paneli, sağda form. */
.tk-ana-bulten { padding-block: 0 96px; } /* üstte tk-bolum alt boşluğu (96px) var; alt boşluk eşit */
.tk-ana-bulten__kart { display: grid; grid-template-columns: 260px minmax(0, 1fr); border: 1px solid var(--tk-komur); background: var(--tk-tas-acik); }
.tk-ana-bulten__yan { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: 28px; background: var(--tk-komur); color: var(--tk-tas); }
.tk-ana-bulten__harf { position: absolute; right: -18px; bottom: -36px; font-family: 'Noto Sans Old Turkic', var(--tk-baslik); font-size: 180px; line-height: 1; color: var(--tk-komur-2); white-space: nowrap; pointer-events: none; }
.tk-ana-bulten__muhur, .tk-ana-bulten__etiket { position: relative; }
.tk-ana-bulten__etiket { font-family: var(--tk-mono); font-size: 11px; letter-spacing: .14em; line-height: 1.6; text-transform: uppercase; color: var(--tk-gri-acik); }
.tk-ana-bulten__govde { padding: 40px 48px; }
.tk-ana-bulten__govde .tk-etiket { margin: 0 0 10px; color: var(--tk-kirmizi); }
.tk-ana-bulten__baslik { margin: 0 0 10px; font-family: var(--tk-baslik); font-size: clamp(28px, 3vw, 40px); font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: var(--tk-komur); }
.tk-ana-bulten__baslik span { color: var(--tk-kirmizi); }
.tk-ana-bulten__metin { margin: 0 0 22px; max-width: 560px; font-size: 15px; line-height: 1.6; color: var(--tk-gri); }
.tk-ana-bulten .tkm-bulten { max-width: 560px; margin: 0; }
.tk-ana-bulten .tkm-bulten__alan input[type="email"] { height: 52px; border-color: var(--tk-komur); font-size: 15px; }
.tk-ana-bulten .tkm-bulten__dugme.button { min-height: 52px; padding: 0 24px; }
.tk-ana-bulten .tkm-bulten__onay { color: var(--tk-gri); }
@media (max-width: 760px) {
	.tk-ana-bulten { padding-block: 0 64px; }
	.tk-ana-bulten__kart { grid-template-columns: 1fr; }
	.tk-ana-bulten__yan { flex-direction: row; align-items: center; padding: 20px 22px; }
	.tk-ana-bulten__muhur svg { width: 52px; height: auto; }
	.tk-ana-bulten__harf { font-size: 120px; bottom: -28px; }
	.tk-ana-bulten__govde { padding: 26px 22px 28px; }
	.tk-ana-bulten .tkm-bulten__alan { flex-wrap: wrap; }
	.tk-ana-bulten .tkm-bulten__alan input[type="email"] { flex-basis: 100%; border-right: 1px solid var(--tk-komur); }
	.tk-ana-bulten .tkm-bulten__dugme.button { width: 100%; margin-top: 8px; }
}