/* ==========================================================================
   Seviye Yayınları — iç sayfa bileşenleri
   --------------------------------------------------------------------------
   1.  Sayfa başlık bandı
   2.  Okuma düzeni
   3.  Ürün detay sayfası
   4.  Seri şeridi
   5.  Örnek sayfa görüntüleyici
   6.  Hakkımızda
   7.  Boş durumlar
   8.  Marka dokusu
   9.  Yazdırma
   ========================================================================== */

/* ---------- 1. Sayfa başlık bandı ---------- */
.seviye-skin-modern .sv-sayfa-basi {
	position: relative;
	overflow: hidden;
	padding: var(--b12) 0 var(--b8);
	background: linear-gradient(120deg, var(--band-koyu, #06345f) 0%, var(--band-ana, var(--sv-blue)) 100%);
	color: #fff;
}
.seviye-skin-modern .sv-sayfa-basi::after {
	content: "";
	position: absolute;
	right: -6%;
	top: -40%;
	width: 34%;
	height: 190%;
	background: rgba(255,255,255,.07);
	transform: rotate(15deg);
	border-radius: 34px;
	pointer-events: none;
}
.seviye-skin-modern .sv-sayfa-basi-gorselli::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--band-gorsel);
	background-size: cover;
	background-position: center;
	opacity: .22;
	mix-blend-mode: luminosity;
	pointer-events: none;
}
.seviye-skin-modern .sv-sayfa-basi .container { position: relative; z-index: 2; }

.seviye-skin-modern .sv-sayfa-basi .seviye-kirinti { margin: 0 0 var(--b3); color: rgba(255,255,255,.72); }
.seviye-skin-modern .sv-sayfa-basi .seviye-kirinti a { color: rgba(255,255,255,.9); font-weight: 500; }
.seviye-skin-modern .sv-sayfa-basi .seviye-kirinti a:hover { color: #fff; }
.seviye-skin-modern .sv-sayfa-basi .seviye-kirinti span[aria-current] { color: #fff; font-weight: 600; }
.seviye-skin-modern .sv-sayfa-basi .seviye-kirinti svg { color: rgba(255,255,255,.45); }

.seviye-skin-modern .sv-sayfa-baslik {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h1);
	font-weight: 800;
	line-height: 1.14;
	letter-spacing: -.026em;
	color: #fff;
	margin: 0;
	max-width: 22ch;
	text-wrap: balance;
}
.seviye-skin-modern .sv-sayfa-alt {
	margin: var(--b3) 0 0;
	font-size: 15px;
	color: rgba(255,255,255,.84);
	max-width: 58ch;
}

/* Eski üst band artık kullanılmıyor */
.seviye-skin-modern .page-gorsel,
.seviye-skin-modern .page-gorsel-yedek { display: none; }

/* ---------- 2. Okuma düzeni ---------- */
.seviye-skin-modern .sv-icerik-alan { padding-top: var(--b12); }

.seviye-skin-modern .sv-okuma {
	max-width: 74ch;
	margin: 0 auto;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
	padding: var(--b8);
}
@media (max-width: 640px) { .seviye-skin-modern .sv-okuma { padding: var(--b6) var(--b4); } }

.seviye-skin-modern .sv-okuma .seviye-icerik > p,
.seviye-skin-modern .sv-okuma .seviye-icerik > ul,
.seviye-skin-modern .sv-okuma .seviye-icerik > ol { max-width: none; }

.seviye-skin-modern .sv-yazi-tarih {
	font-family: var(--sv-font-head);
	font-size: 13px;
	font-weight: 600;
	color: var(--sv-muted);
	margin-bottom: var(--b4);
}
.seviye-skin-modern .sv-yazi-ozet + .sv-yazi-ozet {
	margin-top: var(--b6);
	padding-top: var(--b6);
	border-top: 1px solid var(--sv-line);
}
.seviye-skin-modern .sv-yazi-ozet h2 { font-size: var(--ts-h3); font-weight: 700; margin-bottom: var(--b1); }

/* ---------- 3. Ürün detay ---------- */
.seviye-skin-modern .sv-urun-detay { padding-top: var(--b12); }

.seviye-skin-modern .sv-urun-ust {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--b8);
	padding: var(--b8);
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow);
}
@media (min-width: 860px) {
	.seviye-skin-modern .sv-urun-ust { grid-template-columns: 320px minmax(0, 1fr); gap: var(--b12); }
}
@media (max-width: 640px) { .seviye-skin-modern .sv-urun-ust { padding: var(--b6) var(--b4); } }

/* Kitap sunumu — sırt gölgesiyle fiziksel his */
.seviye-skin-modern .sv-urun-gorsel { display: flex; flex-direction: column; gap: var(--b4); align-items: center; }
.seviye-skin-modern .sv-kitap {
	position: relative;
	width: 100%;
	max-width: 300px;
	border-radius: 3px 8px 8px 3px;
	overflow: hidden;
	box-shadow:
		0 1px 1px rgba(16,35,59,.14),
		0 12px 30px rgba(16,35,59,.22),
		0 26px 54px rgba(16,35,59,.16);
	transform: perspective(1400px) rotateY(-5deg);
	transition: transform .4s var(--sv-ease), box-shadow .4s var(--sv-ease);
}
.seviye-skin-modern .sv-kitap:hover {
	transform: perspective(1400px) rotateY(0deg) translateY(-6px);
	box-shadow: 0 2px 2px rgba(16,35,59,.14), 0 20px 44px rgba(16,35,59,.26), 0 36px 70px rgba(16,35,59,.18);
}
.seviye-skin-modern .sv-kitap img { display: block; width: 100%; height: auto; }
.seviye-skin-modern .sv-kitap::after {
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 14px;
	background: linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.02));
	pointer-events: none;
}
.seviye-skin-modern .sv-kitap-bos {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 380px;
	padding: var(--b6);
	background: var(--kademe-yumusak);
	color: var(--kademe-koyu);
	font-family: var(--sv-font-head);
	font-weight: 700;
	text-align: center;
}

.seviye-skin-modern .sv-urun-seri-etiket {
	display: inline-block;
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--kademe-ana);
	margin-bottom: var(--b2);
}
.seviye-skin-modern .sv-urun-seri-etiket:hover { color: var(--sv-orange); }

.seviye-skin-modern .sv-urun-baslik {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h1);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.026em;
	color: var(--sv-ink);
	margin: 0 0 var(--b4);
	text-wrap: balance;
}

.seviye-skin-modern .sv-urun-rozetler { display: flex; flex-wrap: wrap; gap: var(--b2); margin-bottom: var(--b6); }
.seviye-skin-modern .sv-rozet {
	display: inline-flex;
	align-items: center;
	padding: 5px 13px;
	border-radius: var(--sv-r-pill);
	background: var(--sv-bg);
	color: var(--sv-body);
	font-size: 13px;
	font-weight: 600;
	transition: all .18s var(--sv-ease);
}
.seviye-skin-modern .sv-rozet:hover { background: var(--sv-orange-050); color: var(--sv-orange-600); text-decoration: none; }
.seviye-skin-modern .sv-rozet-kademe { background: var(--kademe-yumusak); color: var(--kademe-koyu); }

.seviye-skin-modern .sv-urun-cta { display: flex; flex-wrap: wrap; gap: var(--b3); margin-bottom: var(--b8); }

/* Sekmeler */
.seviye-skin-modern .sv-sekme-basliklar {
	display: flex;
	gap: var(--b6);
	border-bottom: 1px solid var(--sv-line);
	margin-bottom: var(--b4);
}
.seviye-skin-modern .sv-sekme-dugme {
	position: relative;
	padding: 0 0 var(--b3);
	border: 0;
	background: none;
	font-family: var(--sv-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--sv-muted);
	cursor: pointer;
	transition: color .18s var(--sv-ease);
}
.seviye-skin-modern .sv-sekme-dugme::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -1px;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--kademe-ana);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .22s var(--sv-ease);
}
.seviye-skin-modern .sv-sekme-dugme:hover { color: var(--sv-ink); }
.seviye-skin-modern .sv-sekme-dugme.aktif { color: var(--kademe-ana); }
.seviye-skin-modern .sv-sekme-dugme.aktif::after { transform: scaleX(1); }

.seviye-skin-modern .sv-sekme-icerik { display: none; }
.seviye-skin-modern .sv-sekme-icerik.aktif { display: block; animation: sv-belir .3s var(--sv-ease) both; }

.seviye-skin-modern .sv-kunye { margin: 0; display: flex; flex-direction: column; gap: 0; }
.seviye-skin-modern .sv-kunye > div {
	display: flex;
	justify-content: space-between;
	gap: var(--b4);
	padding: var(--b3) 0;
	border-bottom: 1px solid var(--sv-line);
	font-size: 14px;
}
.seviye-skin-modern .sv-kunye > div:last-child { border-bottom: 0; }
.seviye-skin-modern .sv-kunye dt { color: var(--sv-muted); margin: 0; }
.seviye-skin-modern .sv-kunye dd { margin: 0; color: var(--sv-ink); font-weight: 600; font-variant-numeric: tabular-nums; }

/* ---------- 4. Seri şeridi ---------- */
.seviye-skin-modern .sv-seri-serit {
	margin-top: var(--b6);
	padding: var(--b6);
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
}
.seviye-skin-modern .sv-seri-basi {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--b3);
	margin-bottom: var(--b4);
}
.seviye-skin-modern .sv-seri-basi h2 {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h3);
	font-weight: 800;
	letter-spacing: -.015em;
	color: var(--sv-ink);
}
.seviye-skin-modern .sv-seri-basi a {
	display: inline-flex;
	align-items: center;
	gap: var(--b2);
	font-family: var(--sv-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--kademe-ana);
}

/* ---------- 5. Örnek sayfa görüntüleyici ---------- */
body.sv-kilitli { overflow: hidden; }

.seviye-skin-modern .sv-ornek {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--b6);
}
.seviye-skin-modern .sv-ornek[hidden] { display: none; }
.seviye-skin-modern .sv-ornek-perde {
	position: absolute;
	inset: 0;
	background: rgba(6,32,56,.82);
	backdrop-filter: blur(4px);
}
.seviye-skin-modern .sv-ornek-kutu {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 900px;
	background: var(--sv-surface);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-lg);
	padding: var(--b6);
	animation: sv-belir .3s var(--sv-ease) both;
}
.seviye-skin-modern .sv-ornek-kapat {
	position: absolute;
	top: var(--b3);
	right: var(--b3);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: var(--sv-r-pill);
	background: var(--sv-bg);
	color: var(--sv-ink);
	cursor: pointer;
	transition: background .18s var(--sv-ease);
}
.seviye-skin-modern .sv-ornek-kapat:hover { background: var(--sv-line); }

.seviye-skin-modern .sv-ornek-sahne { display: flex; align-items: center; gap: var(--b3); }
.seviye-skin-modern .sv-ornek-ok {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-surface);
	color: var(--sv-ink);
	cursor: pointer;
	transition: all .18s var(--sv-ease);
}
.seviye-skin-modern .sv-ornek-ok:hover { background: var(--sv-blue); border-color: var(--sv-blue); color: #fff; }

.seviye-skin-modern .sv-ornek-sayfalar {
	flex: 1;
	min-width: 0;
	display: grid;
	place-items: center;
	min-height: 320px;
}
.seviye-skin-modern .sv-ornek-sayfa {
	grid-area: 1 / 1;
	margin: 0;
	opacity: 0;
	transform: rotateY(-8deg) scale(.97);
	transform-origin: left center;
	transition: opacity .3s var(--sv-ease), transform .3s var(--sv-ease);
	pointer-events: none;
}
.seviye-skin-modern .sv-ornek-sayfa.aktif { opacity: 1; transform: none; pointer-events: auto; }
.seviye-skin-modern .sv-ornek-sayfa img {
	display: block;
	max-width: 100%;
	max-height: 62vh;
	width: auto;
	height: auto;
	border-radius: var(--sv-r-sm);
	box-shadow: 0 8px 28px rgba(16,35,59,.2);
}

.seviye-skin-modern .sv-ornek-sayac {
	margin: var(--b4) 0 0;
	text-align: center;
	font-family: var(--sv-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--sv-muted);
	font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
	.seviye-skin-modern .sv-ornek { padding: var(--b3); }
	.seviye-skin-modern .sv-ornek-kutu { padding: var(--b4); }
	.seviye-skin-modern .sv-ornek-ok { flex-basis: 36px; width: 36px; height: 36px; }
}

/* ---------- 6. Hakkımızda ---------- */
.seviye-skin-modern .sv-hakkimizda { padding-top: var(--b12); }

.seviye-skin-modern .sv-hk-ust {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--b4);
	margin-bottom: var(--b8);
}
@media (min-width: 800px) {
	.seviye-skin-modern .sv-hk-ust { grid-template-columns: 1.25fr 1fr; gap: var(--b6); }
}

.seviye-skin-modern .sv-hk-alinti {
	margin: 0;
	padding: var(--b8);
	background: var(--sv-blue-050);
	border-radius: var(--sv-r);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--b4);
}
.seviye-skin-modern .sv-hk-alinti::before {
	content: "";
	position: absolute;
	left: var(--b8);
	top: var(--b6);
	width: 40px;
	height: 4px;
	border-radius: 4px;
	background: var(--sv-orange);
}
.seviye-skin-modern .sv-hk-alinti blockquote { margin: 0; }
.seviye-skin-modern .sv-hk-alinti blockquote p {
	margin: 0;
	font-family: var(--sv-font-head);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -.018em;
	color: var(--sv-blue-600);
	text-wrap: balance;
}
.seviye-skin-modern .sv-hk-alinti figcaption {
	font-family: var(--sv-font-head);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--sv-blue);
	padding-left: var(--b6);
	position: relative;
}
.seviye-skin-modern .sv-hk-alinti figcaption::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 2px;
	background: var(--sv-blue);
	opacity: .5;
}

.seviye-skin-modern .sv-hk-gorsel {
	margin: 0;
	border-radius: var(--sv-r);
	overflow: hidden;
	box-shadow: var(--sv-shadow);
	min-height: 200px;
}
.seviye-skin-modern .sv-hk-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.seviye-skin-modern .sv-hk-gorsel-bos {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(140deg, var(--sv-line), var(--sv-bg));
	color: var(--sv-muted);
	font-size: 13px;
	font-weight: 600;
	box-shadow: none;
	border: 1px dashed var(--sv-line);
}

/* Zaman çizelgesi */
.seviye-skin-modern .sv-zaman {
	display: grid;
	grid-template-columns: repeat(var(--zaman-adet, 4), minmax(0, 1fr));
	gap: var(--b3);
	margin: 0 0 var(--b8);
	padding: 0;
	list-style: none;
	position: relative;
}
.seviye-skin-modern .sv-zaman::before {
	content: "";
	position: absolute;
	left: 6%;
	right: 6%;
	top: 30px;
	height: 2px;
	background: var(--sv-line);
	z-index: 0;
}
@media (max-width: 700px) {
	.seviye-skin-modern .sv-zaman { grid-template-columns: repeat(2, 1fr); }
	.seviye-skin-modern .sv-zaman::before { display: none; }
}

.seviye-skin-modern .sv-zaman-oge {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: var(--b4) var(--b3);
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-sm);
	list-style: none;
}
.seviye-skin-modern .sv-zaman-oge strong {
	display: block;
	font-family: var(--sv-font-head);
	font-size: 21px;
	font-weight: 800;
	color: var(--sv-blue);
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}
.seviye-skin-modern .sv-zaman-oge span {
	display: block;
	margin-top: var(--b1);
	font-size: 13px;
	color: var(--sv-muted);
}

.seviye-skin-modern .sv-kurumsal-sayilar-genis {
	grid-template-columns: repeat(4, 1fr);
	margin-top: var(--b8);
}
@media (max-width: 700px) { .seviye-skin-modern .sv-kurumsal-sayilar-genis { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 7. Boş durumlar ---------- */
.seviye-skin-modern .sv-bos {
	max-width: 620px;
	margin: 0 auto;
	text-align: center;
	padding: var(--b12) var(--b6);
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
}
.seviye-skin-modern .sv-bos-sarmal { grid-column: 1 / -1; }

.seviye-skin-modern .sv-cizim {
	width: 160px;
	height: 120px;
	color: var(--sv-blue);
	margin-bottom: var(--b4);
	opacity: .9;
}
.seviye-skin-modern .sv-bos-baslik {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h2);
	font-weight: 800;
	letter-spacing: -.02em;
	color: var(--sv-ink);
	margin: 0 0 var(--b2);
}
.seviye-skin-modern .sv-bos-metin {
	font-size: var(--ts-govde);
	color: var(--sv-body);
	max-width: 46ch;
	margin: 0 auto var(--b6);
}
.seviye-skin-modern .sv-bos-arama { margin-bottom: var(--b4); display: flex; justify-content: center; }
.seviye-skin-modern .sv-bos-arama form { margin: 0; }
.seviye-skin-modern .sv-bos-eylemler { display: flex; flex-wrap: wrap; gap: var(--b3); justify-content: center; }

.seviye-skin-modern .sv-oneri { margin-top: var(--b12); }

.seviye-skin-modern .sv-arama-sonuc {
	grid-column: 1 / -1;
	padding: var(--b4) 0;
	border-bottom: 1px solid var(--sv-line);
}
.seviye-skin-modern .sv-arama-sonuc h2 { font-size: var(--ts-h3); font-weight: 700; margin-bottom: var(--b1); }
.seviye-skin-modern .sv-arama-ozet { font-size: 14px; color: var(--sv-body); }

/* ---------- 8. Marka dokusu ----------
   Logodaki dalga formu; renkli bloklarla beyaz zemin arasındaki geçişte
   ayraç olarak kullanılır. Gerçek bir SVG öğesidir, sözde öğe değil —
   böylece arka plan katmanlarıyla çakışmaz. */
.seviye-skin-modern .sv-dalga {
	display: block;
	position: relative;
	z-index: 4;
	width: 100%;
	height: 28px;
	margin-bottom: -1px;
	color: var(--sv-bg);
}
.seviye-skin-modern .sv-dalga-yuzey { color: var(--sv-surface); }

/* Renkli bloklarda ince marka deseni */
.seviye-skin-modern .sv-hero,
.seviye-skin-modern .sv-sayfa-basi,
.seviye-skin-modern .sv-duyuru {
	background-image:
		linear-gradient(120deg, var(--band-koyu, #06345f) 0%, var(--band-ana, var(--sv-blue)) 100%),
		repeating-linear-gradient(115deg,
			rgba(255,255,255,.045) 0 2px,
			transparent 2px 34px);
	background-blend-mode: normal;
}
.seviye-skin-modern .sv-hero {
	background-image:
		linear-gradient(105deg, #06345f 0%, var(--sv-blue) 58%, #1076cf 100%),
		repeating-linear-gradient(115deg,
			rgba(255,255,255,.045) 0 2px,
			transparent 2px 34px);
}
.seviye-skin-modern .sv-duyuru {
	background-image:
		linear-gradient(120deg, var(--sv-blue-800) 0%, var(--sv-blue) 100%),
		repeating-linear-gradient(115deg,
			rgba(255,255,255,.05) 0 2px,
			transparent 2px 30px);
}

/* Kart köşesinde marka aksanı */
.seviye-skin-modern .sv-kademe::after {
	content: "";
	position: absolute;
	right: -18px;
	bottom: -18px;
	width: 62px;
	height: 62px;
	border-radius: 50% 50% 50% 0;
	background: rgba(255,255,255,.1);
	pointer-events: none;
}

/* ==========================================================================
   9. Yazdırma
   --------------------------------------------------------------------------
   Bayi listesi ve ürün sayfaları kurum ziyaretlerinde yazdırılıyor.
   Ekrana ait her şey çıktıdan kalkar; bağlantı adresleri metne eklenir.
   ========================================================================== */
@media print {
	.performansyoket,
	.sv-mobil-menu,
	.sv-mobil-cubuk,
	.footer-menu,
	.header-alt,
	#wrap,
	.sosyal,
	.h-menu,
	.sv-hizli-alan,
	.sv-arama-alan,
	.sv-kademeler,
	.sv-duyuru-alan,
	.sv-seri-serit,
	.seviye-ilgili,
	.sv-ornek,
	.bx-controls,
	.sv-dalga,
	.sv-bos-eylemler,
	.seviye-pagination,
	.seviye-filtre-cubugu,
	.sv-urun-cta,
	body > div[style*="position: fixed"] {
		display: none !important;
	}

	body {
		background: #fff !important;
		color: #000 !important;
		font-size: 11pt;
	}

	.sv-sayfa-basi,
	.sv-hero {
		background: none !important;
		color: #000 !important;
		padding: 0 0 12pt !important;
		border-bottom: 1pt solid #999;
	}
	.sv-sayfa-basi::after,
	.sv-hero::after { display: none !important; }
	.sv-sayfa-baslik,
	.sv-urun-baslik { color: #000 !important; font-size: 20pt !important; }
	.sv-sayfa-alt,
	.seviye-kirinti { color: #444 !important; }

	.sv-okuma,
	.sv-urun-ust,
	.sv-bos,
	.bayi-listesi {
		box-shadow: none !important;
		border: 0 !important;
		padding: 0 !important;
		max-width: none !important;
	}

	.sv-urun-ust { display: block !important; }
	.sv-kitap { transform: none !important; box-shadow: none !important; max-width: 150pt; float: left; margin: 0 14pt 10pt 0; }

	/* Bağlantı adresleri metnin yanına */
	.seviye-icerik a[href^="http"]::after,
	.bayi-listesi a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		color: #555;
		word-break: break-all;
	}
	a[href^="mailto:"]::after,
	a[href^="tel:"]::after { content: ""; }

	/* Bayi tablosu sayfa sonlarında bölünmesin */
	.bayi-listesi { width: 100% !important; border-collapse: collapse; }
	.bayi-listesi thead { display: table-header-group; }
	.bayi-listesi tr { page-break-inside: avoid; }
	.bayi-listesi th { background: #eee !important; color: #000 !important; border-bottom: 1pt solid #999; }
	.bayi-listesi td { border-bottom: .5pt solid #ccc; }

	.sv-urun-kart { page-break-inside: avoid; box-shadow: none !important; border: .5pt solid #ccc !important; }
	h1, h2, h3 { page-break-after: avoid; }

	.footer {
		background: none !important;
		color: #000 !important;
		border-top: 1pt solid #999;
		padding: 10pt 0 0 !important;
	}
	.footer p, .footer a { color: #000 !important; }
	.ftsosyal { display: none !important; }
}

/* ==========================================================================
   10. Katalog düzeni ve filtre paneli
   ========================================================================== */
.seviye-skin-modern .sv-katalog { padding-top: var(--b12); }

.seviye-skin-modern .sv-katalog-duzen {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--b6);
	align-items: start;
}
@media (min-width: 900px) {
	.seviye-skin-modern .sv-katalog-duzen { grid-template-columns: 264px minmax(0, 1fr); gap: var(--b8); }
}

/* --- Panel --- */
.seviye-skin-modern .sv-filtre {
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
	padding: var(--b4);
	position: sticky;
	top: var(--b4);
}
.seviye-skin-modern .sv-filtre-basi {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--b3);
	margin-bottom: var(--b3);
	padding-bottom: var(--b3);
	border-bottom: 1px solid var(--sv-line);
}
.seviye-skin-modern .sv-filtre-basi h2 {
	font-family: var(--sv-font-head);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .02em;
	color: var(--sv-ink);
	margin: 0;
}
.seviye-skin-modern .sv-filtre-temizle {
	border: 0;
	background: none;
	padding: 0;
	font-family: var(--sv-font-head);
	font-size: 12.5px;
	font-weight: 700;
	color: var(--sv-orange);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.seviye-skin-modern .sv-filtre-temizle:hover { color: var(--sv-orange-600); }

.seviye-skin-modern .sv-filtre-ara { margin-bottom: var(--b4); }
.seviye-skin-modern .sv-filtre-ara input {
	width: 100%;
	height: 40px;
	padding: 0 var(--b4);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-bg);
	font-family: var(--sv-font);
	font-size: 14px;
	color: var(--sv-ink);
	-webkit-appearance: none;
	appearance: none;
}
.seviye-skin-modern .sv-filtre-ara input:focus {
	outline: none;
	background: var(--sv-surface);
	border-color: var(--sv-blue);
	box-shadow: 0 0 0 4px var(--sv-blue-050);
}

.seviye-skin-modern .sv-filtre-grup {
	border: 0;
	padding: 0;
	margin: 0 0 var(--b4);
}
.seviye-skin-modern .sv-filtre-grup:last-of-type { margin-bottom: 0; }
.seviye-skin-modern .sv-filtre-grup legend {
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--sv-muted);
	padding: 0;
	margin-bottom: var(--b2);
}

.seviye-skin-modern .sv-cipler { display: flex; flex-wrap: wrap; gap: var(--b2); }

.seviye-skin-modern .sv-cip {
	display: inline-flex;
	align-items: center;
	gap: var(--b2);
	padding: 6px 11px;
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-surface);
	font-family: var(--sv-font);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--sv-body);
	cursor: pointer;
	transition: border-color .16s var(--sv-ease), background .16s var(--sv-ease), color .16s var(--sv-ease);
	position: relative;
}
.seviye-skin-modern .sv-cip input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}
.seviye-skin-modern .sv-cip:hover { border-color: var(--cip-renk, var(--sv-blue)); color: var(--cip-renk, var(--sv-blue)); }
.seviye-skin-modern .sv-cip:focus-within { outline: 2px solid var(--sv-orange); outline-offset: 2px; }

.seviye-skin-modern .sv-cip.secili {
	background: var(--cip-renk, var(--sv-blue));
	border-color: var(--cip-renk, var(--sv-blue));
	color: #fff;
}
.seviye-skin-modern .sv-cip-kapsam { font-size: 10.5px; font-weight: 500; opacity: .7; }
.seviye-skin-modern .sv-cip-sayi {
	font-size: 10.5px;
	font-weight: 700;
	padding: 1px 6px;
	border-radius: var(--sv-r-pill);
	background: var(--sv-bg);
	color: var(--sv-muted);
	font-variant-numeric: tabular-nums;
}
.seviye-skin-modern .sv-cip.secili .sv-cip-sayi { background: rgba(255,255,255,.24); color: #fff; }
.seviye-skin-modern .sv-cip-kademe .sv-cip-ad { font-weight: 700; }

/* Ders çipinde renk noktası */
.seviye-skin-modern .sv-cip-ders .sv-cip-ad::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--cip-renk);
	margin-right: 6px;
	vertical-align: 1px;
}
.seviye-skin-modern .sv-cip-ders.secili .sv-cip-ad::before { background: rgba(255,255,255,.85); }

/* Mobil aç/kapat */
.seviye-skin-modern .sv-filtre-ac {
	display: none;
	align-items: center;
	justify-content: center;
	gap: var(--b2);
	width: 100%;
	height: 44px;
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-surface);
	font-family: var(--sv-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--sv-ink);
	cursor: pointer;
	margin-bottom: var(--b3);
}
@media (max-width: 899px) {
	.seviye-skin-modern .sv-filtre-ac { display: flex; }
	.seviye-skin-modern .sv-katalog-yan .sv-filtre { display: none; position: static; }
	.seviye-skin-modern .sv-katalog-yan.acik .sv-filtre { display: block; }
}

/* Sonuç alanı */
.seviye-skin-modern .sv-katalog-sonuc .sv-urun-izgara { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1200px) { .seviye-skin-modern .sv-katalog-sonuc .sv-urun-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .seviye-skin-modern .sv-katalog-sonuc .sv-urun-izgara { grid-template-columns: 1fr; } }
.seviye-skin-modern .sv-urun-izgara.sv-yukleniyor { opacity: .45; pointer-events: none; transition: opacity .18s var(--sv-ease); }

/* ==========================================================================
   11. Rehber ve S.S.S.
   ========================================================================== */
.seviye-skin-modern .sv-rehber {
	max-width: 900px;
	margin: 0 auto;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
	padding: var(--b8);
}
@media (max-width: 640px) { .seviye-skin-modern .sv-rehber { padding: var(--b6) var(--b4); } }
.seviye-skin-modern .sv-rehber-giris { margin-bottom: var(--b6); }
.seviye-skin-modern .sv-rehber-giris p { max-width: 68ch; }

.seviye-skin-modern .sv-takvim-sar { overflow-x: auto; margin-bottom: var(--b8); }
.seviye-skin-modern .sv-takvim {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
	min-width: 520px;
}
.seviye-skin-modern .sv-takvim th {
	text-align: left;
	padding: var(--b3) var(--b3);
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
	background: var(--kademe-ana, var(--sv-blue));
}
.seviye-skin-modern .sv-takvim th:first-child { border-radius: var(--sv-r-sm) 0 0 0; }
.seviye-skin-modern .sv-takvim th:last-child { border-radius: 0 var(--sv-r-sm) 0 0; }
.seviye-skin-modern .sv-takvim td {
	padding: var(--b3);
	border-bottom: 1px solid var(--sv-line);
	color: var(--sv-body);
}
.seviye-skin-modern .sv-takvim tr:nth-child(even) td { background: var(--sv-bg); }
.seviye-skin-modern .sv-takvim-ad { font-weight: 700; color: var(--sv-ink); }
.seviye-skin-modern .sv-takvim-tarih {
	font-weight: 600;
	color: var(--kademe-koyu, var(--sv-blue-600));
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.seviye-skin-modern .sv-rehber-urunler { padding-top: var(--b6); border-top: 1px solid var(--sv-line); }
.seviye-skin-modern .sv-rehber-urunler .sv-urun-izgara { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .seviye-skin-modern .sv-rehber-urunler .sv-urun-izgara { grid-template-columns: repeat(2, 1fr); } }

/* Rehber arşivi */
.seviye-skin-modern .sv-rehber-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--b4);
}
.seviye-skin-modern .sv-rehber-kart {
	display: flex;
	flex-direction: column;
	gap: var(--b2);
	padding: var(--b6);
	border-radius: var(--sv-r);
	background: linear-gradient(150deg, var(--kademe-ana) 0%, var(--kademe-koyu) 100%);
	color: #fff;
	box-shadow: var(--sv-shadow);
	transition: transform .24s var(--sv-ease), box-shadow .24s var(--sv-ease);
	min-height: 168px;
}
.seviye-skin-modern .sv-rehber-kart:hover { transform: translateY(-5px); box-shadow: var(--sv-shadow-lg); text-decoration: none; color: #fff; }
.seviye-skin-modern .sv-rehber-kart-ikon {
	width: 46px; height: 46px;
	display: flex; align-items: center; justify-content: center;
	border-radius: var(--sv-r-sm);
	background: rgba(255,255,255,.18);
}
.seviye-skin-modern .sv-rehber-kart h2 {
	font-family: var(--sv-font-head);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	color: #fff;
	margin: 0;
}
.seviye-skin-modern .sv-rehber-kart-adet { font-size: 13px; color: rgba(255,255,255,.82); }
.seviye-skin-modern .sv-rehber-kart-ok { margin-top: auto; align-self: flex-end; }

/* S.S.S. */
.seviye-skin-modern .sv-okuma-genis { max-width: 860px; }
.seviye-skin-modern .sv-sss-grup {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h3);
	font-weight: 800;
	letter-spacing: -.015em;
	color: var(--sv-ink);
	margin: var(--b8) 0 var(--b3);
}
.seviye-skin-modern .sv-sss-grup:first-of-type { margin-top: var(--b6); }
.seviye-skin-modern .sv-sss { display: flex; flex-direction: column; gap: var(--b2); }
.seviye-skin-modern .sv-sss-oge {
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-sm);
	background: var(--sv-surface);
	overflow: hidden;
	transition: border-color .18s var(--sv-ease);
}
.seviye-skin-modern .sv-sss-oge[open] { border-color: var(--sv-blue); }
.seviye-skin-modern .sv-sss-oge summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--b3);
	padding: var(--b3) var(--b4);
	cursor: pointer;
	font-family: var(--sv-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--sv-ink);
	list-style: none;
}
.seviye-skin-modern .sv-sss-oge summary::-webkit-details-marker { display: none; }
.seviye-skin-modern .sv-sss-oge summary:hover { color: var(--sv-blue); }
.seviye-skin-modern .sv-sss-oge summary svg { flex: 0 0 auto; color: var(--sv-muted); transition: transform .2s var(--sv-ease); }
.seviye-skin-modern .sv-sss-oge[open] summary svg { transform: rotate(180deg); color: var(--sv-blue); }
.seviye-skin-modern .sv-sss-cevap {
	padding: 0 var(--b4) var(--b4);
	font-size: 15px;
	line-height: 1.7;
	color: var(--sv-body);
}
.seviye-skin-modern .sv-sss-cevap p { max-width: 68ch; margin-bottom: .7em; }

/* ==========================================================================
   12. Örnek talep sepeti
   ========================================================================== */
.seviye-skin-modern .sv-urun-eylem {
	display: flex;
	flex-wrap: wrap;
	gap: var(--b2);
	margin-top: var(--b3);
}
.seviye-skin-modern .sv-urun-eylem > * { flex: 1 1 auto; }

.seviye-skin-modern .sv-sepet-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--b2);
	padding: var(--b2) var(--b3);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-surface);
	font-family: var(--sv-font-head);
	font-size: 12px;
	font-weight: 700;
	color: var(--kademe-ana, var(--sv-blue));
	cursor: pointer;
	transition: all .18s var(--sv-ease);
	white-space: nowrap;
}
.seviye-skin-modern .sv-sepet-dugme:hover {
	background: var(--kademe-yumusak, var(--sv-blue-050));
	border-color: var(--kademe-ana, var(--sv-blue));
}
.seviye-skin-modern .sv-sepet-dugme.eklendi {
	background: var(--kademe-ana, var(--sv-blue));
	border-color: var(--kademe-ana, var(--sv-blue));
	color: #fff;
}
.seviye-skin-modern .sv-sepet-dugme-genis {
	height: 46px;
	padding: 0 var(--b6);
	font-size: 14.5px;
	background: linear-gradient(135deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 4px 14px rgba(245,130,32,.3);
}
.seviye-skin-modern .sv-sepet-dugme-genis:hover {
	background: linear-gradient(135deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(245,130,32,.4);
	color: #fff;
}
.seviye-skin-modern .sv-sepet-dugme-genis.eklendi {
	background: var(--sv-blue-800);
	box-shadow: none;
}

/* Alt çubuk */
.seviye-skin-modern .sv-sepet {
	position: fixed;
	right: var(--b6);
	bottom: var(--b6);
	z-index: 9500;
	width: min(360px, calc(100vw - 32px));
}
.seviye-skin-modern .sv-sepet[hidden] { display: none; }

.seviye-skin-modern .sv-sepet-serit {
	display: flex;
	align-items: center;
	gap: var(--b3);
	width: 100%;
	padding: var(--b3) var(--b4);
	border: 0;
	border-radius: var(--sv-r-pill);
	background: var(--sv-blue-800);
	color: #fff;
	font-family: var(--sv-font);
	font-size: 14px;
	cursor: pointer;
	box-shadow: 0 8px 28px rgba(6,52,95,.36);
	transition: transform .2s var(--sv-ease);
}
.seviye-skin-modern .sv-sepet-serit:hover { transform: translateY(-2px); }
.seviye-skin-modern .sv-sepet-serit-ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--sv-r-pill);
	background: rgba(255,255,255,.16);
	flex: 0 0 32px;
}
.seviye-skin-modern .sv-sepet-serit-metin { flex: 1; text-align: left; }
.seviye-skin-modern .sv-sepet-serit-metin strong {
	font-family: var(--sv-font-head);
	font-weight: 800;
	font-size: 16px;
	color: #fff;
	margin-right: 3px;
}
.seviye-skin-modern .sv-sepet-serit-ok { opacity: .8; display: flex; }

/* Panel */
.seviye-skin-modern .sv-sepet-panel {
	position: absolute;
	right: 0;
	bottom: calc(100% + var(--b2));
	width: 100%;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-lg);
	padding: var(--b4);
	animation: sv-belir .24s var(--sv-ease) both;
}
.seviye-skin-modern .sv-sepet-panel[hidden] { display: none; }

.seviye-skin-modern .sv-sepet-basi {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--b3);
	padding-bottom: var(--b3);
	border-bottom: 1px solid var(--sv-line);
	margin-bottom: var(--b3);
}
.seviye-skin-modern .sv-sepet-basi h2 {
	font-family: var(--sv-font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--sv-ink);
	margin: 0;
}
.seviye-skin-modern .sv-sepet-bosalt {
	border: 0;
	background: none;
	padding: 0;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--sv-muted);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.seviye-skin-modern .sv-sepet-bosalt:hover { color: var(--sv-orange); }

.seviye-skin-modern .sv-sepet-liste {
	list-style: none;
	margin: 0 0 var(--b3);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--b2);
	max-height: 46vh;
	overflow-y: auto;
}
.seviye-skin-modern .sv-sepet-oge {
	display: flex;
	align-items: center;
	gap: var(--b3);
	padding: var(--b2);
	border-radius: var(--sv-r-sm);
	background: var(--sv-bg);
	list-style: none;
}
.seviye-skin-modern .sv-sepet-oge img,
.seviye-skin-modern .sv-sepet-kapaksiz {
	width: 30px;
	height: 42px;
	flex: 0 0 30px;
	border-radius: 2px;
	object-fit: cover;
	background: var(--sv-line);
	display: block;
}
.seviye-skin-modern .sv-sepet-ad {
	flex: 1;
	font-size: 13px;
	font-weight: 600;
	color: var(--sv-ink);
	line-height: 1.35;
}
.seviye-skin-modern .sv-sepet-sil {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	border: 0;
	border-radius: var(--sv-r-pill);
	background: transparent;
	color: var(--sv-muted);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	transition: background .16s var(--sv-ease), color .16s var(--sv-ease);
}
.seviye-skin-modern .sv-sepet-sil:hover { background: var(--sv-line); color: var(--sv-ink); }

.seviye-skin-modern .sv-sepet-alt { display: flex; flex-direction: column; gap: var(--b3); }
.seviye-skin-modern .sv-sepet-not { margin: 0; font-size: 12.5px; color: var(--sv-muted); }
.seviye-skin-modern .sv-sepet-alt .sv-dugme { width: 100%; }

/* Formdaki liste */
.seviye-skin-modern .sv-sepet-form {
	margin-bottom: var(--b4);
	padding: var(--b3) var(--b4);
	background: var(--sv-blue-050);
	border-radius: var(--sv-r-sm);
}
.seviye-skin-modern .sv-sepet-form[hidden] { display: none; }
.seviye-skin-modern .sv-sepet-form-baslik {
	display: block;
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--sv-blue-600);
	margin-bottom: var(--b2);
}
.seviye-skin-modern .sv-sepet-form-liste {
	margin: 0;
	padding-left: var(--b4);
	font-size: 13.5px;
	color: var(--sv-body);
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.seviye-skin-modern .sv-sepet-form-liste li { list-style: disc; }

@media (max-width: 767px) {
	.seviye-skin-modern .sv-sepet { right: var(--b3); left: var(--b3); bottom: 76px; width: auto; }
}

/* ==========================================================================
   13. Kademe giriş bloğu
   ========================================================================== */
.seviye-skin-modern .sv-kademe-giris { margin-bottom: var(--b6); }

.seviye-skin-modern .sv-kademe-sayilar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--b3);
	margin: 0 0 var(--b4);
	padding: 0;
	list-style: none;
}
@media (max-width: 520px) { .seviye-skin-modern .sv-kademe-sayilar { grid-template-columns: repeat(3, 1fr); gap: var(--b2); } }

.seviye-skin-modern .sv-kademe-sayilar li {
	list-style: none;
	text-align: center;
	padding: var(--b4) var(--b2);
	background: var(--kademe-yumusak);
	border-radius: var(--sv-r-sm);
}
.seviye-skin-modern .sv-kademe-sayilar strong {
	display: block;
	font-family: var(--sv-font-head);
	font-size: 26px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--kademe-koyu);
	font-variant-numeric: tabular-nums;
}
.seviye-skin-modern .sv-kademe-sayilar span {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--sv-body);
}

.seviye-skin-modern .sv-yol {
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
	padding: var(--b6);
}
.seviye-skin-modern .sv-yol-baslik {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h3);
	font-weight: 800;
	letter-spacing: -.015em;
	color: var(--sv-ink);
	margin: 0 0 var(--b4);
}

.seviye-skin-modern .sv-yol-adimlar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--b3);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: yol;
}
@media (max-width: 760px) { .seviye-skin-modern .sv-yol-adimlar { grid-template-columns: 1fr; } }

.seviye-skin-modern .sv-yol-adim {
	position: relative;
	list-style: none;
	padding: var(--b4);
	background: var(--sv-bg);
	border-radius: var(--sv-r-sm);
	border-top: 3px solid var(--kademe-ana);
}
.seviye-skin-modern .sv-yol-no {
	position: absolute;
	top: var(--b3);
	right: var(--b3);
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--sv-r-pill);
	background: var(--kademe-yumusak);
	color: var(--kademe-koyu);
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 800;
}
.seviye-skin-modern .sv-yol-ay {
	display: block;
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--kademe-ana);
	margin-bottom: var(--b2);
	padding-right: var(--b6);
}
.seviye-skin-modern .sv-yol-metin {
	display: block;
	font-size: 14px;
	line-height: 1.55;
	color: var(--sv-body);
}

.seviye-skin-modern .sv-yol-rehber {
	display: inline-flex;
	align-items: center;
	gap: var(--b2);
	margin-top: var(--b4);
	font-family: var(--sv-font-head);
	font-size: 13.5px;
	font-weight: 700;
	color: var(--kademe-ana);
}
.seviye-skin-modern .sv-yol-rehber:hover { color: var(--sv-orange); text-decoration: none; }

/* ==========================================================================
   14. Anlık arama önerisi
   ========================================================================== */
.seviye-skin-modern #wrap { position: relative; }

.seviye-skin-modern .sv-oneri {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	width: min(420px, 90vw);
	z-index: 950;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-sm);
	box-shadow: var(--sv-shadow-lg);
	overflow: hidden;
	max-height: 70vh;
	overflow-y: auto;
	animation: sv-belir .18s var(--sv-ease) both;
}
.seviye-skin-modern .sv-oneri[hidden] { display: none; }

.seviye-skin-modern .sv-oneri-basi {
	font-family: var(--sv-font-head);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--sv-muted);
	padding: var(--b3) var(--b4) var(--b2);
}

.seviye-skin-modern .sv-oneri-satir {
	display: flex;
	align-items: center;
	gap: var(--b3);
	padding: var(--b2) var(--b4);
	color: var(--sv-ink);
	transition: background .14s var(--sv-ease);
}
.seviye-skin-modern .sv-oneri-satir:hover,
.seviye-skin-modern .sv-oneri-satir.secili {
	background: var(--sv-blue-050);
	text-decoration: none;
}
.seviye-skin-modern .sv-oneri-satir img,
.seviye-skin-modern .sv-oneri-kapaksiz {
	width: 26px;
	height: 36px;
	flex: 0 0 26px;
	border-radius: 2px;
	object-fit: cover;
	background: var(--sv-line);
	display: block;
}
.seviye-skin-modern .sv-oneri-ad {
	flex: 1;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.35;
	min-width: 0;
}
.seviye-skin-modern .sv-oneri-ad em { font-style: normal; font-weight: 500; color: var(--sv-muted); }
.seviye-skin-modern .sv-oneri-ad mark {
	background: var(--sv-orange-050);
	color: var(--sv-orange-600);
	font-weight: 700;
	padding: 0 1px;
	border-radius: 2px;
}
.seviye-skin-modern .sv-oneri-etiket {
	font-family: var(--sv-font-head);
	font-size: 11px;
	font-weight: 700;
	color: var(--sv-muted);
	white-space: nowrap;
	flex: 0 0 auto;
}
.seviye-skin-modern .sv-oneri-kategori { padding-left: var(--b4); }

.seviye-skin-modern .sv-oneri-bos {
	padding: var(--b6) var(--b4);
	text-align: center;
	font-size: 13.5px;
	color: var(--sv-muted);
}
.seviye-skin-modern .sv-oneri-tumu {
	display: block;
	padding: var(--b3) var(--b4);
	border-top: 1px solid var(--sv-line);
	background: var(--sv-bg);
	font-family: var(--sv-font-head);
	font-size: 12.5px;
	font-weight: 700;
	color: var(--sv-blue);
	text-align: center;
}
.seviye-skin-modern .sv-oneri-tumu:hover,
.seviye-skin-modern .sv-oneri-tumu.secili { background: var(--sv-blue); color: #fff; text-decoration: none; }

@media (max-width: 991px) {
	.seviye-skin-modern .sv-oneri { right: auto; left: 0; width: min(420px, calc(100vw - 34px)); }
}

/* ==========================================================================
   15. Sınav geri sayımı
   ========================================================================== */
.seviye-skin-modern .sv-geri-sayim {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--b4);
	padding: var(--b4) var(--b6);
	margin-bottom: var(--b4);
	border-radius: var(--sv-r);
	background: linear-gradient(120deg, var(--kademe-koyu) 0%, var(--kademe-ana) 100%);
	color: #fff;
	box-shadow: var(--sv-shadow);
}

.seviye-skin-modern .sv-gs-sayilar { display: flex; gap: var(--b2); flex: 0 0 auto; }
.seviye-skin-modern .sv-gs-sayilar div {
	min-width: 58px;
	padding: var(--b2) var(--b3);
	border-radius: var(--sv-r-sm);
	background: rgba(255,255,255,.16);
	text-align: center;
}
.seviye-skin-modern .sv-gs-sayilar strong {
	display: block;
	font-family: var(--sv-font-head);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.05;
	color: #fff;
	font-variant-numeric: tabular-nums;
}
.seviye-skin-modern .sv-gs-sayilar span {
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.8);
}

.seviye-skin-modern .sv-gs-metin { flex: 1 1 220px; min-width: 0; }
.seviye-skin-modern .sv-gs-metin h2 {
	font-family: var(--sv-font-head);
	font-size: var(--ts-h3);
	font-weight: 800;
	letter-spacing: -.015em;
	color: #fff;
	margin: 0 0 2px;
}
.seviye-skin-modern .sv-gs-metin p { margin: 0; font-size: 13.5px; color: rgba(255,255,255,.84); }

.seviye-skin-modern .sv-gs-cta {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 var(--b5, 20px);
	border-radius: var(--sv-r-pill);
	background: #fff;
	color: var(--kademe-koyu);
	font-family: var(--sv-font-head);
	font-size: 13.5px;
	font-weight: 700;
	transition: transform .18s var(--sv-ease);
}
.seviye-skin-modern .sv-gs-cta:hover { transform: translateY(-2px); text-decoration: none; color: var(--kademe-koyu); }

@media (max-width: 640px) {
	.seviye-skin-modern .sv-geri-sayim { padding: var(--b4); }
	.seviye-skin-modern .sv-gs-sayilar div { min-width: 48px; }
	.seviye-skin-modern .sv-gs-sayilar strong { font-size: 21px; }
	.seviye-skin-modern .sv-gs-cta { width: 100%; justify-content: center; }
}

/* ==========================================================================
   16. Yayın karşılaştırma
   ========================================================================== */
.seviye-skin-modern .sv-kars-sec {
	display: inline-flex;
	align-items: center;
	gap: var(--b2);
	padding: var(--b2) var(--b3);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-surface);
	font-family: var(--sv-font);
	font-size: 11.5px;
	font-weight: 600;
	color: var(--sv-muted);
	cursor: pointer;
	transition: all .16s var(--sv-ease);
	white-space: nowrap;
}
.seviye-skin-modern .sv-kars-sec input { width: 13px; height: 13px; margin: 0; accent-color: var(--kademe-ana, var(--sv-blue)); }
.seviye-skin-modern .sv-kars-sec:hover { border-color: var(--kademe-ana, var(--sv-blue)); color: var(--sv-ink); }
.seviye-skin-modern .sv-kars-sec.secili {
	border-color: var(--kademe-ana, var(--sv-blue));
	background: var(--kademe-yumusak, var(--sv-blue-050));
	color: var(--kademe-koyu, var(--sv-blue-600));
}

/* Çubuk */
.seviye-skin-modern .sv-kars-cubuk {
	position: fixed;
	left: 50%;
	bottom: var(--b6);
	transform: translateX(-50%);
	z-index: 9400;
	display: flex;
	align-items: center;
	gap: var(--b4);
	padding: var(--b3) var(--b4);
	border-radius: var(--sv-r-pill);
	background: var(--sv-ink);
	color: #fff;
	box-shadow: 0 10px 32px rgba(16,35,59,.36);
	max-width: min(760px, calc(100vw - 32px));
	animation: sv-belir .24s var(--sv-ease) both;
}
.seviye-skin-modern .sv-kars-cubuk[hidden] { display: none; }
.seviye-skin-modern .sv-kars-cubuk-metin { font-size: 13px; white-space: nowrap; }
.seviye-skin-modern .sv-kars-cubuk-metin strong {
	font-family: var(--sv-font-head);
	font-size: 15px;
	font-weight: 800;
	color: #fff;
}
.seviye-skin-modern .sv-kars-cubuk-adlar {
	flex: 1;
	min-width: 0;
	font-size: 12.5px;
	color: rgba(255,255,255,.68);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.seviye-skin-modern .sv-kars-git { height: 38px; padding: 0 var(--b4); font-size: 13px; }
.seviye-skin-modern .sv-kars-git.pasif { opacity: .45; pointer-events: none; }
.seviye-skin-modern .sv-kars-kapat {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	border: 0;
	border-radius: var(--sv-r-pill);
	background: rgba(255,255,255,.14);
	color: #fff;
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
}
.seviye-skin-modern .sv-kars-kapat:hover { background: rgba(255,255,255,.26); }

/* Tablo */
.seviye-skin-modern .sv-kars-giris { max-width: 68ch; margin-bottom: var(--b6); }
.seviye-skin-modern .sv-kars-sar {
	overflow-x: auto;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
}
.seviye-skin-modern .sv-kars {
	width: 100%;
	border-collapse: collapse;
	min-width: calc(180px + var(--sutun, 3) * 200px);
}
.seviye-skin-modern .sv-kars thead th {
	position: relative;
	vertical-align: top;
	padding: var(--b4);
	border-bottom: 2px solid var(--sv-line);
	text-align: left;
	width: calc((100% - 180px) / var(--sutun, 3));
}
.seviye-skin-modern .sv-kars-kose { width: 180px !important; border-right: 1px solid var(--sv-line); }

.seviye-skin-modern .sv-kars-urun { display: block; color: inherit; }
.seviye-skin-modern .sv-kars-urun:hover { text-decoration: none; }
.seviye-skin-modern .sv-kars-kapak {
	display: block;
	width: 74px;
	border-radius: 2px 4px 4px 2px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(16,35,59,.2);
	margin-bottom: var(--b3);
	border-left: 3px solid var(--kademe-ana);
}
.seviye-skin-modern .sv-kars-kapak img { display: block; width: 100%; height: auto; }
.seviye-skin-modern .sv-kars-kapaksiz { display: block; height: 104px; background: var(--sv-bg); }
.seviye-skin-modern .sv-kars-ad {
	display: block;
	font-family: var(--sv-font-head);
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--sv-ink);
}
.seviye-skin-modern .sv-kars-urun:hover .sv-kars-ad { color: var(--kademe-ana); }
.seviye-skin-modern .sv-kars-cikar {
	position: absolute;
	top: var(--b2);
	right: var(--b2);
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--sv-r-pill);
	background: var(--sv-bg);
	color: var(--sv-muted);
	font-size: 16px;
	line-height: 1;
}
.seviye-skin-modern .sv-kars-cikar:hover { background: var(--sv-line); color: var(--sv-ink); text-decoration: none; }

.seviye-skin-modern .sv-kars tbody th {
	text-align: left;
	padding: var(--b3) var(--b4);
	font-family: var(--sv-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--sv-muted);
	border-right: 1px solid var(--sv-line);
	border-bottom: 1px solid var(--sv-line);
	white-space: nowrap;
}
.seviye-skin-modern .sv-kars tbody td {
	padding: var(--b3) var(--b4);
	font-size: 14px;
	color: var(--sv-body);
	border-bottom: 1px solid var(--sv-line);
	vertical-align: top;
}
.seviye-skin-modern .sv-kars-farkli td { color: var(--sv-ink); font-weight: 600; }
.seviye-skin-modern .sv-kars-farkli th,
.seviye-skin-modern .sv-kars-farkli td { background: var(--sv-orange-050); }
.seviye-skin-modern .sv-kars-ayni td { color: var(--sv-muted); }
.seviye-skin-modern .sv-kars tbody tr:last-child th,
.seviye-skin-modern .sv-kars tbody tr:last-child td { border-bottom: 0; }

.seviye-skin-modern .sv-kars-aciklama {
	display: flex;
	align-items: center;
	gap: var(--b2);
	margin-top: var(--b4);
	font-size: 13px;
	color: var(--sv-muted);
}
.seviye-skin-modern .sv-kars-isaret {
	width: 14px;
	height: 14px;
	border-radius: 3px;
	background: var(--sv-orange-050);
	border: 1px solid var(--sv-orange);
	flex: 0 0 14px;
}
.seviye-skin-modern .sv-kars-ipucu {
	margin-top: var(--b4);
	text-align: center;
	font-size: 14px;
	color: var(--sv-muted);
	max-width: 56ch;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.seviye-skin-modern .sv-kars-cubuk { bottom: 76px; flex-wrap: wrap; border-radius: var(--sv-r); }
	.seviye-skin-modern .sv-kars-cubuk-adlar { flex: 1 1 100%; white-space: normal; }
}

/* ==========================================================================
   17. Mobil menü (alt sayfa)
   --------------------------------------------------------------------------
   Eski soldan açılır sidr paneli kaldırıldı. Menü artık ekranın altından
   yükselen bir sayfa: başparmağın ulaştığı yerde açılıyor, kademe kutuları
   ilk sırada duruyor. Kütüphane gerekmiyor.
   ========================================================================== */
body.sv-kilitli { overflow: hidden; }

.sv-mobil-menu {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: flex-end;
}

.sv-mobil-menu[hidden] { display: none; }

.sv-mobil-perde {
	position: absolute;
	inset: 0;
	background: rgba(9, 20, 36, .55);
	animation: sv-mobil-solma .18s ease-out;
}

.sv-mobil-sayfa {
	position: relative;
	width: 100%;
	max-height: 88vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: var(--sv-yuzey, #fff);
	border-radius: var(--sv-yuvarlak-b, 18px) var(--sv-yuvarlak-b, 18px) 0 0;
	padding: var(--b3, 12px) var(--b4, 16px) calc(var(--b6, 24px) + env(safe-area-inset-bottom));
	box-shadow: 0 -8px 40px rgba(9, 20, 36, .28);
	animation: sv-mobil-yukselme .24s cubic-bezier(.22, .8, .3, 1);
}

@keyframes sv-mobil-solma { from { opacity: 0; } }
@keyframes sv-mobil-yukselme { from { transform: translateY(14%); } }

@media (prefers-reduced-motion: reduce) {
	.sv-mobil-perde,
	.sv-mobil-sayfa { animation: none; }
}

/* Üstteki tutamak: dokunulunca da kapatır */
.sv-mobil-tut {
	width: 44px;
	height: 4px;
	margin: 0 auto var(--b3, 12px);
	border-radius: 999px;
	background: var(--sv-cizgi, #d9dee6);
	cursor: pointer;
}

.sv-mobil-basi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--b4, 16px);
}

.sv-mobil-basi span {
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-mobil-kapat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--sv-zemin-alt, #f1f4f8);
	color: var(--sv-metin, #1f2836);
	cursor: pointer;
}

.sv-mobil-kapat:hover,
.sv-mobil-kapat:focus-visible { background: var(--sv-cizgi, #d9dee6); }

/* Kademe kutuları — menünün ilk ve en görünür bölümü */
.sv-mobil-kademe {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--b2, 8px);
	margin-bottom: var(--b5, 20px);
}

.sv-mobil-kademe a:first-child { grid-column: 1 / -1; }

.sv-mobil-kademe a {
	display: block;
	padding: var(--b3, 12px) var(--b4, 16px);
	border-radius: var(--sv-yuvarlak-o, 12px);
	background: linear-gradient(135deg, var(--kademe-ana) 0%, var(--kademe-koyu) 100%);
	color: #fff;
	text-decoration: none;
	line-height: 1.3;
}

.sv-mobil-kademe a strong {
	display: block;
	font-size: var(--sv-yazi-m, 1rem);
	font-weight: 700;
}

.sv-mobil-kademe a span {
	display: block;
	margin-top: 2px;
	font-size: var(--sv-yazi-s, .8125rem);
	opacity: .85;
}

/* Düz bağlantı listesi */
.sv-mobil-liste ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sv-mobil-liste li + li { border-top: 1px solid var(--sv-cizgi, #d9dee6); }

.sv-mobil-liste a {
	display: block;
	padding: var(--b3, 12px) var(--b1, 4px);
	color: var(--sv-metin, #1f2836);
	font-size: var(--sv-yazi-m, 1rem);
	text-decoration: none;
}

.sv-mobil-liste a:hover,
.sv-mobil-liste a:focus-visible { color: var(--sv-vurgu, #0a63b4); }

/* Menüdeki öne çıkan bağlantı (ör. Seviye Dijital) */
.sv-mobil-liste .vurgulu > a {
	color: var(--sv-altin, #da8144);
	font-weight: 700;
}

/* Bulunulan sayfa: solda ince bir işaret */
.sv-mobil-liste .current-menu-item > a,
.sv-mobil-liste .current_page_item > a,
.sv-mobil-liste .current-menu-parent > a {
	position: relative;
	padding-left: var(--b3, 12px);
	font-weight: 700;
}

.sv-mobil-liste .current-menu-item > a::before,
.sv-mobil-liste .current_page_item > a::before,
.sv-mobil-liste .current-menu-parent > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 18px;
	border-radius: 999px;
	background: var(--sv-vurgu, #0a63b4);
}

/* Geniş ekranda menü hiç gerekmiyor */
@media (min-width: 992px) {
	.sv-mobil-menu { display: none !important; }
}

/* ==========================================================================
   18. Set ve paket sunumu
   --------------------------------------------------------------------------
   Kurumsal alımların büyük kısmı set üzerinden yapılıyor. Eğik dizilmiş kapak
   yığını, ilk bakışta tek kitaptan farklı olduğunu anlatır; sayı satırı
   (kaç kitap · kaç ders · kaç sayfa) kararın verildiği yerdir.
   ========================================================================== */

/* --- Eğik kapak yığını --- */
.sv-set-yigin {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	min-height: 150px;
	padding: var(--b3, 12px) 0;
	perspective: 900px;
}

.sv-set-kapak {
	display: block;
	width: 84px;
	flex: 0 0 auto;
	/* Yığındaki her kapak bir önceki üstüne biner ve biraz döner. */
	margin-inline-start: -26px;
	transform: rotate( calc( ( var(--sira) - ( var(--toplam) - 1 ) / 2 ) * 7deg ) );
	transform-origin: 50% 100%;
	transition: transform .25s ease, margin .25s ease;
	filter: drop-shadow( 0 6px 14px rgba(9, 20, 36, .22) );
}

.sv-set-kapak:first-child { margin-inline-start: 0; }

.sv-set-kapak img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 3px;
}

/* Kapaksız yayın: başlık kitap oranında bir dikdörtgende durur */
.sv-set-kapaksiz {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 84 / 118;
	padding: var(--b2, 8px);
	border-radius: 3px;
	background: var(--kademe-yumusak, #eef2f7);
	color: var(--kademe-koyu, #07508f);
	font-size: .625rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.sv-set-yigin-tek .sv-set-kapak,
.sv-set-yigin-tek img { transform: none; margin: 0; }

/* Üstüne gelince yelpaze açılır — içinde birden fazla kitap olduğu görünür */
.sv-set-kart:hover .sv-set-kapak,
.sv-set-kart:focus-within .sv-set-kapak {
	margin-inline-start: -12px;
	transform: rotate( calc( ( var(--sira) - ( var(--toplam) - 1 ) / 2 ) * 11deg ) ) translateY(-3px);
}

.sv-set-kart:hover .sv-set-kapak:first-child,
.sv-set-kart:focus-within .sv-set-kapak:first-child { margin-inline-start: 0; }

@media (prefers-reduced-motion: reduce) {
	.sv-set-kapak { transition: none; }
}

/* --- Set kartı --- */
.sv-set-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--b5, 20px);
}

.sv-set-kart {
	display: flex;
	flex-direction: column;
	background: var(--sv-yuzey, #fff);
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-b, 18px);
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease;
}

.sv-set-kart:hover {
	box-shadow: 0 12px 32px rgba(9, 20, 36, .12);
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
	.sv-set-kart { transition: none; }
	.sv-set-kart:hover { transform: none; }
}

.sv-set-baglanti {
	display: block;
	text-decoration: none;
	color: inherit;
	/* Yığın kademe renginin yumuşak tonunda oturur */
	background: linear-gradient(180deg, var(--kademe-yumusak, #eef2f7) 0%, var(--sv-yuzey, #fff) 100%);
}

.sv-set-govde { display: block; padding: 0 var(--b4, 16px) var(--b3, 12px); }

.sv-set-ust {
	display: block;
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--kademe-koyu, #07508f);
}

.sv-set-ad {
	margin: 4px 0 0;
	font-size: var(--sv-yazi-l, 1.125rem);
	font-weight: 700;
	line-height: 1.3;
	color: var(--sv-metin, #1f2836);
	text-wrap: balance;
}

.sv-set-baglanti:hover .sv-set-ad { color: var(--kademe-ana, #0a63b4); }

/* Setin içinde ne var — ürün tipleriyle özetlenir */
.sv-set-icerik {
	margin: 0;
	padding: 0 var(--b4, 16px);
	font-size: var(--sv-yazi-s, .8125rem);
	line-height: 1.5;
	color: var(--sv-metin-soluk, #5b6675);
}

/* Sayı satırı: kararın verildiği yer, bu yüzden kalın ve tabular */
.sv-set-sayilar {
	margin: var(--b2, 8px) 0 0;
	padding: 0 var(--b4, 16px);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--sv-metin, #1f2836);
}

.sv-set-eylem {
	margin-top: auto;
	padding: var(--b3, 12px) var(--b4, 16px) var(--b4, 16px);
}

/* --- Teklif düğmesi --- */
.sv-set-teklif {
	display: inline-flex;
	align-items: center;
	gap: var(--b2, 8px);
	padding: var(--b2, 8px) var(--b4, 16px);
	border: 0;
	border-radius: 999px;
	background: var(--kademe-ana, #0a63b4);
	color: #fff;
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	line-height: 1.4;
	cursor: pointer;
	transition: background .18s ease;
}

.sv-set-teklif:hover,
.sv-set-teklif:focus-visible { background: var(--kademe-koyu, #07508f); }

.sv-set-teklif-genis {
	padding: var(--b3, 12px) var(--b6, 24px);
	font-size: var(--sv-yazi-m, 1rem);
}

.sv-set-teklif-eklendi { background: var(--sv-basari, #1e7a45); }

/* --- Set detayı --- */
.sv-set-ust {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: var(--b8, 32px);
	align-items: center;
	margin-bottom: var(--b8, 32px);
}

.sv-set-detay .sv-set-ust-gorsel {
	padding: var(--b6, 24px);
	border-radius: var(--sv-yuvarlak-b, 18px);
	background: linear-gradient(160deg, var(--kademe-yumusak, #eef2f7) 0%, var(--sv-yuzey, #fff) 100%);
}

.sv-set-detay .sv-set-yigin { min-height: 220px; }
.sv-set-detay .sv-set-kapak { width: 120px; margin-inline-start: -34px; }
.sv-set-detay .sv-set-kapak:first-child { margin-inline-start: 0; }

.sv-set-ust-etiket {
	margin: 0;
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--kademe-koyu, #07508f);
}

.sv-set-ust-baslik {
	margin: var(--b2, 8px) 0 0;
	font-size: var(--sv-yazi-2xl, 2rem);
	line-height: 1.15;
	text-wrap: balance;
}

.sv-set-ust-ozet {
	margin: var(--b3, 12px) 0 0;
	font-size: var(--sv-yazi-l, 1.125rem);
	line-height: 1.55;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-set-detay .sv-set-sayilar {
	padding: 0;
	margin: var(--b4, 16px) 0 0;
	font-size: var(--sv-yazi-m, 1rem);
}

.sv-set-ust-eylem { margin-top: var(--b5, 20px); }

.sv-set-ust-not {
	margin: var(--b3, 12px) 0 0;
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-set-metin { margin-bottom: var(--b8, 32px); }
.sv-set-icindekiler { margin-bottom: var(--b10, 40px); }

/* --- Ürün sayfasındaki "bu kitap şu setin parçası" bloğu --- */
.sv-set-bagi {
	margin: var(--b5, 20px) 0;
	padding: var(--b4, 16px);
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-o, 12px);
	background: var(--sv-zemin-alt, #f1f4f8);
}

.sv-set-bagi-baslik {
	margin: 0 0 var(--b3, 12px);
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-set-bagi-liste { margin: 0; padding: 0; list-style: none; }
.sv-set-bagi-liste li + li { margin-top: var(--b2, 8px); }

.sv-set-bagi-liste a {
	display: flex;
	align-items: center;
	gap: var(--b3, 12px);
	padding: var(--b2, 8px);
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: var(--sv-yuzey, #fff);
	color: var(--sv-metin, #1f2836);
	text-decoration: none;
}

.sv-set-bagi-liste a:hover { box-shadow: 0 4px 14px rgba(9, 20, 36, .1); }

.sv-set-bagi-liste .sv-set-yigin {
	min-height: 0;
	padding: 0;
	flex: 0 0 auto;
	justify-content: flex-start;
}

.sv-set-bagi-liste .sv-set-kapak {
	width: 34px;
	margin-inline-start: -12px;
	filter: none;
	box-shadow: 0 2px 6px rgba(9, 20, 36, .18);
}

.sv-set-bagi-liste .sv-set-kapak:first-child { margin-inline-start: 0; }

.sv-set-bagi-metin { flex: 1 1 auto; min-width: 0; }
.sv-set-bagi-metin strong { display: block; font-size: var(--sv-yazi-s, .8125rem); line-height: 1.35; }

.sv-set-bagi-metin span {
	display: block;
	font-size: var(--sv-yazi-xs, .75rem);
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-set-bagi-liste a svg { flex: 0 0 auto; color: var(--kademe-ana, #0a63b4); }

@media (max-width: 767px) {
	.sv-set-ust { grid-template-columns: 1fr; gap: var(--b5, 20px); }
	.sv-set-detay .sv-set-kapak { width: 88px; margin-inline-start: -26px; }
	.sv-set-ust-baslik { font-size: var(--sv-yazi-xl, 1.5rem); }
}

/* Mobil menüde ikinci düzey: girintili, ince bir kılavuz çizgisiyle */
.sv-mobil-liste .sub-menu {
	margin: 0 0 var(--b2, 8px) var(--b3, 12px);
	padding: 0 0 0 var(--b3, 12px);
	list-style: none;
	border-left: 2px solid var(--sv-cizgi, #d9dee6);
}

.sv-mobil-liste .sub-menu li + li { border-top: 0; }

.sv-mobil-liste .sub-menu a {
	padding: var(--b2, 8px) var(--b1, 4px);
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
}

/* ==========================================================================
   19. Raf görünümü
   --------------------------------------------------------------------------
   Kapaklar hafif perspektifle, fiziksel bir rafta durur gibi dizili: her kitap
   biraz döner, bir sonraki üstüne biner. Üzerine gelince öne çıkıp düzleşir.
   Yükseklik farkı ürün kimliğinden, sırt kalınlığı sayfa sayısından türetilir;
   ikisi de sabittir — sayfa her açılışta aynı görünür.
   ========================================================================== */
.sv-raf {
	position: relative;
	/* Raf kitap sayısı kadar geniş olur ve ortalanır; tahta da kitapların
	   altında biter, kapsayıcının ucuna kadar uzanmaz. */
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
	padding-top: var(--b4, 16px);
}

.sv-raf-kitaplar {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	min-height: 190px;
	padding: 0 var(--b5, 20px);
	perspective: 1400px;
	perspective-origin: 50% 80%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.sv-raf-kitap {
	position: relative;
	flex: 0 0 auto;
	width: 116px;
	margin-inline-end: calc( var(--sirt) - 32px );
	transform-style: preserve-3d;
	/* Rafın ortasındaki kitap düz, kenardakiler daha çok dönük durur. */
	transform: rotateY( calc( ( var(--sira) - ( var(--toplam) - 1 ) / 2 ) * -9deg ) );
	transform-origin: 50% 100%;
	transition: transform .28s cubic-bezier(.22, .8, .3, 1), filter .28s ease;
	text-decoration: none;
	color: inherit;
	z-index: 1;
}

.sv-raf-kitap:last-child { margin-inline-end: 0; }

.sv-raf-kapak {
	display: block;
	height: var(--yukseklik);
	border-radius: 2px 4px 4px 2px;
	overflow: hidden;
	/* Sırt: kitabın sol kenarında ince, koyu bir şerit */
	box-shadow:
		inset var(--sirt) 0 var(--sirt) calc( var(--sirt) * -1 ) rgba(9, 20, 36, .45),
		0 8px 18px rgba(9, 20, 36, .26);
	background: var(--sv-yuzey, #fff);
}

.sv-raf-kapak img {
	display: block;
	width: 100%;
	height: 100%;
	/* Yükseklik kitaptan kitaba değiştiği için kapak kırpılıyor; üstten
	   hizalanınca kitabın adı hep görünür kalır. */
	object-fit: cover;
	object-position: center top;
}

.sv-raf-kapaksiz {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: var(--b2, 8px);
	background: var(--sv-zemin-alt, #f1f4f8);
	color: var(--sv-metin-soluk, #5b6675);
	font-size: .625rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

/* Kitap adı yalnızca üstüne gelince, kapağın altında görünür */
.sv-raf-ad {
	position: absolute;
	left: 50%;
	top: calc( 100% + 8px );
	width: 150px;
	margin-left: -75px;
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	color: var(--sv-metin, #1f2836);
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity .2s ease, transform .2s ease;
	pointer-events: none;
}

/* Öne çık ve düzleş — raftan kitap çekmenin karşılığı */
.sv-raf-kitap:hover,
.sv-raf-kitap:focus,
.sv-raf-kitap:focus-visible {
	transform: rotateY(0deg) translateY(-14px) scale(1.06);
	z-index: 5;
}

.sv-raf-kitap:hover .sv-raf-ad,
.sv-raf-kitap:focus .sv-raf-ad,
.sv-raf-kitap:focus-visible .sv-raf-ad {
	opacity: 1;
	transform: translateY(0);
}

.sv-raf-kitap:hover .sv-raf-kapak,
.sv-raf-kitap:focus .sv-raf-kapak,
.sv-raf-kitap:focus-visible .sv-raf-kapak {
	box-shadow: 0 16px 32px rgba(9, 20, 36, .32);
}

/* Komşular biraz aralanır ki çekilen kitap için yer açılsın */
.sv-raf-kitaplar:hover .sv-raf-kitap { filter: saturate(.85); }
.sv-raf-kitaplar .sv-raf-kitap:hover { filter: none; }

/* Raf tahtası */
.sv-raf-tahta {
	height: 10px;
	margin: 0;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(180deg,
		var(--sv-cizgi, #d9dee6) 0%,
		var(--sv-zemin-alt, #f1f4f8) 55%,
		transparent 100%);
	box-shadow: 0 6px 14px -6px rgba(9, 20, 36, .35);
}

/* Ad etiketi tahtanın altına taştığı için yer bırakılır */
.sv-raf { padding-bottom: var(--b8, 32px); }

@media (prefers-reduced-motion: reduce) {
	.sv-raf-kitap,
	.sv-raf-ad { transition: none; }
	.sv-raf-kitap:hover,
	.sv-raf-kitap:focus,
	.sv-raf-kitap:focus-visible { transform: translateY(-6px); }
}

/* Dokunmatikte perspektif yerine daha sade bir dizi */
@media (hover: none) {
	.sv-raf-kitaplar { perspective: none; }
	.sv-raf-kitap {
		transform: none;
		margin-inline-end: var(--b2, 8px);
	}
	.sv-raf-ad {
		position: static;
		width: 116px;
		margin: 6px 0 0;
		opacity: 1;
		transform: none;
	}
}

/* Ana sayfa raf bölümü */
.sv-raf-bolum .sv-raf { margin-top: var(--b4, 16px); }

/* Seri arşivinin başındaki raf, sonuç ızgarasından bir çizgiyle ayrılır */
.sv-raf-seri {
	margin-bottom: var(--b6, 24px);
	padding-bottom: var(--b4, 16px);
	border-bottom: 1px solid var(--sv-cizgi, #d9dee6);
}

/* ==========================================================================
   20. Video alanı
   --------------------------------------------------------------------------
   Video tıklanana kadar YouTube'a hiçbir istek gitmez: perde olarak ürünün
   kendi kapağı kullanılır, oynata basılınca yerine çerçeve konur.
   ========================================================================== */
.sv-video {
	position: relative;
	width: 100%;
}

.sv-video-perde {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--b3, 12px);
	width: 100%;
	aspect-ratio: 16 / 9;
	padding: var(--b5, 20px);
	border: 0;
	border-radius: var(--sv-yuvarlak-o, 12px);
	background: linear-gradient(160deg, var(--kademe-koyu, #07508f) 0%, var(--sv-lacivert, #12395c) 100%);
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
}

/* Kapak varsa arkada bulanık ve koyu durur — metin okunur kalsın */
.sv-video-kapakli .sv-video-perde::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--video-kapak);
	background-size: cover;
	background-position: center;
	filter: blur(6px) brightness(.45);
	transform: scale(1.1);
}

.sv-video-perde > * { position: relative; z-index: 1; }

.sv-video-oynat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	padding-left: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .16);
	border: 2px solid rgba(255, 255, 255, .8);
	color: #fff;
	transition: transform .2s ease, background .2s ease;
}

.sv-video-perde:hover .sv-video-oynat,
.sv-video-perde:focus-visible .sv-video-oynat {
	transform: scale(1.08);
	background: var(--sv-altin, #da8144);
	border-color: var(--sv-altin, #da8144);
}

@media (prefers-reduced-motion: reduce) {
	.sv-video-oynat { transition: none; }
	.sv-video-perde:hover .sv-video-oynat { transform: none; }
}

.sv-video-metin strong {
	display: block;
	font-size: var(--sv-yazi-l, 1.125rem);
	font-weight: 700;
	line-height: 1.3;
	text-wrap: balance;
}

.sv-video-metin span {
	display: block;
	margin-top: 4px;
	font-size: var(--sv-yazi-s, .8125rem);
	opacity: .85;
}

/* Tıklandıktan sonra yerine geçen çerçeve */
.sv-video iframe {
	display: block;
	width: 100%;
	/* Klasik temanın sabit yüksekliği her iki temada yüklenen style.css'ten
	   geliyor; burada oranın kazanması için sıfırlanıyor. */
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: var(--sv-yuvarlak-o, 12px);
}

.sv-video-not {
	margin: var(--b2, 8px) 0 0;
	font-size: var(--sv-yazi-xs, .75rem);
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-video-acik .sv-video-not { display: none; }

/* Kademe sayfasındaki video bölümü */
.sv-video-bolum {
	margin-top: var(--b6, 24px);
	padding-top: var(--b6, 24px);
	border-top: 1px solid var(--sv-cizgi, #d9dee6);
}

/* Kartın köşesindeki oynat işareti */
.sv-urun-video-isaret {
	position: absolute;
	top: var(--b2, 8px);
	left: var(--b2, 8px);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding-left: 2px;
	border-radius: 50%;
	background: rgba(9, 20, 36, .68);
	color: #fff;
}

/* ==========================================================================
   21. Dijital katalog
   --------------------------------------------------------------------------
   Sayfa çevirmeli katalog. Sayfalar üst üste durur, yalnızca etkin olan
   görünür; çevirme hafif bir üç boyutlu dönüşle olur.
   ========================================================================== */
.sv-katalog-dijital {
	max-width: 980px;
	margin: 0 auto;
}

/* Bölüm atlama düğmeleri */
.sv-kd-bolumler {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--b2, 8px);
	margin-bottom: var(--b5, 20px);
}

.sv-kd-bolum {
	padding: 6px 14px;
	border: 1px solid var(--kademe-ana);
	border-radius: 999px;
	background: transparent;
	color: var(--kademe-ana);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}

.sv-kd-bolum:hover,
.sv-kd-bolum:focus-visible { background: var(--kademe-ana); color: #fff; }

/* Sahne */
.sv-kd-sahne {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--b3, 12px);
	perspective: 1800px;
}

.sv-kd-sayfalar {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	aspect-ratio: 4 / 3;
	transform-style: preserve-3d;
}

.sv-kd-sayfa {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	gap: var(--b6, 24px);
	padding: var(--b6, 24px);
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-b, 18px);
	background: var(--sv-yuzey, #fff);
	box-shadow: 0 10px 30px rgba(9, 20, 36, .12);
	opacity: 0;
	visibility: hidden;
	transform: rotateY(-14deg) translateZ(-40px);
	transform-origin: left center;
	transition: opacity .28s ease, transform .34s cubic-bezier(.22, .8, .3, 1), visibility .34s;
}

.sv-kd-sayfa.aktif {
	opacity: 1;
	visibility: visible;
	transform: rotateY(0) translateZ(0);
	z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
	.sv-kd-sayfa { transition: opacity .15s ease, visibility .15s; transform: none; }
	.sv-kd-sayfa.aktif { transform: none; }
	.sv-kd-bolum { transition: none; }
}

/* Ürün sayfası */
.sv-kd-gorsel {
	flex: 0 0 42%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.sv-kd-gorsel img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border-radius: 2px 6px 6px 2px;
	box-shadow: 0 10px 26px rgba(9, 20, 36, .26);
}

.sv-kd-gorselsiz {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70%;
	padding: var(--b4, 16px);
	border-radius: var(--sv-yuvarlak-o, 12px);
	background: var(--kademe-yumusak);
	color: var(--kademe-koyu);
	font-weight: 700;
	text-align: center;
}

.sv-kd-bilgi { flex: 1 1 auto; min-width: 0; }

.sv-kd-alt {
	margin: 0;
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--kademe-koyu);
}

.sv-kd-baslik {
	margin: var(--b2, 8px) 0 var(--b4, 16px);
	font-size: var(--sv-yazi-xl, 1.5rem);
	line-height: 1.2;
	text-wrap: balance;
}

.sv-kd-link {
	display: inline-flex;
	align-items: center;
	gap: var(--b2, 8px);
	padding: 10px 18px;
	border-radius: 999px;
	background: var(--kademe-ana);
	color: #fff;
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	text-decoration: none;
}

.sv-kd-link:hover,
.sv-kd-link:focus-visible { background: var(--kademe-koyu); color: #fff; }

/* Bölüm ayracı */
.sv-kd-ayrac {
	justify-content: center;
	text-align: center;
	background: linear-gradient(150deg, var(--kademe-ana) 0%, var(--kademe-koyu) 100%);
	border-color: transparent;
	color: #fff;
}

.sv-kd-ayrac-ust {
	display: block;
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	opacity: .8;
}

.sv-kd-ayrac h3 {
	margin: var(--b3, 12px) 0 var(--b2, 8px);
	font-size: var(--sv-yazi-2xl, 2rem);
	color: #fff;
}

.sv-kd-ayrac p { margin: 0; font-size: var(--sv-yazi-m, 1rem); opacity: .88; }

/* Oklar */
.sv-kd-ok {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: 50%;
	background: var(--sv-yuzey, #fff);
	color: var(--sv-metin, #1f2836);
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}

.sv-kd-ok:hover:not(:disabled),
.sv-kd-ok:focus-visible:not(:disabled) { background: var(--sv-vurgu, #0a63b4); color: #fff; }

.sv-kd-ok:disabled { opacity: .35; cursor: default; }

/* Alt çubuk */
.sv-kd-alt-cubuk {
	display: flex;
	align-items: center;
	gap: var(--b4, 16px);
	margin-top: var(--b4, 16px);
}

.sv-kd-sayac {
	margin: 0;
	flex: 0 0 auto;
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-kd-ilerleme {
	flex: 1 1 auto;
	height: 4px;
	border-radius: 999px;
	background: var(--sv-cizgi, #d9dee6);
	overflow: hidden;
}

.sv-kd-ilerleme span {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--sv-vurgu, #0a63b4);
	transition: width .3s ease;
}

.sv-kd-pdf {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: var(--b2, 8px);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	color: var(--sv-vurgu, #0a63b4);
	text-decoration: none;
}

.sv-kd-ipucu {
	margin: var(--b2, 8px) 0 0;
	font-size: var(--sv-yazi-xs, .75rem);
	color: var(--sv-metin-soluk, #5b6675);
	text-align: center;
}

@media (max-width: 767px) {
	.sv-kd-sayfalar { aspect-ratio: 3 / 4; }
	.sv-kd-sayfa { flex-direction: column; gap: var(--b4, 16px); padding: var(--b4, 16px); text-align: center; }
	.sv-kd-gorsel { flex: 0 0 auto; height: 46%; }
	.sv-kd-baslik { font-size: var(--sv-yazi-l, 1.125rem); }
	.sv-kd-ok { width: 38px; height: 38px; }
	.sv-kd-alt-cubuk { flex-wrap: wrap; }
	.sv-kd-pdf { order: 3; width: 100%; justify-content: center; }
}

/* ==========================================================================
   22. Deneme takvimi sayfaları
   --------------------------------------------------------------------------
   Üst menüdeki "Deneme Takvimi" bölümünün kademe sayfaları. Takvim tablosu
   rehber şablonuyla ortak; buradaki kurallar yalnızca sayfaya özgü ekleri
   (kaynak bağlantısı ve diğer kademeler) kapsar.
   ========================================================================== */
.sv-takvim-kaynak {
	margin: var(--b4, 16px) 0 0;
	font-size: var(--sv-yazi-s, .8125rem);
}

.sv-takvim-kaynak a {
	display: inline-flex;
	align-items: center;
	gap: var(--b2, 8px);
	font-weight: 700;
	color: var(--kademe-ana, #0a63b4);
	text-decoration: none;
}

.sv-takvim-kaynak a:hover,
.sv-takvim-kaynak a:focus-visible { text-decoration: underline; }

.sv-takvim-diger {
	margin-top: var(--b10, 40px);
	padding-top: var(--b6, 24px);
	border-top: 1px solid var(--sv-cizgi, #d9dee6);
}

.sv-takvim-diger-baslik {
	margin: 0 0 var(--b4, 16px);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-takvim-diger-liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--b3, 12px);
}

.sv-takvim-diger-liste a {
	display: flex;
	align-items: center;
	gap: var(--b3, 12px);
	padding: var(--b4, 16px);
	border-radius: var(--sv-yuvarlak-o, 12px);
	background: linear-gradient(135deg, var(--kademe-ana) 0%, var(--kademe-koyu) 100%);
	color: #fff;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

.sv-takvim-diger-liste a:hover,
.sv-takvim-diger-liste a:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(9, 20, 36, .2);
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.sv-takvim-diger-liste a { transition: none; }
	.sv-takvim-diger-liste a:hover { transform: none; }
}

.sv-takvim-diger-liste strong {
	display: block;
	font-size: var(--sv-yazi-m, 1rem);
	font-weight: 700;
	line-height: 1.25;
}

.sv-takvim-diger-liste span {
	display: block;
	margin-top: 2px;
	font-size: var(--sv-yazi-xs, .75rem);
	opacity: .85;
}

.sv-takvim-diger-liste a > *:first-child { flex: 1 1 auto; }
.sv-takvim-diger-liste a svg { flex: 0 0 auto; }

/* Kapsam hücresindeki tarih aralığı — kapsam metninin altında, daha soluk */
.sv-takvim-kapsam-tarih {
	display: block;
	margin-top: 2px;
	font-size: var(--sv-yazi-xs, .75rem);
	font-variant-numeric: tabular-nums;
	color: var(--sv-metin-soluk, #5b6675);
	white-space: nowrap;
}

/* ==========================================================================
   23. Kapak mockup
   --------------------------------------------------------------------------
   Mockup görselinde perspektif, sırt, sayfa kenarı ve gölge zaten var. CSS ile
   uygulanan üç boyut efekti üstüne binerse kitap iki kez döner; bu yüzden
   mockup kullanılan yerde o efektler kapatılır.
   ========================================================================== */
.seviye-skin-modern .sv-kitap-mockup {
	max-width: 340px;
	border-radius: 0;
	overflow: visible;
	box-shadow: none;
	transform: none;
}

.seviye-skin-modern .sv-kitap-mockup:hover {
	transform: translateY(-6px);
	box-shadow: none;
}

/* Sırt çizgisi ve parlama katmanları mockup'ta zaten çizili */
.seviye-skin-modern .sv-kitap-mockup::after,
.seviye-skin-modern .sv-kitap-mockup::before { display: none; }

@media (prefers-reduced-motion: reduce) {
	.seviye-skin-modern .sv-kitap-mockup:hover { transform: none; }
}

/* ==========================================================================
   23. Kazanımlar
   --------------------------------------------------------------------------
   Ürün sayfasındaki "Kazanımlar" sekmesi ve kazanım arşivi. Kod sütunu
   tabular-nums ile hizalanır; kodlar alt alta okunabilir olmalı.
   ========================================================================== */
.sv-kazanim-ozet {
	margin: 0 0 var(--b4, 16px);
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-kazanim-tablo {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--sv-yazi-s, .8125rem);
}

.sv-kazanim-tablo th,
.sv-kazanim-tablo td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--sv-cizgi, #d9dee6);
	text-align: left;
	vertical-align: top;
}

.sv-kazanim-tablo thead th {
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sv-metin-soluk, #5b6675);
	border-bottom-width: 2px;
}

.sv-kazanim-tablo tbody tr:last-child td { border-bottom: 0; }

.sv-kazanim-kod {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--kademe-koyu, #07508f);
}

.sv-kazanim-bolum {
	white-space: nowrap;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-kazanim-tablo a { color: var(--sv-metin, #1f2836); text-decoration: none; }
.sv-kazanim-tablo a:hover,
.sv-kazanim-tablo a:focus-visible { color: var(--kademe-ana, #0a63b4); text-decoration: underline; }

.sv-kazanim-not {
	margin: var(--b3, 12px) 0 0;
	font-size: var(--sv-yazi-xs, .75rem);
	color: var(--sv-metin-soluk, #5b6675);
}

/* Kazanım arşivindeki kod rozeti */
.sv-kazanim-rozet {
	display: inline-block;
	margin: 0 0 var(--b4, 16px);
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--sv-zemin-alt, #f1f4f8);
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: .04em;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-kazanim-nerede { margin-top: var(--b8, 32px); }

@media (max-width: 599px) {
	.sv-kazanim-bolum { white-space: normal; }
}

/* ==========================================================================
   23. Yazılar
   --------------------------------------------------------------------------
   Veli rehberi, sınav rehberi, eğitim yazıları ve duyurular tek akışta;
   ayıran şey kategori ve onun kademe rengi. Katalogla aynı görsel dil.
   ========================================================================== */
.sv-yazi-suzgec {
	display: flex;
	flex-wrap: wrap;
	gap: var(--b2, 8px);
	margin-bottom: var(--b6, 24px);
}

.sv-yazi-suzgec a {
	padding: 7px 15px;
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: 999px;
	color: var(--sv-metin-soluk, #5b6675);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 600;
	text-decoration: none;
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.sv-yazi-suzgec a:hover,
.sv-yazi-suzgec a:focus-visible {
	border-color: var(--kademe-ana, var(--sv-vurgu, #0a63b4));
	color: var(--kademe-ana, var(--sv-vurgu, #0a63b4));
}

.sv-yazi-suzgec a.etkin {
	background: var(--kademe-ana, var(--sv-lacivert, #12395c));
	border-color: transparent;
	color: #fff;
}

.sv-yazi-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--b5, 20px);
}

.sv-yazi-kart {
	display: flex;
	flex-direction: column;
	background: var(--sv-yuzey, #fff);
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-b, 18px);
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease;
}

.sv-yazi-kart:hover { box-shadow: 0 12px 32px rgba(9, 20, 36, .12); transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce) {
	.sv-yazi-kart, .sv-yazi-suzgec a { transition: none; }
	.sv-yazi-kart:hover { transform: none; }
}

.sv-yazi-gorsel { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--kademe-yumusak, #eef2f7); }
.sv-yazi-gorsel img { width: 100%; height: 100%; object-fit: cover; }

.sv-yazi-govde { display: flex; flex-direction: column; gap: var(--b2, 8px); padding: var(--b5, 20px); }

.sv-yazi-kategori {
	align-self: flex-start;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--kademe-yumusak, #eef2f7);
	color: var(--kademe-koyu, #07508f);
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
}

.sv-yazi-baslik { margin: 0; font-size: var(--sv-yazi-l, 1.125rem); font-weight: 700; line-height: 1.3; text-wrap: balance; }
.sv-yazi-baslik a { color: var(--sv-metin, #1f2836); text-decoration: none; }
.sv-yazi-baslik a:hover { color: var(--kademe-ana, #0a63b4); }

.sv-yazi-ozet { margin: 0; font-size: var(--sv-yazi-s, .8125rem); line-height: 1.55; color: var(--sv-metin-soluk, #5b6675); }

.sv-yazi-meta,
.sv-yazi-ust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--b2, 8px);
	margin: 0;
	font-size: var(--sv-yazi-xs, .75rem);
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-yazi-meta { margin-top: auto; padding-top: var(--b2, 8px); }

/* --- Tekil yazı --- */
.sv-yazi-tekil .sv-okuma { max-width: 68ch; margin-inline: auto; }
.sv-yazi-ust { margin-bottom: var(--b4, 16px); }
.sv-yazi-kapak { margin: 0 0 var(--b6, 24px); border-radius: var(--sv-yuvarlak-b, 18px); overflow: hidden; }
.sv-yazi-kapak img { display: block; width: 100%; height: auto; }

.sv-yazi-urunler {
	margin-top: var(--b10, 40px);
	padding-top: var(--b6, 24px);
	border-top: 1px solid var(--sv-cizgi, #d9dee6);
}

.sv-yazi-urunler-baslik {
	margin: 0 0 var(--b4, 16px);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-yazi-benzer { padding-top: 0; }

/* ==========================================================================
   24. Terim sözlüğü
   ========================================================================== */
.sv-sozluk { max-width: 820px; margin-inline: auto; }

.sv-sozluk-arac {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--b3, 12px);
	margin-bottom: var(--b5, 20px);
}

.sv-sozluk-ara {
	flex: 1 1 260px;
	min-width: 0;
	padding: 11px 15px;
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: var(--sv-yuzey, #fff);
	color: var(--sv-metin, #1f2836);
	font: inherit;
	font-size: var(--sv-yazi-m, 1rem);
}

.sv-sozluk-sayac {
	margin: 0;
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
	font-variant-numeric: tabular-nums;
}

.sv-sozluk-harfler {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: var(--b6, 24px);
	padding-bottom: var(--b4, 16px);
	border-bottom: 1px solid var(--sv-cizgi, #d9dee6);
}

.sv-sozluk-harfler a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 7px;
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: var(--sv-zemin-alt, #f1f4f8);
	color: var(--sv-metin, #1f2836);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	text-decoration: none;
}

.sv-sozluk-harfler a:hover,
.sv-sozluk-harfler a:focus-visible { background: var(--sv-vurgu, #0a63b4); color: #fff; }

.sv-sozluk-grup { scroll-margin-top: 80px; }

.sv-sozluk-harf {
	margin: var(--b6, 24px) 0 var(--b3, 12px);
	font-size: var(--sv-yazi-xl, 1.5rem);
	color: var(--sv-vurgu, #0a63b4);
}

.sv-sozluk-liste { margin: 0; }

.sv-sozluk-oge {
	padding: var(--b4, 16px) 0;
	border-top: 1px solid var(--sv-cizgi, #d9dee6);
}

.sv-sozluk-oge dt {
	margin: 0 0 4px;
	font-size: var(--sv-yazi-m, 1rem);
	font-weight: 700;
	color: var(--sv-metin, #1f2836);
}

.sv-sozluk-oge dd { margin: 0; color: var(--sv-metin-soluk, #5b6675); }
.sv-sozluk-oge dd p { margin: 0 0 8px; }
.sv-sozluk-oge dd p:last-child { margin-bottom: 0; }

.sv-sozluk-bos {
	padding: var(--b8, 32px);
	background: var(--sv-zemin-alt, #f1f4f8);
	border-radius: var(--sv-yuvarlak-o, 12px);
	text-align: center;
	color: var(--sv-metin-soluk, #5b6675);
}

/* ==========================================================================
   25. Sınav sistemi şeması
   --------------------------------------------------------------------------
   Yol, ilkokuldan üniversiteye doğru akar. Kademeler yumuşak zeminli,
   sınavlar dolu renkli — hangisinin durak hangisinin eşik olduğu renkten
   okunur, ayrıca etiketle de yazılır (renk tek başına bilgi taşımasın).
   ========================================================================== */
.sv-sema { max-width: 900px; margin-inline: auto; }

.sv-sema-yol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sv-sema-durak { position: relative; padding-left: 34px; padding-bottom: var(--b5, 20px); }

/* Durakları birbirine bağlayan dikey çizgi */
.sv-sema-durak::before {
	content: "";
	position: absolute;
	left: 11px;
	top: 22px;
	bottom: -6px;
	width: 2px;
	background: var(--sv-cizgi, #d9dee6);
}

.sv-sema-durak:last-child::before { display: none; }

/* Yoldaki nokta */
.sv-sema-durak::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 14px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--kademe-ana);
	box-shadow: 0 0 0 4px var(--sv-zemin, #f6f8fa);
}

.sv-sema-kart {
	padding: var(--b5, 20px);
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-b, 18px);
	background: var(--sv-yuzey, #fff);
}

.sv-sema-sinav .sv-sema-kart {
	background: linear-gradient(150deg, var(--kademe-ana) 0%, var(--kademe-koyu) 100%);
	border-color: transparent;
	color: #fff;
}

.sv-sema-tur {
	display: inline-block;
	margin-bottom: var(--b2, 8px);
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--kademe-yumusak);
	color: var(--kademe-koyu);
	font-size: var(--sv-yazi-xs, .75rem);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.sv-sema-sinav .sv-sema-tur { background: rgba(255, 255, 255, .2); color: #fff; }

.sv-sema-kart h3 {
	margin: 0;
	font-size: var(--sv-yazi-xl, 1.5rem);
	line-height: 1.2;
}

.sv-sema-sinav .sv-sema-kart h3 { color: #fff; }

.sv-sema-alt {
	margin: 2px 0 var(--b3, 12px);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 600;
	color: var(--kademe-koyu);
}

.sv-sema-sinav .sv-sema-alt { color: rgba(255, 255, 255, .85); }

.sv-sema-metin { margin: 0; line-height: 1.55; color: var(--sv-metin-soluk, #5b6675); }
.sv-sema-sinav .sv-sema-metin { color: rgba(255, 255, 255, .92); }

.sv-sema-dallar {
	margin: var(--b4, 16px) 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--b2, 8px);
}

.sv-sema-dallar li {
	padding: var(--b3, 12px) var(--b4, 16px);
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: rgba(255, 255, 255, .16);
	font-size: var(--sv-yazi-s, .8125rem);
	line-height: 1.5;
}

.sv-sema-dallar strong { display: inline-block; min-width: 42px; font-weight: 800; }

.sv-sema-link {
	display: inline-flex;
	align-items: center;
	gap: var(--b2, 8px);
	margin-top: var(--b4, 16px);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	color: var(--kademe-ana);
	text-decoration: none;
}

.sv-sema-sinav .sv-sema-link { color: #fff; text-decoration: underline; }
.sv-sema-link:hover { text-decoration: underline; }

.sv-sema-not {
	margin-top: var(--b6, 24px);
	padding: var(--b4, 16px) var(--b5, 20px);
	border-left: 3px solid var(--sv-cizgi, #d9dee6);
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
}

@media (min-width: 900px) {
	.sv-sema-dallar { grid-template-columns: 1fr 1fr; }
}

/* ==========================================================================
   26. Araçlar: yayın seçici ve net hesaplayıcı
   ========================================================================== */
.sv-secici, .sv-net { max-width: 760px; margin-inline: auto; }

/* --- Yayın seçici --- */
.sv-secici-adimlar {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: var(--b3, 12px);
	margin: 0 0 var(--b6, 24px);
	padding: 0;
}

.sv-secici-adimlar li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px; height: 30px;
	border-radius: 50%;
	background: var(--sv-zemin-alt, #f1f4f8);
	color: var(--sv-metin-soluk, #5b6675);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.sv-secici-adimlar li.etkin span { background: var(--sv-vurgu, #0a63b4); color: #fff; }
.sv-secici-adimlar li.tamam span { background: var(--sv-basari, #1e7a45); color: #fff; }

.sv-secici-adim { border: 0; margin: 0; padding: 0; }
.sv-secici-adim[hidden] { display: none; }

.sv-secici-soru {
	display: block;
	padding: 0;
	font-family: var(--sv-baslik-font, inherit);
	font-size: var(--sv-yazi-xl, 1.5rem);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-wrap: balance;
}

.sv-secici-yardim {
	margin: var(--b2, 8px) 0 var(--b5, 20px);
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
	text-align: center;
}

.sv-secici-secenekler {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--b3, 12px);
}

.sv-secici-sec {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: var(--b4, 16px);
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-o, 12px);
	background: var(--sv-yuzey, #fff);
	color: var(--sv-metin, #1f2836);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.sv-secici-sec:hover,
.sv-secici-sec:focus-visible {
	border-color: var(--kademe-ana, var(--sv-vurgu, #0a63b4));
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(9, 20, 36, .1);
}

.sv-secici-sec.renkli { border-left: 4px solid var(--kademe-ana); }
.sv-secici-sec strong { font-size: var(--sv-yazi-m, 1rem); font-weight: 700; }
.sv-secici-sec span { font-size: var(--sv-yazi-s, .8125rem); color: var(--sv-metin-soluk, #5b6675); }

.sv-secici-geri {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: var(--b4, 16px);
	padding: 0;
	border: 0;
	background: none;
	color: var(--sv-metin-soluk, #5b6675);
	font: inherit;
	font-size: var(--sv-yazi-s, .8125rem);
	cursor: pointer;
}

.sv-secici-geri:hover { color: var(--sv-vurgu, #0a63b4); }

@media (prefers-reduced-motion: reduce) {
	.sv-secici-sec { transition: none; }
	.sv-secici-sec:hover { transform: none; }
}

/* --- Net hesaplayıcı --- */
.sv-net-sekmeler { display: flex; gap: var(--b2, 8px); margin-bottom: var(--b5, 20px); }

.sv-net-sekme {
	flex: 1 1 0;
	padding: 11px 16px;
	border: 1px solid var(--sv-cizgi, #d9dee6);
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: var(--sv-yuzey, #fff);
	color: var(--sv-metin, #1f2836);
	font: inherit; font-weight: 700;
	cursor: pointer;
}

.sv-net-sekme.etkin { background: var(--kademe-ana); border-color: transparent; color: #fff; }
.sv-net-panel[hidden] { display: none; }

.sv-net-kural {
	margin: 0 0 var(--b4, 16px);
	padding: var(--b3, 12px) var(--b4, 16px);
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: var(--kademe-yumusak);
	color: var(--kademe-koyu);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 600;
}

.sv-net-tablo { width: 100%; border-collapse: collapse; }
.sv-net-tablo th, .sv-net-tablo td { padding: 10px 8px; border-bottom: 1px solid var(--sv-cizgi, #d9dee6); text-align: left; }
.sv-net-tablo thead th { font-size: var(--sv-yazi-xs, .75rem); text-transform: uppercase; letter-spacing: .05em; color: var(--sv-metin-soluk, #5b6675); }
.sv-net-tablo tbody th { font-weight: 600; }
.sv-net-soru { display: block; font-size: var(--sv-yazi-xs, .75rem); font-weight: 400; color: var(--sv-metin-soluk, #5b6675); }
.sv-net-tablo input { width: 72px; padding: 7px 9px; border: 1px solid var(--sv-cizgi, #d9dee6); border-radius: 6px; background: var(--sv-yuzey, #fff); color: var(--sv-metin, #1f2836); font: inherit; }
.sv-net-tablo tr.hatali input { border-color: var(--sv-hata, #b23a2e); background: var(--sv-hata-yumusak, #fbeae8); }
.sv-net-sonuc { font-weight: 700; font-variant-numeric: tabular-nums; }
.sv-net-buyuk { font-size: var(--sv-yazi-l, 1.125rem); color: var(--kademe-ana); }
.sv-net-tablo tfoot th, .sv-net-tablo tfoot td { border-bottom: 0; border-top: 2px solid var(--sv-metin, #1f2836); font-weight: 700; font-variant-numeric: tabular-nums; }

.sv-net-uyari {
	margin: var(--b3, 12px) 0 0;
	padding: var(--b3, 12px) var(--b4, 16px);
	border-radius: var(--sv-yuvarlak-k, 8px);
	background: var(--sv-hata-yumusak, #fbeae8);
	color: var(--sv-hata, #b23a2e);
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 600;
}

.sv-net-not {
	margin-top: var(--b6, 24px);
	padding: var(--b5, 20px);
	border-left: 3px solid var(--sv-cizgi, #d9dee6);
	font-size: var(--sv-yazi-s, .8125rem);
	color: var(--sv-metin-soluk, #5b6675);
}

.sv-net-not p { margin: 0 0 10px; }
.sv-net-not p:last-child { margin-bottom: 0; }

/* ==========================================================================
   27. WhatsApp düğmesi
   --------------------------------------------------------------------------
   Sabit ama baskın değil. Mobilde alt çubuğun üstüne oturur ki
   "Örnek iste" düğmesini kapatmasın.
   ========================================================================== */
.sv-whatsapp {
	position: fixed;
	right: var(--b5, 20px);
	bottom: var(--b5, 20px);
	z-index: 850;
	display: inline-flex;
	align-items: center;
	gap: var(--b2, 8px);
	padding: 11px 18px 11px 14px;
	border-radius: 999px;
	background: #128c7e;
	color: #fff;
	font-size: var(--sv-yazi-s, .8125rem);
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 6px 20px rgba(18, 140, 126, .38);
	transition: transform .18s ease, box-shadow .18s ease;
}

.sv-whatsapp:hover,
.sv-whatsapp:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(18, 140, 126, .48);
}

@media (prefers-reduced-motion: reduce) {
	.sv-whatsapp { transition: none; }
	.sv-whatsapp:hover { transform: none; }
}

@media (max-width: 991px) {
	.sv-whatsapp {
		bottom: calc(var(--b5, 20px) + 58px);
		padding: 11px 14px;
	}
	.sv-whatsapp span { display: none; }
}

/* Mobil menüde üçüncü düzey: bir kademe daha girintili */
.sv-mobil-liste .sub-menu .sub-menu {
	margin-left: var(--b3, 12px);
	border-left-color: var(--sv-zemin-alt, #f1f4f8);
}
.sv-mobil-liste .sub-menu .sub-menu a { font-size: var(--sv-yazi-xs, .75rem); }