/* ==========================================================================
   Şems Yasal Metinler
   Mobil öncelikli. Tema değişkenleriyle çakışmaması için tüm değerler
   .sby-yasal kapsamında tanımlanır.
   ========================================================================== */

.sby-yasal {
	--sby-metin: #1f2933;
	--sby-soluk: #5c6b7a;
	--sby-cizgi: #dfe4ea;
	--sby-zemin: #f6f8fa;
	--sby-vurgu: #1a4f8b;
	--sby-vurgu-zemin: #eef4fb;
	--sby-uyari-zemin: #fff8e6;
	--sby-uyari-cizgi: #e0b34d;
	--sby-yuvarlak: 8px;

	--sby-yazi: .9375rem;
	--sby-satir: 1.55;
	--sby-p-bosluk: .55rem;
	--sby-madde-bosluk: .35rem;
	--sby-genislik: 86ch;
	--sby-font: inherit;

	max-width: var(--sby-genislik);
	margin: 0 auto;
	color: var(--sby-metin);
	font-family: var(--sby-font);
	font-size: var(--sby-yazi);
	line-height: var(--sby-satir);
	-webkit-text-size-adjust: 100%;
	word-break: break-word;
	hyphens: auto;
}

.sby-yasal *,
.sby-yasal *::before,
.sby-yasal *::after { box-sizing: border-box; }

@media (min-width: 601px) {
	.sby-yasal { --sby-yazi: .975rem; }
}

/* ------------------------------------------------------------------ Başlık */

.sby-yasal__ust {
	border-bottom: 2px solid var(--sby-vurgu);
	padding-bottom: .6rem;
	margin-bottom: .9rem;
}

.sby-yasal__baslik {
	margin: 0 0 .25rem;
	font-size: 1.45rem;
	line-height: 1.25;
	font-weight: 700;
	color: var(--sby-vurgu);
}

.sby-yasal__kunye {
	margin: 0;
	font-size: .8125rem;
	color: var(--sby-soluk);
}

/* ------------------------------------------------------------------ Araçlar */

.sby-yasal__araclar {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: 1rem;
}

.sby-yasal__araclar button,
.sby-yasal__araclar a {
	appearance: none;
	font: inherit;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1;
	padding: .5rem .8rem;
	border: 1px solid var(--sby-cizgi);
	border-radius: var(--sby-yuvarlak);
	background: #fff;
	color: var(--sby-vurgu);
	cursor: pointer;
	text-decoration: none;
	transition: border-color .15s, background-color .15s;
}

.sby-yasal__araclar button:hover,
.sby-yasal__araclar a:hover {
	border-color: var(--sby-vurgu);
	background: var(--sby-vurgu-zemin);
}

.sby-yasal__pdf { display: inline-flex; align-items: center; gap: .3rem; }

/* ------------------------------------------------------------------- Gövde */

.sby-yasal__govde > * { margin-top: 0; }

.sby-yasal p {
	margin: 0 0 var(--sby-p-bosluk);
}

.sby-yasal ul,
.sby-yasal ol {
	margin: 0 0 var(--sby-p-bosluk);
	padding-left: 1.35rem;
}

.sby-yasal li { margin-bottom: .25rem; }

.sby-yasal h2,
.sby-yasal h3 {
	margin: 1.1rem 0 .45rem;
	line-height: 1.3;
	color: var(--sby-vurgu);
}

.sby-yasal h2 { font-size: 1.1rem; }
.sby-yasal h3 { font-size: 1rem; }

.sby-yasal a {
	color: var(--sby-vurgu);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sby-yasal strong { font-weight: 700; }

/* Doldurulmamış değişken; yönetici gözüne çarpsın. */
.sby-yasal__eksik {
	background: var(--sby-uyari-zemin);
	border-bottom: 2px dotted var(--sby-uyari-cizgi);
	padding: 0 .25rem;
	cursor: help;
}

/* ------------------------------------------------------------------ Maddeler */

.sby-yasal__madde {
	border: 1px solid var(--sby-cizgi);
	border-radius: var(--sby-yuvarlak);
	margin-bottom: var(--sby-madde-bosluk);
	background: #fff;
	overflow: hidden;
}

.sby-yasal__madde[open] {
	border-color: var(--sby-vurgu);
}

.sby-yasal__madde-baslik {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	padding: .7rem .85rem;
	cursor: pointer;

	/* Tema başlık kuralları devreye girmesin; hiyerarşi sabit kalsın. */
	font-family: inherit;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.35;
	list-style: none;
	background: var(--sby-zemin);
	transition: background-color .15s;
}

.sby-yasal__madde-baslik::-webkit-details-marker { display: none; }

.sby-yasal__madde-baslik:hover { background: var(--sby-vurgu-zemin); }

.sby-yasal__madde[open] > .sby-yasal__madde-baslik {
	background: var(--sby-vurgu-zemin);
	border-bottom: 1px solid var(--sby-cizgi);
}

.sby-yasal__madde-no {
	flex: 0 0 auto;
	min-width: 1.9rem;
	font-variant-numeric: tabular-nums;
	color: var(--sby-vurgu);
	font-weight: 700;
}

.sby-yasal__madde-ad { flex: 1 1 auto; }

/* Açılım göstergesi */
.sby-yasal__madde-baslik::after {
	content: "";
	flex: 0 0 auto;
	align-self: center;
	width: 1.15em;
	height: 1.15em;
	background-color: currentColor;
	color: var(--sby-soluk);
	transition: transform .2s;

	/*
	 * Ok, kenarlık üçgeni yerine maske ile çiziliyor: kenarlık yöntemi
	 * döndürüldüğünde optik merkez kayıyordu. Kısaltma yazım bazı
	 * tarayıcılarda data URI ile ayrıştırılamadığı için uzun yazım.
	 */
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: .6em .6em;
	mask-size: .6em .6em;
}

.sby-yasal__madde[open] > .sby-yasal__madde-baslik::after {
	transform: rotate(180deg);
	color: var(--sby-vurgu);
}

.sby-yasal__madde-icerik { padding: .8rem .85rem .3rem; }

/* ------------------------------------------------ Geniş tablo kaydırma */

.sby-yasal-kaydir {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 var(--sby-p-bosluk);
}

.sby-yasal-kaydir > table { margin-bottom: 0; }

@media (min-width: 601px) {
	.sby-yasal-kaydir > table { min-width: 42rem; }
}

/*
 * Geniş tablo metin genişliğini aşabilir. Metin okunaklı kalsın diye
 * gövde dar tutulur; yalnızca tablo iki yana taşar. Taşma miktarı tema
 * kapsayıcısını zorlamasın diye sınırlıdır, kalanı yine kaydırılır.
 */
/*
 * Taşma yalnızca gövdenin DOĞRUDAN çocuğunda uygulanır. İç içe bir
 * sarmalayıcıda (örneğin çerez envanteri çapası) negatif kenar boşluğu
 * tabloyu kapsayıcının dışına itiyor ve sol tarafı kırpılıyordu.
 */
@media (min-width: 1100px) {
	.sby-yasal__govde > .sby-yasal-kaydir {
		width: calc(100% + 8rem);
		margin-left: -4rem;
		margin-right: -4rem;
		padding: 0 .25rem;
	}
}

@media print {
	.sby-yasal-kaydir { overflow: visible !important; }
	.sby-yasal-kaydir > table { min-width: 0 !important; }
}

/* -------------------------------------------------------------------- Tablo */

.sby-yasal-tablo {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 var(--sby-p-bosluk);
	font-size: .875em;
}

.sby-yasal-tablo th,
.sby-yasal-tablo td {
	border: 1px solid var(--sby-cizgi);
	padding: .45rem .55rem;
	text-align: left;
	vertical-align: top;

	/*
	 * Sarmalayıcıdaki `word-break: break-word` ve `hyphens: auto` tablo
	 * hücrelerinde kelimeleri ortasından bölüyordu: "Kategori" başlığı
	 * "Kateg / ori" diye iki satıra düşüyordu. Tablolarda normal kelime
	 * kırılmasına dönülür.
	 */
	word-break: normal;
	hyphens: none;
	overflow-wrap: break-word;
}

/* Başlıklar hiç bölünmez; sütunun asgari genişliğini onlar belirler. */
.sby-yasal-tablo thead th { white-space: nowrap; }

/* Kısa değerli sütunlar sarmalanmasın. */
.sby-yasal-tablo td[data-etiket="Süre"],
.sby-yasal-tablo td[data-etiket="Adet"] { white-space: nowrap; }

/* Çerez adı teknik bir değer; okunaklı kalması için tek parça durur. */
.sby-yasal-tablo td[data-etiket="Çerez Adı"] {
	white-space: nowrap;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .9em;
}

.sby-yasal-tablo thead th {
	background: var(--sby-vurgu-zemin);
	color: var(--sby-vurgu);
	font-weight: 700;

	/*
	 * Boy ve yazı tipi açıkça yazılır. Aksi hâlde temanın kendi `th`
	 * kuralı devreye giriyor ve tablo başlığı madde başlığından büyük
	 * görünüyordu — hiyerarşi tersine dönüyordu.
	 */
	font-family: inherit;
	font-size: 1em;
	letter-spacing: 0;
	text-transform: none;
}

/* Dar ekranda tablolar kart olur; yatay kaydırma gerekmez. */
@media (max-width: 600px) {
	/* Kart düzeninde nowrap taşmaya yol açar. */
	.sby-yasal-tablo td[data-etiket] { white-space: normal !important; }

	.sby-yasal-tablo,
	.sby-yasal-tablo thead,
	.sby-yasal-tablo tbody,
	.sby-yasal-tablo tr,
	.sby-yasal-tablo th,
	.sby-yasal-tablo td { display: block; }

	.sby-yasal-tablo thead { display: none; }

	.sby-yasal-tablo tr {
		border: 1px solid var(--sby-cizgi);
		border-radius: var(--sby-yuvarlak);
		margin-bottom: .5rem;
		overflow: hidden;
	}

	.sby-yasal-tablo td {
		border: 0;
		border-bottom: 1px solid var(--sby-cizgi);
		padding: .5rem .6rem;
	}

	.sby-yasal-tablo tr td:last-child { border-bottom: 0; }

	.sby-yasal-tablo td[data-etiket]::before {
		content: attr(data-etiket);
		display: block;
		font-size: .75rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .02em;
		color: var(--sby-vurgu);
		margin-bottom: .2rem;
	}
}

/* ==========================================================================
   SİPARİŞ KALEMLERİ TABLOSU
   İçerik Hezarfen tarafından üretilir; işaretlemesini biz belirlemediğimiz
   için sarmalayıcı üzerinden hizaya sokulur.
   ========================================================================== */

.sby-yasal__urunler { margin: 0 0 var(--sby-p-bosluk); }

.sby-yasal__urunler table {
	width: 100% !important;
	border-collapse: collapse;
	font-size: .875em;
	table-layout: auto;
}

.sby-yasal__urunler th,
.sby-yasal__urunler td {
	border: 1px solid var(--sby-cizgi);
	padding: .45rem .55rem;
	vertical-align: top;
	text-align: left;
}

.sby-yasal__urunler thead th {
	background: var(--sby-vurgu-zemin);
	color: var(--sby-vurgu);
	font-weight: 700;
	white-space: nowrap;
}

/*
 * Tutar sütunu sayının ortasından bölünmemeli. "$2.640,00" değerinin
 * "$2.640,0" + "0" diye iki satıra düşmesi tabloyu okunmaz yapıyordu.
 */
.sby-yasal__urunler td:not(:first-child),
.sby-yasal__urunler th:not(:first-child) {
	white-space: nowrap;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* Ürün adı uzun olabilir; tek sütun kırılabilir kalır. */
.sby-yasal__urunler td:first-child {
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
	width: 55%;
}

.sby-yasal--minimal .sby-yasal__urunler thead th {
	background: none;
	color: var(--sby-metin);
	border-bottom: 2px solid var(--sby-cizgi);
}

.sby-yasal--minimal .sby-yasal__urunler th,
.sby-yasal--minimal .sby-yasal__urunler td {
	border: 0;
	border-bottom: 1px solid var(--sby-cizgi);
}

@media (max-width: 600px) {
	.sby-yasal__urunler { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.sby-yasal__urunler table { min-width: 420px; }
	.sby-yasal__urunler td:first-child { width: auto; }
}

/* ------------------------------------------------- İç içe tablo emniyeti
 * Eski bir metinde ürün tablosu hâlâ künye hücresinin içindeyse, o satır
 * blok hâline getirilip etiket üste alınır. Aksi hâlde tablo değer
 * sütununun dar genişliğine sıkışıyor ve tutarlar satır ortasından
 * bölünüyor.
 *
 * Satır işareti (data-sby-tablo) sunucu tarafında konur; böylece kural
 * herhangi bir seçici desteğine bağlı kalmaz.
 * -------------------------------------------------------------------- */

/*
 * İşaretli tablo, mobildeki kart düzenine geçer: satırlar alt alta iner,
 * etiket üstte kalın, değer altta tam genişlikte durur. İç tablo böylece
 * dar bir hücreye değil, sayfanın tamamına yayılır.
 */
.sby-yasal-tablo[data-sby-ictablo],
.sby-yasal-tablo[data-sby-ictablo] > tbody,
.sby-yasal-tablo[data-sby-ictablo] > thead,
.sby-yasal-tablo[data-sby-ictablo] > tbody > tr,
.sby-yasal-tablo[data-sby-ictablo] > tbody > tr > th,
.sby-yasal-tablo[data-sby-ictablo] > tbody > tr > td { display: block; width: auto; }

.sby-yasal-tablo[data-sby-ictablo] > thead { display: none; }

.sby-yasal-tablo[data-sby-ictablo] > tbody > tr {
	border-bottom: 1px solid var(--sby-cizgi);
	padding: .35rem 0;
}

.sby-yasal-tablo[data-sby-ictablo] > tbody > tr > th,
.sby-yasal-tablo[data-sby-ictablo] > tbody > tr > td {
	border: 0;
	padding: .2rem .1rem;
}

.sby-yasal-tablo[data-sby-ictablo] > tbody > tr > :first-child {
	font-weight: 600;
	color: var(--sby-soluk);
	font-size: .875em;
}

/* İç tablo normal tablo gibi davranmaya devam eder. */
.sby-yasal-tablo[data-sby-ictablo] table,
.sby-yasal-tablo[data-sby-ictablo] table > tbody,
.sby-yasal-tablo[data-sby-ictablo] table > thead { display: table; width: 100%; }

.sby-yasal-tablo[data-sby-ictablo] table > thead { display: table-header-group; }
.sby-yasal-tablo[data-sby-ictablo] table > tbody { display: table-row-group; }
.sby-yasal-tablo[data-sby-ictablo] table tr { display: table-row; }
.sby-yasal-tablo[data-sby-ictablo] table th,
.sby-yasal-tablo[data-sby-ictablo] table td {
	display: table-cell;
	border: 1px solid var(--sby-cizgi);
	padding: .35rem .45rem;
}

.sby-yasal-tablo td > table {
	width: 100% !important;
	margin: .35rem 0;
	font-size: .95em;
	border-collapse: collapse;
}

.sby-yasal-tablo td > table td,
.sby-yasal-tablo td > table th {
	padding: .35rem .45rem;
	border: 1px solid var(--sby-cizgi);
}

/* Sayısal sütunlar satır ortasından bölünmesin. */
.sby-yasal-tablo td > table td:not(:first-child),
.sby-yasal-tablo td > table th:not(:first-child) {
	white-space: nowrap;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------- Bilgi kutusu */

.sby-yasal__kutu {
	background: var(--sby-vurgu-zemin);
	border-left: 3px solid var(--sby-vurgu);
	border-radius: 0 var(--sby-yuvarlak) var(--sby-yuvarlak) 0;
	padding: .75rem .9rem;
	margin: 0 0 var(--sby-p-bosluk);
}

.sby-yasal__kutu > *:last-child { margin-bottom: 0; }

.sby-yasal__uyari {
	background: var(--sby-uyari-zemin);
	border-left-color: var(--sby-uyari-cizgi);
}

/* ------------------------------------------------------------- Form alanları */

/* Başvuru formu gibi doldurulacak belgelerde baskı satırı. */
.sby-yasal__satir {
	display: block;
	border-bottom: 1px dotted var(--sby-soluk);
	min-height: 1.6em;
	margin: .15rem 0 .6rem;
}

/* ------------------------------------------------------------------ İndirme */

.sby-yasal-indir { margin: 1rem 0; }

.sby-yasal-indir__dugme {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .7rem 1.1rem;
	border-radius: 8px;
	background: #1a4f8b;
	color: #fff;
	font-weight: 600;
	font-size: .9375rem;
	text-decoration: none;
	line-height: 1.2;
}

.sby-yasal-indir__dugme:hover { background: #143d6d; color: #fff; }
.sby-yasal-indir__dugme small { font-weight: 400; opacity: .8; }
.sby-yasal-indir__ikon { font-size: 1.05em; }

/* ------------------------------------------------------------------- Liste */

.sby-yasal-liste-sarmal {
	--sby-metin: #1f2933;
	--sby-soluk: #5c6b7a;
	--sby-cizgi: #dfe4ea;
	--sby-zemin: #f6f8fa;
	--sby-vurgu: #1a4f8b;
	--sby-vurgu-zemin: #eef4fb;
	--sby-yuvarlak: 8px;

	margin: 0 0 1.5rem;
	font-family: var(--sby-font, inherit);
}

.sby-yasal-liste__baslik {
	margin: 0 0 .6rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--sby-vurgu);
}

.sby-yasal-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--sby-cizgi);
	border-radius: var(--sby-yuvarlak);
	overflow: hidden;
	background: #fff;
}

.sby-yasal-liste__oge {
	border-bottom: 1px solid var(--sby-cizgi);
	padding: .65rem .8rem;
	position: relative;
	transition: background-color .12s;
}

.sby-yasal-liste__oge:last-child { border-bottom: 0; }
.sby-yasal-liste__oge:hover { background: var(--sby-zemin); }

.sby-yasal-liste__oge--aktif {
	background: var(--sby-vurgu-zemin);
	box-shadow: inset 3px 0 0 var(--sby-vurgu);
}

.sby-yasal-liste__oge > a,
.sby-yasal-liste__oge > span:first-child {
	display: block;
	font-size: .9375rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--sby-vurgu);
	text-decoration: none;
}

.sby-yasal-liste__oge > a:hover { text-decoration: underline; }

.sby-yasal-liste__aciklama {
	display: block;
	font-size: .8125rem;
	line-height: 1.4;
	color: var(--sby-soluk);
	margin-top: .1rem;
}

.sby-yasal-liste__pdf {
	display: inline-block;
	margin-top: .3rem;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .03em;
	color: #b32d2e;
	border: 1px solid #b32d2e;
	border-radius: 3px;
	padding: .05rem .3rem;
	text-decoration: none;
}

/* Minimal tema: kutu kalkar, çizgisel liste kalır. */
.sby-yasal-liste--minimal {
	border: 0;
	border-radius: 0;
	background: none;
}

.sby-yasal-liste--minimal .sby-yasal-liste__oge {
	padding: .6rem 0;
}

.sby-yasal-liste--minimal .sby-yasal-liste__oge:hover { background: none; }

.sby-yasal-liste--minimal .sby-yasal-liste__oge--aktif {
	background: none;
	box-shadow: none;
	padding-left: .7rem;
	border-left: 2px solid var(--sby-vurgu);
}

.sby-yasal-liste--minimal .sby-yasal-liste__oge > a { font-weight: 500; }
.sby-yasal-liste--minimal .sby-yasal-liste__oge--aktif > a { font-weight: 700; }

@media (min-width: 993px) {
	.sby-yasal-liste--sabit {
		position: sticky;
		top: 140px;
	}
}

/* ------------------------------------------------------------------- Hata */

.sby-yasal-hata {
	background: #fff2f2;
	border-left: 3px solid #b32d2e;
	padding: .6rem .8rem;
	font-size: .875rem;
}


/* ==========================================================================
   KISA ÖZET KUTUSU
   Uzun sözleşmelerin başında yer alan, bağlayıcı olmayan özet.
   ========================================================================== */

.sby-yasal__ozet {
	border: 1px solid var(--sby-cizgi);
	border-radius: var(--sby-yuvarlak);
	padding: .9rem 1rem;
	margin: 0 0 1.2rem;
	background: var(--sby-zemin);
}

.sby-yasal__ozet-baslik {
	margin: 0 0 .5rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--sby-vurgu);
}

.sby-yasal__ozet-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sby-yasal__ozet-liste li {
	padding: .45rem 0;
	border-top: 1px solid var(--sby-cizgi);
}

.sby-yasal__ozet-liste li:first-child {
	border-top: 0;
	padding-top: 0;
}

/*
 * Etiket ile açıklama ayrı satırlarda durmalı. Blok yapılmazsa
 * "Yalnızca ticari satışBu site tacir..." gibi bitişik görünür.
 */
.sby-yasal__ozet-liste strong {
	display: block;
	font-weight: 700;
	margin-bottom: .1rem;
}

.sby-yasal__ozet-liste span {
	display: block;
	color: var(--sby-soluk);
	font-size: .9375em;
}

.sby-yasal__ozet-not {
	margin: .7rem 0 0;
	padding-top: .6rem;
	border-top: 1px solid var(--sby-cizgi);
	font-size: .8125rem;
	color: var(--sby-soluk);
}

/* ------------------------------------------------------------- Vurgu kutuları */

.sby-yasal-not,
.sby-yasal-onemli {
	display: block;
	border-left: 3px solid var(--sby-cizgi);
	padding: .6rem .85rem;
	margin: 0 0 var(--sby-p-bosluk);
	background: var(--sby-zemin);
	border-radius: 0 var(--sby-yuvarlak) var(--sby-yuvarlak) 0;
	font-size: .9375em;
}

.sby-yasal-onemli {
	border-left-color: var(--sby-uyari-cizgi);
	background: var(--sby-uyari-zemin);
	font-weight: 600;
}

/* ----------------------------------------------------------- Künye tablosu */

.sby-yasal-tablo--kunye th {
	width: 38%;
	background: var(--sby-zemin);
	font-weight: 600;
}

@media (max-width: 600px) {
	.sby-yasal-tablo--kunye th { width: auto; }
}

/* ==========================================================================
   DÜZ MADDE (Hezarfen / ödeme ekranı)
   duzlestir() <details> yapısını <section>'a çevirir. Açılır kutu olmadığı
   için ok işareti ve tıklama imleci kalkmalı; aksi hâlde müşteri tıklanabilir
   sanıp deniyor ve hiçbir şey olmuyor.
   ========================================================================== */

/*
 * duzlestir() <summary> etiketini <h3>'e çevirir. Bu yüzden genel
 * `.sby-yasal h3` kuralı devreye girip başlığı vurgu rengine boyuyor ve
 * kendi üst boşluğunu ekliyordu: başlık bağlantı gibi görünüyor, altında
 * da açıklanamayan bir boşluk kalıyordu. Burada hepsi sıfırlanır.
 */
.sby-yasal .sby-yasal__madde--duz > .sby-yasal__madde-baslik {
	margin: 0;
	font-size: var(--sby-yazi);
	font-weight: 600;
	color: var(--sby-metin);
	cursor: default;
	list-style: none;
	border-bottom: 1px solid var(--sby-cizgi);
}

.sby-yasal__madde--duz > .sby-yasal__madde-baslik::after { content: none !important; }

/* Tıklanamayan bir başlıkta hover tepkisi olmamalı. */
.sby-yasal .sby-yasal__madde--duz > .sby-yasal__madde-baslik:hover {
	background: var(--sby-zemin);
	color: var(--sby-metin);
}

.sby-yasal--minimal .sby-yasal__madde--duz > .sby-yasal__madde-baslik,
.sby-yasal--minimal .sby-yasal__madde--duz > .sby-yasal__madde-baslik:hover {
	background: none;
}

.sby-yasal__madde--duz > .sby-yasal__madde-icerik { padding-top: .8rem; }

/* İçerikteki ilk başlık üstte fazladan boşluk bırakmasın. */
.sby-yasal__madde-icerik > :first-child { margin-top: 0; }

/* ==========================================================================
   KLASİK TEMA
   Kutulu görünüm. Madde numarası rozet hâline gelir, bölüm başlıkları
   vurgulanır; uzun sözleşmelerde madde takibi kolaylaşır.
   ========================================================================== */

.sby-yasal--klasik .sby-yasal__madde {
	border-radius: var(--sby-yuvarlak);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.sby-yasal--klasik .sby-yasal__madde-baslik {
	align-items: center;
	gap: .65rem;
	padding: .6rem .75rem;
	background: #fff;
}

.sby-yasal--klasik .sby-yasal__madde[open] > .sby-yasal__madde-baslik {
	background: var(--sby-vurgu-zemin);
}

/* Numara, hizalı bir rozet olur. */
.sby-yasal--klasik .sby-yasal__madde-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.85em;
	height: 1.85em;
	padding: 0 .35em;
	border-radius: 6px;
	background: var(--sby-vurgu-zemin);
	color: var(--sby-vurgu);
	font-size: .875em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.sby-yasal--klasik .sby-yasal__madde[open] > .sby-yasal__madde-baslik .sby-yasal__madde-no {
	background: var(--sby-vurgu);
	color: #fff;
}

.sby-yasal--klasik .sby-yasal__madde-icerik {
	padding: .9rem .95rem .5rem;
	border-top: 1px solid var(--sby-cizgi);
}

/* Madde içindeki bölüm başlıkları (Satıcı / Alıcı gibi). */
.sby-yasal--klasik .sby-yasal__madde-icerik h3,
.sby-yasal--klasik .sby-yasal__madde-icerik h4 {
	margin: 1rem 0 .4rem;
	font-size: .95em;
	font-weight: 700;
	color: var(--sby-vurgu);
}

.sby-yasal--klasik .sby-yasal__madde-icerik > :first-child { margin-top: 0; }

.sby-yasal--klasik .sby-yasal-tablo--kunye th,
.sby-yasal--klasik .sby-yasal-tablo--kunye tr > :first-child {
	background: var(--sby-zemin);
	font-weight: 600;
}

/* ==========================================================================
   MİNİMAL TEMA
   Kutuları ve zeminleri kaldırır, yalnızca ince çizgi bırakır. Kurumsal
   sitelerde tema tipografisinin içine daha sessiz oturur.
   ========================================================================== */

.sby-yasal--minimal .sby-yasal__ust {
	border-bottom: 1px solid var(--sby-cizgi);
	padding-bottom: .5rem;
	margin-bottom: 1.1rem;
}

.sby-yasal--minimal .sby-yasal__baslik {
	color: var(--sby-metin);
	font-size: 1.25rem;
	font-weight: 600;
}

.sby-yasal--minimal .sby-yasal__araclar {
	gap: 1rem;
	margin-bottom: 1.4rem;
}

.sby-yasal--minimal .sby-yasal__araclar button,
.sby-yasal--minimal .sby-yasal__araclar a {
	border: 0;
	background: none;
	padding: 0;
	font-size: .8125rem;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
	color: var(--sby-soluk);
}

.sby-yasal--minimal .sby-yasal__araclar button:hover,
.sby-yasal--minimal .sby-yasal__araclar a:hover {
	background: none;
	color: var(--sby-vurgu);
}

.sby-yasal--minimal .sby-yasal__madde {
	border: 0;
	border-bottom: 1px solid var(--sby-cizgi);
	border-radius: 0;
	margin-bottom: 0;
	background: none;
}

.sby-yasal--minimal .sby-yasal__madde[open] { border-color: var(--sby-cizgi); }

.sby-yasal--minimal .sby-yasal__madde-baslik {
	background: none;
	padding: .85rem 0;
	font-weight: 500;
}

.sby-yasal--minimal .sby-yasal__madde-baslik:hover { background: none; color: var(--sby-vurgu); }

.sby-yasal--minimal .sby-yasal__madde[open] > .sby-yasal__madde-baslik {
	background: none;
	border-bottom: 0;
	font-weight: 600;
}

.sby-yasal--minimal .sby-yasal__madde-no {
	color: var(--sby-soluk);
	font-weight: 500;
}

.sby-yasal--minimal .sby-yasal__madde-icerik { padding: 0 0 1rem; }

.sby-yasal--minimal .sby-yasal-tablo thead th {
	background: none;
	color: var(--sby-metin);
	border-bottom: 2px solid var(--sby-cizgi);
}

.sby-yasal--minimal .sby-yasal-tablo th,
.sby-yasal--minimal .sby-yasal-tablo td {
	border: 0;
	border-bottom: 1px solid var(--sby-cizgi);
	padding: .5rem .6rem .5rem 0;
}

.sby-yasal--minimal .sby-yasal__ozet {
	background: none;
	border: 0;
	border-left: 2px solid var(--sby-cizgi);
	border-radius: 0;
	padding: .1rem 0 .1rem 1rem;
}

.sby-yasal--minimal .sby-yasal-tablo--kunye th { background: none; }

.sby-yasal--minimal .sby-yasal-not,
.sby-yasal--minimal .sby-yasal-onemli { background: none; }

.sby-yasal--minimal .sby-yasal__kutu {
	background: none;
	border-left: 2px solid var(--sby-cizgi);
	border-radius: 0;
	padding: .25rem 0 .25rem .9rem;
}

.sby-yasal--minimal .sby-yasal__uyari { border-left-color: var(--sby-uyari-cizgi); }

.sby-yasal--minimal .sby-yasal-indir__dugme {
	background: none;
	color: var(--sby-vurgu);
	border: 1px solid var(--sby-cizgi);
	border-radius: 4px;
	font-weight: 500;
}

.sby-yasal--minimal .sby-yasal-indir__dugme:hover {
	background: none;
	border-color: var(--sby-vurgu);
	color: var(--sby-vurgu);
}

@media (max-width: 600px) {
	.sby-yasal--minimal .sby-yasal-tablo tr {
		border: 0;
		border-bottom: 1px solid var(--sby-cizgi);
		border-radius: 0;
		padding-bottom: .4rem;
	}
	.sby-yasal--minimal .sby-yasal-tablo td { padding-left: 0; border-bottom: 0; }
}

/* ------------------------------------------------------------------ Baskı */

@media print {
	.sby-yasal {
		max-width: none;
		font-size: 10.5pt;
		line-height: 1.4;
		color: #000;
	}

	.sby-yasal__araclar,
	.sby-yasal-liste-sarmal,
	.sby-yasal-indir { display: none !important; }

	.sby-yasal__madde {
		border: 0;
		border-bottom: 1px solid #999;
		border-radius: 0;
		margin: 0;
		break-inside: avoid;
	}

	.sby-yasal__madde-baslik {
		background: none !important;
		padding: .35rem 0;
		border: 0 !important;
	}

	.sby-yasal__madde-baslik::after { display: none; }

	.sby-yasal__madde-icerik { padding: 0 0 .4rem; }

	.sby-yasal-tablo { font-size: 9pt; break-inside: avoid; }

	.sby-yasal__urunler { overflow: visible !important; }
	.sby-yasal__urunler table { min-width: 0 !important; font-size: 9pt; }
	.sby-yasal__urunler tr { break-inside: avoid; }

	.sby-yasal-tablo thead th { background: #eee !important; }

	.sby-yasal a { color: #000; text-decoration: none; }

	.sby-yasal__ust { border-bottom: 1.5pt solid #000; }
	.sby-yasal__baslik { color: #000; font-size: 15pt; }
}