/* ==========================================================================
   Seviye Yayınları — Modern Görünüm Katmanı
   --------------------------------------------------------------------------
   Bu dosya HTML yapısını DEĞİŞTİRMEZ. Orijinal siteyle birebir aynı kalıp
   (header → slider → hızlı menü + hakkımızda → alt slider → kademe kutuları →
   yayın arama → alt menü → footer) korunur; yalnızca görsel dil yenilenir.

   İçindekiler
   1.  Tasarım belirteçleri (renk, tipografi, gölge, yarıçap)
   2.  Temel tipografi ve zemin
   3.  Üst bilgi (logo, sosyal, menü, arama)
   4.  Sağ sabit giriş butonları
   5.  Mobil bar ve açılır menü
   6.  Slider (üst / alt)
   7.  Hızlı menü kartı
   8.  Hakkımızda / sayfa içerik kartı
   9.  Eğitim kademesi kutuları
   10. Yayın arama formu
   11. Ürün kartları, yan menü, ürün detayı
   12. Formlar ve bildirimler
   13. İletişim sayfası
   14. Alt bilgi
   15. Duyarlı düzen
   ========================================================================== */

/* ---------- 1. Tasarım belirteçleri ---------- */
.seviye-skin-modern {
	--sv-blue:        #0a6abf;
	--sv-blue-600:    #0857a0;
	--sv-blue-800:    #06345f;
	--sv-blue-050:    #eaf3fc;
	--sv-orange:      #f58220;
	--sv-orange-600:  #d96b12;
	--sv-orange-050:  #fef3e8;

	--sv-ink:         #10233b;
	--sv-body:        #4a5c73;
	--sv-muted:       #5f7186;
	--sv-line:        #e3eaf3;
	--sv-surface:     #ffffff;
	--sv-bg:          #f5f8fc;

	--sv-r:           16px;
	--sv-r-sm:        10px;
	--sv-r-pill:      999px;

	--sv-shadow:      0 1px 2px rgba(16,35,59,.05), 0 8px 24px rgba(16,35,59,.06);
	--sv-shadow-lg:   0 2px 6px rgba(16,35,59,.06), 0 20px 48px rgba(16,35,59,.13);
	--sv-shadow-sm:   0 1px 3px rgba(16,35,59,.08);

	--sv-font:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--sv-font-head:   'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--sv-ease:        cubic-bezier(.2, .7, .3, 1);
}

/* ---------- 2. Temel tipografi ve zemin ---------- */
.seviye-skin-modern,
.seviye-skin-modern body {
	background: var(--sv-bg);
	font-family: var(--sv-font);
	color: var(--sv-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;
}

.seviye-skin-modern a { color: var(--sv-blue); transition: color .18s var(--sv-ease); }
.seviye-skin-modern a:hover { color: var(--sv-orange); }
.seviye-skin-modern :focus-visible { outline: 3px solid var(--sv-orange); outline-offset: 2px; border-radius: 4px; }

.seviye-skin-modern .header-full { margin-bottom: 0; background: var(--sv-surface); }

/* ---------- 3. Üst bilgi ---------- */
.seviye-skin-modern .header {
	position: relative;
	margin-left: 0;
	height: auto;
	background: var(--sv-surface);
	border-bottom: 1px solid var(--sv-line);
	box-shadow: 0 1px 0 rgba(16,35,59,.03);
	z-index: 900;
}
.seviye-skin-modern .header-container { margin-left: 0; padding: 0; }

/* Üst şerit: logo + sosyal + arama tek satırda */
.seviye-skin-modern .header-container > .container:first-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	padding-top: 16px;
	padding-bottom: 0;
}
.seviye-skin-modern .header-ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	float: none;
	width: 100%;
	padding-bottom: 14px;
}
.seviye-skin-modern .header-ust > .col-lg-3 {
	width: auto;
	float: none;
	padding: 0;
}
.seviye-skin-modern .header-ust img { max-height: 54px; width: auto; }
.seviye-skin-modern .sosyal { padding-top: 0; width: auto; }
.seviye-skin-modern .sosyal > div { float: none !important; width: auto !important; display: flex; gap: 8px; }

.seviye-skin-modern .facebook,
.seviye-skin-modern .twitter,
.seviye-skin-modern .instagram,
.seviye-skin-modern .youtube {
	float: none;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--sv-r-pill);
	background: var(--sv-blue-050);
	color: var(--sv-blue);
	font-size: 16px;
	transition: transform .2s var(--sv-ease), background .2s var(--sv-ease), color .2s var(--sv-ease);
}
.seviye-skin-modern .sosyal a:hover .facebook,
.seviye-skin-modern .sosyal a:hover .twitter,
.seviye-skin-modern .sosyal a:hover .instagram,
.seviye-skin-modern .sosyal a:hover .youtube {
	background: var(--sv-blue);
	color: #fff;
	transform: translateY(-2px);
}

/* Ana menü */
.seviye-skin-modern .header-alt {
	float: none;
	width: 100%;
	border-top: 1px solid var(--sv-line);
}
.seviye-skin-modern .header-alt ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	padding-top: 0;
}
.seviye-skin-modern .header-alt ul li { float: none; margin: 0; }
.seviye-skin-modern .header-alt ul li a {
	position: relative;
	display: block;
	padding: 16px 14px;
	font-family: var(--sv-font-head);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .04em;
	color: var(--sv-ink);
	border-radius: var(--sv-r-sm) var(--sv-r-sm) 0 0;
	transition: color .18s var(--sv-ease), background .18s var(--sv-ease);
}
.seviye-skin-modern .header-alt ul li a::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--sv-orange);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .22s var(--sv-ease);
}
.seviye-skin-modern .header-alt ul li a:hover { color: var(--sv-blue); background: var(--sv-blue-050); }
.seviye-skin-modern .header-alt ul li a:hover::after,
.seviye-skin-modern .header-alt ul li.current-menu-item > a::after,
.seviye-skin-modern .header-alt ul li.current_page_item > a::after { transform: scaleX(1); }
.seviye-skin-modern .header-alt ul li.current-menu-item > a,
.seviye-skin-modern .header-alt ul li.current_page_item > a { color: var(--sv-blue); }

/* --- Açılır alt menü ---
   Menü büyüdükçe üst satır sarmaya başlıyordu; ikinci düzey artık üstüne
   gelince açılan bir kutuda duruyor. Klavyeyle de erişilir (focus-within). */
.seviye-skin-modern .header-alt ul li.menu-item-has-children { position: relative; }

.seviye-skin-modern .header-alt ul li.menu-item-has-children > a { padding-right: 28px; }

/* Küçük ok işareti — altında bir şey olduğunu gösterir */
.seviye-skin-modern .header-alt ul li.menu-item-has-children > a::before {
	content: "";
	position: absolute;
	right: 13px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: .55;
	transition: transform .18s var(--sv-ease), opacity .18s var(--sv-ease);
}

.seviye-skin-modern .header-alt ul li.menu-item-has-children:hover > a::before,
.seviye-skin-modern .header-alt ul li.menu-item-has-children:focus-within > a::before {
	opacity: 1;
	transform: rotate(225deg) translate(-3px, -3px);
}

.seviye-skin-modern .header-alt ul li .sub-menu {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 60;
	min-width: 210px;
	margin: 0;
	padding: 6px;
	gap: 0;
	background: var(--sv-surface, #fff);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-md);
	box-shadow: 0 14px 34px rgba(9, 20, 36, .16);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .16s var(--sv-ease), transform .16s var(--sv-ease), visibility .16s;
}

.seviye-skin-modern .header-alt ul li.menu-item-has-children:hover > .sub-menu,
.seviye-skin-modern .header-alt ul li.menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.seviye-skin-modern .header-alt ul li .sub-menu li { width: 100%; }

.seviye-skin-modern .header-alt ul li .sub-menu li a {
	padding: 10px 12px;
	border-radius: var(--sv-r-sm);
	font-size: 13px;
	white-space: nowrap;
}

.seviye-skin-modern .header-alt ul li .sub-menu li a::after { display: none; }

@media (prefers-reduced-motion: reduce) {
	.seviye-skin-modern .header-alt ul li .sub-menu { transition: none; }
	.seviye-skin-modern .header-alt ul li.menu-item-has-children > a::before { transition: none; }
}

/* Üçüncü düzey: kendi ebeveyninin sağına açılır.
   Menü sekiz üst öğeye çıkınca satır sarıyordu; rehber içerikleri tek başlık
   altında toplanınca üçüncü düzey gerekti (Rehber → Deneme Takvimi → Ortaokul). */
.seviye-skin-modern .header-alt ul li .sub-menu li.menu-item-has-children { position: relative; }

.seviye-skin-modern .header-alt ul li .sub-menu li.menu-item-has-children > a::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	opacity: .5;
	background: none;
	border-radius: 0;
	left: auto;
	transition: none;
}

.seviye-skin-modern .header-alt ul li .sub-menu li.menu-item-has-children > a { padding-right: 28px; }

.seviye-skin-modern .header-alt ul li .sub-menu .sub-menu {
	top: -6px;
	left: 100%;
	margin-left: 2px;
}

.seviye-skin-modern .header-alt ul li .sub-menu li.menu-item-has-children:hover > .sub-menu,
.seviye-skin-modern .header-alt ul li .sub-menu li.menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Ekranın sağına taşarsa sola açılır. */
@media (max-width: 1100px) {
	.seviye-skin-modern .header-alt ul li .sub-menu .sub-menu { left: auto; right: 100%; margin: 0 2px 0 0; }
}

/* "SEVİYE DİJİTAL" gibi vurgulu bağlantı: rozet görünümü */
.seviye-skin-modern .header-alt ul li.vurgulu a {
	color: #fff !important;
	font-size: 13px !important;
	background: linear-gradient(135deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%);
	border-radius: var(--sv-r-pill);
	padding: 10px 18px;
	margin: 0 6px;
	box-shadow: 0 4px 14px rgba(245,130,32,.32);
}
.seviye-skin-modern .header-alt ul li.vurgulu a::after { display: none; }
.seviye-skin-modern .header-alt ul li.vurgulu a:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(245,130,32,.42); }

/* Arama kutusu — DOM'da menünün altındaki ayrı kapsayıcıdadır;
   yapıyı bozmadan menü satırının sağ ucuna hizalanır. Ayrılan pay kutunun
   gerçek genişliği (260px) artı 16px boşluktur; fazlası menüyü erken sardırır. */
.seviye-skin-modern .header-alt ul { padding-right: 276px; }
.seviye-skin-modern .header-container > .container:last-child {
	margin-top: -54px;
	padding-bottom: 4px;
	position: relative;
	z-index: 5;
}
.seviye-skin-modern .header-container > .container:last-child > div {
	float: none !important;
	display: flex;
	justify-content: flex-end;
}
.seviye-skin-modern #wrap {
	position: static;
	top: auto;
	left: auto;
	height: auto;
	margin-left: auto;
}
.seviye-skin-modern #wrap form {
	display: flex;
	align-items: center;
	gap: 6px;
	background: var(--sv-bg);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	padding: 4px 4px 4px 16px;
	width: 260px;
	transition: border-color .2s var(--sv-ease), box-shadow .2s var(--sv-ease), width .25s var(--sv-ease);
}
.seviye-skin-modern #wrap form:focus-within {
	width: 320px;
	background: #fff;
	border-color: var(--sv-blue);
	box-shadow: 0 0 0 4px var(--sv-blue-050);
}
.seviye-skin-modern #wrap input[type="text"] {
	flex: 1;
	min-width: 0;
	border: 0;
	background: none;
	padding: 8px 0;
	font-size: 14px;
	font-family: var(--sv-font);
	color: var(--sv-ink);
	position: static;
	width: auto;
	height: auto;
	box-shadow: none;
}
.seviye-skin-modern #wrap input[type="text"]:focus { outline: none; }
.seviye-skin-modern #wrap input[type="submit"] {
	position: static;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	border: 0;
	border-radius: var(--sv-r-pill);
	background: var(--sv-orange) url(../images/search.png) no-repeat center / 16px 16px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	transition: background-color .18s var(--sv-ease), transform .18s var(--sv-ease);
}
.seviye-skin-modern #wrap input[type="submit"]:hover { background-color: var(--sv-orange-600); transform: scale(1.05); }

/* ---------- 4. Sağ sabit giriş butonları ---------- */
.seviye-skin-modern .bayi-button,
.seviye-skin-modern .kurumsal-button {
	border-radius: var(--sv-r-sm) 0 0 var(--sv-r-sm);
	box-shadow: -4px 0 18px rgba(16,35,59,.16);
	transition: transform .2s var(--sv-ease), box-shadow .2s var(--sv-ease);
}
.seviye-skin-modern .bayi-button:hover,
.seviye-skin-modern .kurumsal-button:hover { transform: translateX(-3px); box-shadow: -8px 0 24px rgba(16,35,59,.22); }

/* ---------- 5. Mobil bar ve açılır menü ---------- */
.seviye-skin-modern .mobilbar {
	background: var(--sv-surface);
	border-bottom: 1px solid var(--sv-line);
	box-shadow: 0 2px 14px rgba(16,35,59,.06);
}
.seviye-skin-modern .mobilmenuicon { color: var(--sv-ink); }
.seviye-skin-modern .menukapat { background: var(--sv-orange) !important; }

/* ---------- 6. Slider ---------- */
.seviye-skin-modern .bxslider li { position: relative; }
.seviye-skin-modern .bxslider li::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(6,52,95,.72) 0%, rgba(6,52,95,.35) 42%, rgba(6,52,95,0) 72%);
	pointer-events: none;
}
.seviye-skin-modern .slider-yazi { margin-top: 0; top: 50%; transform: translateY(-50%); }
.seviye-skin-modern .slider-baslik-short {
	font-family: var(--sv-font-head);
	font-style: normal;
	font-weight: 800;
	font-size: 44px;
	line-height: 1.12;
	letter-spacing: -.02em;
	margin-top: 0;
	max-width: 620px;
	text-shadow: 0 2px 24px rgba(6,52,95,.4);
}
.seviye-skin-modern .slider-bottom {
	font-family: var(--sv-font);
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255,255,255,.92);
	max-width: 520px;
}
.seviye-skin-modern .slider-top { margin-bottom: 14px; }

.seviye-skin-modern .bx-wrapper { border: 0; box-shadow: none; margin-bottom: 0; background: transparent; }
.seviye-skin-modern .bxslider2 + .bx-controls,
.seviye-skin-modern .bx-wrapper .bx-controls-direction a {
	width: 44px;
	height: 44px;
	border-radius: var(--sv-r-pill);
	background: rgba(255,255,255,.9);
	backdrop-filter: blur(6px);
	box-shadow: var(--sv-shadow-sm);
	text-indent: -9999px;
	transition: background .18s var(--sv-ease), transform .18s var(--sv-ease);
}
.seviye-skin-modern .bx-wrapper .bx-controls-direction a:hover { background: #fff; transform: scale(1.06); }
.seviye-skin-modern .bx-wrapper .bx-controls-direction a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--sv-blue-800);
	border-right: 2px solid var(--sv-blue-800);
	text-indent: 0;
}
.seviye-skin-modern .bx-wrapper .bx-prev::before { transform: translate(-30%, -50%) rotate(-135deg); }
.seviye-skin-modern .bx-wrapper .bx-next::before { transform: translate(-70%, -50%) rotate(45deg); }

/* Alt slider: kart görünümü */
.seviye-skin-modern .bxslider2 img { border-radius: var(--sv-r); }
.seviye-skin-modern .bxslider2 + .bx-viewport,
.seviye-skin-modern .bxslider2 .bx-viewport { border-radius: var(--sv-r); }

/* ---------- 7. Hızlı menü kartı ---------- */
.seviye-skin-modern .h-menu {
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow);
	padding: 0 0 8px;
	overflow: hidden;
	margin-top: 24px;
	margin-bottom: 24px;
}
.seviye-skin-modern .h-menu-baslik {
	font-family: var(--sv-font-head);
	font-weight: 800;
	font-size: 16px;
	letter-spacing: .02em;
	color: #fff;
	background: linear-gradient(135deg, var(--sv-blue) 0%, var(--sv-blue-600) 100%);
	padding: 16px 20px;
	margin: 0;
	text-align: left;
}
.seviye-skin-modern .h-menu-cizgi { display: none; }
.seviye-skin-modern .h-menu-list { padding: 8px; background: transparent; }
.seviye-skin-modern .h-menu-list ul { margin: 0; }
.seviye-skin-modern .h-menu-list ul li {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--sv-line);
	margin: 0;
	padding: 0;
	color: var(--sv-ink);
	font-family: var(--sv-font);
	font-weight: 500;
	font-size: 14px;
	transition: background .18s var(--sv-ease);
}
.seviye-skin-modern .h-menu-list ul li:last-child { border-bottom: 0; }
.seviye-skin-modern .h-menu-list ul li:hover { background: transparent; }
.seviye-skin-modern .h-menu-list ul li:hover a { color: var(--sv-blue); }
.seviye-skin-modern .h-menu-list ul li > a,
.seviye-skin-modern .h-menu-list ul li > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 12px;
	font-family: var(--sv-font);
	font-size: 14px;
	font-weight: 500;
	color: var(--sv-ink);
	border-radius: var(--sv-r-sm);
	transition: background .18s var(--sv-ease), color .18s var(--sv-ease), padding-left .18s var(--sv-ease);
}
.seviye-skin-modern .h-menu-list ul li > a:hover,
.seviye-skin-modern .h-menu-list ul li > div:hover {
	background: var(--sv-blue-050);
	color: var(--sv-blue);
	padding-left: 18px;
	text-decoration: none;
}
.seviye-skin-modern .h-menu-list ul li i {
	float: none;
	margin-top: 0;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--sv-r-pill);
	background: var(--sv-orange-050);
	color: var(--sv-orange);
	font-size: 14px;
	transition: background .18s var(--sv-ease), color .18s var(--sv-ease);
}
.seviye-skin-modern .h-menu-list ul li > a:hover i,
.seviye-skin-modern .h-menu-list ul li > div:hover i { background: var(--sv-orange); color: #fff; }

/* ---------- 8. İçerik kartı ---------- */
.seviye-skin-modern .container > .row[style*="eaeaea"] { background: transparent !important; display: flex; flex-wrap: wrap; gap: 0; }
.seviye-skin-modern .hakkimizda {
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow);
	padding: 28px 32px;
	margin-top: 24px;
	margin-bottom: 24px;
}
.seviye-skin-modern .hak-baslik {
	font-family: var(--sv-font-head);
	font-weight: 800;
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: -.015em;
	color: var(--sv-ink);
}
.seviye-skin-modern .hak-cizgi {
	width: 56px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%);
	margin: 14px 0 20px;
}
.seviye-skin-modern .hak-yazi,
.seviye-skin-modern .seviye-icerik {
	font-family: var(--sv-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.75;
	color: var(--sv-body);
}
.seviye-skin-modern .hak-yazi p { margin-bottom: 14px; }
.seviye-skin-modern .hak-yazi a { color: var(--sv-orange); font-weight: 600; }

/* ---------- 9. Eğitim kademesi kutuları ---------- */
.seviye-skin-modern .okul-oncesi,
.seviye-skin-modern .ilk-okul,
.seviye-skin-modern .teog,
.seviye-skin-modern .orta-okul-lise,
.seviye-skin-modern .kpss {
	position: relative;
	height: 220px;
	border-radius: var(--sv-r);
	overflow: hidden;
	box-shadow: var(--sv-shadow);
	background-size: auto 92%;
	background-position: right bottom;
	transition: transform .28s var(--sv-ease), box-shadow .28s var(--sv-ease);
}
.seviye-skin-modern .okul-oncesi::before,
.seviye-skin-modern .ilk-okul::before,
.seviye-skin-modern .teog::before,
.seviye-skin-modern .orta-okul-lise::before,
.seviye-skin-modern .kpss::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(6,52,95,.30) 0%, rgba(6,52,95,0) 55%);
}
.seviye-skin-modern .row > a { display: block; }
.seviye-skin-modern .row > a:hover .okul-oncesi,
.seviye-skin-modern .row > a:hover .ilk-okul,
.seviye-skin-modern .row > a:hover .teog,
.seviye-skin-modern .row > a:hover .orta-okul-lise,
.seviye-skin-modern .row > a:hover .kpss {
	transform: translateY(-6px);
	box-shadow: var(--sv-shadow-lg);
}
.seviye-skin-modern .egitim-baslik {
	position: relative;
	font-family: var(--sv-font-head);
	font-weight: 800;
	font-size: 21px;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: #fff;
	margin: 22px 0 0 20px;
	text-shadow: 0 2px 12px rgba(6,52,95,.45);
	width: auto;
}
.seviye-skin-modern .egitim-baslik::after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 14px;
	border-radius: var(--sv-r-pill);
	background: rgba(255,255,255,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / 15px;
	transition: background-color .22s var(--sv-ease), transform .22s var(--sv-ease);
}
.seviye-skin-modern .row > a:hover .egitim-baslik::after { background-color: var(--sv-orange); transform: translateX(4px); }

/* ---------- 10. Yayın arama formu ---------- */
.seviye-skin-modern .urunler {
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow);
	padding: 20px;
	margin-bottom: 28px;
}
.seviye-skin-modern .urunler .form-control,
.seviye-skin-modern .form-control {
	height: 46px;
	border-radius: var(--sv-r-pill);
	border: 1px solid var(--sv-line);
	background: var(--sv-bg);
	box-shadow: none;
	font-family: var(--sv-font);
	font-size: 14px;
	color: var(--sv-ink);
	padding: 0 40px 0 18px;
	transition: border-color .18s var(--sv-ease), box-shadow .18s var(--sv-ease), background .18s var(--sv-ease);
	-webkit-appearance: none;
	appearance: none;
}
.seviye-skin-modern select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5c73' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px;
}
.seviye-skin-modern .form-control:focus {
	background-color: #fff;
	border-color: var(--sv-blue);
	box-shadow: 0 0 0 4px var(--sv-blue-050);
	outline: none;
}
.seviye-skin-modern textarea.form-control { height: auto; border-radius: var(--sv-r-sm); padding: 14px 18px; }

.seviye-skin-modern .btn,
.seviye-skin-modern .btn-warning {
	height: 46px;
	padding: 0 24px;
	border: 0;
	border-radius: var(--sv-r-pill);
	background: linear-gradient(135deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%);
	color: #fff;
	font-family: var(--sv-font-head);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .01em;
	white-space: nowrap;
	box-shadow: 0 4px 14px rgba(245,130,32,.3);
	transition: transform .18s var(--sv-ease), box-shadow .18s var(--sv-ease), filter .18s var(--sv-ease);
}
.seviye-skin-modern .btn:hover,
.seviye-skin-modern .btn-warning:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(245,130,32,.4);
}
.seviye-skin-modern .btn:active { transform: translateY(0); }
.seviye-skin-modern .btn[disabled] { filter: grayscale(.4); opacity: .7; transform: none; }

/* ---------- 11. Ürünler ---------- */
.seviye-skin-modern .urun-dep { margin-top: 4px; }
.seviye-skin-modern .urun-ana {
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
	padding: 20px 16px;
	transition: transform .26s var(--sv-ease), box-shadow .26s var(--sv-ease), border-color .26s var(--sv-ease);
}
.seviye-skin-modern .urun-ana img { transition: transform .3s var(--sv-ease); }
.seviye-skin-modern a:hover .urun-ana {
	transform: translateY(-6px);
	border-color: transparent;
	box-shadow: var(--sv-shadow-lg);
}
.seviye-skin-modern a:hover .urun-ana img { transform: scale(1.05); }
.seviye-skin-modern .urun-baslik {
	font-family: var(--sv-font-head);
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: var(--sv-ink);
	height: auto;
	min-height: 42px;
	margin-top: 14px;
	transition: color .18s var(--sv-ease);
}
.seviye-skin-modern a:hover .urun-baslik { color: var(--sv-blue); }

/* Ürünler yan menüsü (akordiyon) */
.seviye-skin-modern .h-menu .list-group { margin: 0; }
.seviye-skin-modern .list-group-item {
	border: 0;
	border-bottom: 1px solid var(--sv-line);
	border-radius: 0 !important;
	background: transparent;
	padding: 13px 12px;
	font-family: var(--sv-font);
	font-size: 14px;
	font-weight: 600;
	color: var(--sv-ink);
	transition: background .18s var(--sv-ease), color .18s var(--sv-ease);
}
.seviye-skin-modern .list-group-item-b::after {
	content: "";
	float: right;
	width: 16px;
	height: 16px;
	margin-top: 3px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8ba1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / 14px;
	transition: transform .2s var(--sv-ease);
}
.seviye-skin-modern .list-group-item-b[aria-expanded="true"]::after { transform: rotate(180deg); }
.seviye-skin-modern .list-group-item:hover { background: var(--sv-blue-050); color: var(--sv-blue); }
.seviye-skin-modern .list-group-ic {
	padding-left: 24px;
	font-weight: 500;
	font-size: 13px !important;
	color: var(--sv-body);
	background: var(--sv-bg);
}
.seviye-skin-modern .list-group-ic::before {
	content: "";
	float: left;
	width: 5px;
	height: 5px;
	margin: 8px 10px 0 -12px;
	border-radius: 50%;
	background: var(--sv-orange);
	font-size: 0;
}

/* Ürün detayı */
.seviye-skin-modern .urun-detay-gorsel {
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow);
	padding: 24px;
}
.seviye-skin-modern .urun-detay-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--sv-blue-050);
	color: var(--sv-blue-600);
	border-radius: var(--sv-r-pill);
	padding: 6px 14px;
	margin: 0 8px 8px 0;
	font-size: 13px;
	font-weight: 600;
}
.seviye-skin-modern .urun-detay-meta a { color: inherit; }

/* Sayfalama */
.seviye-skin-modern .seviye-pagination .page-numbers {
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-sm);
	margin-left: 6px;
	padding: 8px 14px;
	font-family: var(--sv-font-head);
	font-weight: 700;
	font-size: 13px;
	background: var(--sv-surface);
}
.seviye-skin-modern .seviye-pagination .page-numbers.current,
.seviye-skin-modern .seviye-pagination .page-numbers:hover {
	background: var(--sv-blue);
	border-color: var(--sv-blue);
	color: #fff;
}

/* ---------- 12. Formlar ve bildirimler ---------- */
.seviye-skin-modern .seviye-form-panel { padding: 22px 0 0; }
.seviye-skin-modern .seviye-form-panel .form-group { margin-bottom: 14px; }
.seviye-skin-modern .seviye-form-mesaj {
	border-radius: var(--sv-r-sm);
	font-size: 14px;
	font-weight: 500;
	padding: 14px 18px;
	border: 0;
}
.seviye-skin-modern .seviye-form-mesaj.basarili { background: #e7f7ee; color: #1c6b41; box-shadow: inset 0 0 0 1px #b9e6cd; }
.seviye-skin-modern .seviye-form-mesaj.hata     { background: #fdecea; color: #96271b; box-shadow: inset 0 0 0 1px #f5c6c0; }
.seviye-skin-modern .seviye-yukleniyor {
	color: var(--sv-muted);
	font-size: 14px;
	padding: 48px 0;
}

/* ---------- 13. İletişim sayfası ---------- */
.seviye-skin-modern .ilet-harita {
	border-radius: var(--sv-r);
	overflow: hidden;
	box-shadow: var(--sv-shadow);
	margin-bottom: 28px;
}
.seviye-skin-modern .ilet-harita iframe { display: block; }
.seviye-skin-modern .adress {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 0;
	margin-bottom: 12px;
	padding: 14px 16px;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-sm);
	float: none;
	transition: border-color .2s var(--sv-ease), box-shadow .2s var(--sv-ease);
}
.seviye-skin-modern .adress:hover { border-color: transparent; box-shadow: var(--sv-shadow); }
.seviye-skin-modern .adress .sol-img {
	float: none;
	flex: 0 0 44px;
	background: linear-gradient(135deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%) !important;
	border-radius: var(--sv-r-sm) !important;
}
.seviye-skin-modern .adress .sag-text {
	float: none;
	padding: 0;
	font-family: var(--sv-font);
	font-weight: 500;
	font-size: 16px;
	color: var(--sv-ink);
}
.seviye-skin-modern .urunler td {
	font-family: var(--sv-font-head);
	font-weight: 800;
	font-size: 24px;
	color: var(--sv-ink);
}
.seviye-skin-modern .ik-cizgi {
	width: 56px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--sv-orange) 0%, var(--sv-orange-600) 100%);
}
.seviye-skin-modern .iletisimformu { margin-top: 0; }

/* Bayi listesi */
.seviye-skin-modern .bayi-listesi { border-radius: var(--sv-r-sm); overflow: hidden; box-shadow: var(--sv-shadow-sm); }
.seviye-skin-modern .bayi-listesi th {
	background: var(--sv-blue-800);
	font-family: var(--sv-font-head);
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.seviye-skin-modern .bayi-listesi td { border-bottom-color: var(--sv-line); }
.seviye-skin-modern .bayi-listesi tr:hover td { background: var(--sv-blue-050); }

/* ---------- 14. Alt bilgi ---------- */
.seviye-skin-modern .footer-menu {
	background: var(--sv-blue-800);
	padding: 0;
	margin-top: 20px;
}
.seviye-skin-modern .footer-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
}
.seviye-skin-modern .footer-menu ul li { float: none; width: auto; }
.seviye-skin-modern .footer-menu ul li a {
	display: block;
	padding: 18px 18px;
	font-family: var(--sv-font-head);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .04em;
	color: rgba(255,255,255,.78);
	border-radius: 0;
	transition: color .18s var(--sv-ease), background .18s var(--sv-ease);
}
.seviye-skin-modern .footer-menu ul li a:hover { color: #fff; background: rgba(255,255,255,.08); }

.seviye-skin-modern .footer {
	background: linear-gradient(180deg, #082a4c 0%, #061f39 100%);
	padding: 48px 0 32px;
	color: rgba(255,255,255,.72);
}
.seviye-skin-modern .footer p { color: rgba(255,255,255,.7); font-family: var(--sv-font); font-size: 14px; margin-bottom: 8px; }
.seviye-skin-modern .footer p[style] {
	font-family: var(--sv-font-head) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff !important;
	margin-bottom: 18px !important;
}
.seviye-skin-modern .footer a { color: rgba(255,255,255,.8); }
.seviye-skin-modern .footer a:hover { color: var(--sv-orange); }
.seviye-skin-modern .footer img { background: #fff; border-radius: var(--sv-r-sm); padding: 10px 14px; max-height: 62px; }
.seviye-skin-modern .ftsosyal { display: flex; gap: 10px; }
.seviye-skin-modern .ftsosyal a { display: inline-flex; }
.seviye-skin-modern .ftsosyal i {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: var(--sv-r-pill);
	background: rgba(255,255,255,.1);
	color: #fff;
	transition: background .2s var(--sv-ease), transform .2s var(--sv-ease);
}
.seviye-skin-modern .ftsosyal a:hover i { background: var(--sv-orange); transform: translateY(-2px); }

/* ---------- 15. Duyarlı düzen ---------- */
@media (max-width: 1199px) {
	.seviye-skin-modern .slider-baslik-short { font-size: 34px; }
	.seviye-skin-modern .header-alt ul li a { padding: 14px 10px; font-size: 13px; }
}

@media (max-width: 991px) {
	.seviye-skin-modern .header-alt ul { padding-right: 0; }
	.seviye-skin-modern .header-container > .container:last-child { margin-top: 0; padding-bottom: 14px; }
	.seviye-skin-modern .header-container > .container:last-child > div { justify-content: flex-start; }
	.seviye-skin-modern #wrap form { width: 100%; }
	.seviye-skin-modern #wrap form:focus-within { width: 100%; }
	.seviye-skin-modern .hakkimizda { padding: 22px 20px; }
	.seviye-skin-modern .hak-baslik { font-size: 21px; }
	.seviye-skin-modern .slider-baslik-short { font-size: 24px; }
	.seviye-skin-modern .slider-bottom { font-size: 16px; }
	.seviye-skin-modern .footer .col-lg-4 { margin-bottom: 28px; }
}

@media (max-width: 768px) {
	.seviye-skin-modern .h-menu,
	.seviye-skin-modern .hakkimizda { margin-top: 16px; margin-bottom: 16px; }
	.seviye-skin-modern .slider-yazi { display: none; }
	.seviye-skin-modern .bxslider li::after { background: linear-gradient(180deg, rgba(6,52,95,.25) 0%, rgba(6,52,95,0) 60%); }
	.seviye-skin-modern .egitim-baslik { font-size: 18px; margin: 18px 0 0 16px; }
	.seviye-skin-modern .okul-oncesi,
	.seviye-skin-modern .ilk-okul,
	.seviye-skin-modern .teog,
	.seviye-skin-modern .orta-okul-lise,
	.seviye-skin-modern .kpss { height: 176px; margin-bottom: 16px; }
	.seviye-skin-modern .urunler { padding: 16px; }
	.seviye-skin-modern .footer-menu ul li a { padding: 14px 12px; font-size: 13px; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
	.seviye-skin-modern *,
	.seviye-skin-modern *::before,
	.seviye-skin-modern *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
}

/* ==========================================================================
   16. Modern görünüme özel düzeltmeler
   ========================================================================== */

/* İç sayfa üst bandı: modern görünümde başlık artık üst bilgiyi örtmediği
   için band ince bir marka şeridine indirgenir. */
.seviye-skin-modern .page-gorsel { max-height: 260px; }
.seviye-skin-modern .page-gorsel-yedek {
	height: 132px;
	background:
		linear-gradient(120deg, var(--sv-blue) 0%, var(--sv-blue-800) 100%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 60L60 0' stroke='%23ffffff' stroke-opacity='.06' stroke-width='10'/%3E%3C/svg%3E");
	background-blend-mode: normal;
}
.seviye-skin-modern .seviye-hero-yedek {
	height: 300px;
	background: linear-gradient(120deg, var(--sv-blue) 0%, var(--sv-blue-800) 100%);
}

/* Yayın arama formu: bootstrap push kolonları yerine esnek satır */
.seviye-skin-modern .urunler form:not(.seviye-form) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.seviye-skin-modern .urunler form:not(.seviye-form) > div {
	float: none;
	left: auto;
	right: auto;
	padding: 0;
	width: auto;
	flex: 1 1 200px;
	min-width: 0;
}
.seviye-skin-modern .urunler form:not(.seviye-form) > div:empty { display: none; }
.seviye-skin-modern .urunler form:not(.seviye-form) > div:last-child { flex: 0 0 auto; }
.seviye-skin-modern .urunler .row { margin: 0; }
.seviye-skin-modern .urunler .text-right { text-align: left; padding: 0; }

/* Ürün sayfasındaki kırıntı yolu */
.seviye-skin-modern .urun-dep + .row,
.seviye-skin-modern .urun-dep .row > .col-lg-12:first-child {
	font-family: var(--sv-font);
	font-size: 13px;
	color: var(--sv-muted);
}

/* Ürün yan menüsü kartı, hızlı menü ile aynı dili kullanır */
.seviye-skin-modern .h-menu .h-menu-list { padding: 0; }
.seviye-skin-modern .h-menu .list-group-item:last-child { border-bottom: 0; }

/* Ürün görsel alanı sabit yükseklik: kartlar aynı hizada dursun */
.seviye-skin-modern .urun-ana img { height: 180px; }

@media (max-width: 768px) {
	.seviye-skin-modern .page-gorsel-yedek { height: 96px; }
	.seviye-skin-modern .seviye-hero-yedek { height: 200px; }
	.seviye-skin-modern .urunler form:not(.seviye-form) > div { flex: 1 1 100%; }
	.seviye-skin-modern .urunler form > div:last-child { flex: 1 1 100%; }
	.seviye-skin-modern .btn { width: 100%; }
}

/* İletişim / hızlı menü formları: sade, tek sütunlu ve ferah */
.seviye-skin-modern .seviye-form .form-group { margin-bottom: 14px; }
.seviye-skin-modern .seviye-form .form-group > div { width: 100%; padding: 0; float: none; }
.seviye-skin-modern .seviye-form textarea.form-control { min-height: 140px; height: auto; }
.seviye-skin-modern .iletisimformu .seviye-form-panel { padding-top: 0; }
.seviye-skin-modern .urunler .seviye-form { width: 100%; }

/* Sağ sabit giriş butonları küçük ekranda içeriği örtmesin */
@media (max-width: 991px) {
	.seviye-skin-modern body > div[style*="position: fixed"] {
		transform: scale(.72);
		transform-origin: right center;
		opacity: .95;
	}
}
@media (max-width: 480px) {
	.seviye-skin-modern body > div[style*="position: fixed"] {
		transform: scale(.6);
	}
}

/* ==========================================================================
   17. Katalog bileşenleri — kırıntı yolu, filtre çubuğu, rozetler, boş durum
   ========================================================================== */

/* Kırıntı yolu */
.seviye-skin-modern .seviye-kirinti {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 4px 0 16px;
	font-family: var(--sv-font);
	font-size: 13px;
	color: var(--sv-muted);
}
.seviye-skin-modern .seviye-kirinti a { color: var(--sv-blue); font-weight: 500; }
.seviye-skin-modern .seviye-kirinti a:hover { color: var(--sv-orange); }
.seviye-skin-modern .seviye-kirinti span[aria-current] { color: var(--sv-ink); font-weight: 600; }
.seviye-skin-modern .seviye-kirinti i { color: var(--sv-line); font-size: 13px; }

/* Filtre çubuğu */
.seviye-skin-modern .seviye-filtre-cubugu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 18px;
	margin-bottom: 18px;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow-sm);
}
.seviye-skin-modern .seviye-filtre-sol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	min-width: 0;
}
.seviye-skin-modern .seviye-sonuc-sayisi {
	margin: 0;
	font-family: var(--sv-font);
	font-size: 14px;
	color: var(--sv-body);
	white-space: nowrap;
}
.seviye-skin-modern .seviye-sonuc-sayisi strong { color: var(--sv-ink); font-weight: 700; }

.seviye-skin-modern .seviye-rozetler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.seviye-skin-modern .seviye-rozet {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px 6px 14px;
	border-radius: var(--sv-r-pill);
	background: var(--sv-blue-050);
	color: var(--sv-blue-600);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	transition: background .18s var(--sv-ease), color .18s var(--sv-ease);
}
.seviye-skin-modern a.seviye-rozet:hover { background: var(--sv-orange-050); color: var(--sv-orange-600); }
.seviye-skin-modern .seviye-rozet i { font-size: 11px; opacity: .7; }
.seviye-skin-modern .seviye-rozet-sabit { background: var(--sv-orange-050); color: var(--sv-orange-600); }
.seviye-skin-modern .seviye-rozet-temizle {
	font-size: 13px;
	font-weight: 600;
	color: var(--sv-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.seviye-skin-modern .seviye-rozet-temizle:hover { color: var(--sv-orange); }

.seviye-skin-modern .seviye-siralama { flex: 0 0 auto; margin: 0; }
.seviye-skin-modern .seviye-siralama .form-control {
	height: 40px;
	font-size: 13px;
	min-width: 200px;
	padding-right: 38px;
	padding-left: 14px;
}

/* Ürün kartı rozetleri (orijinal .urun-sinif / .urun-kitap sınıfları) */
.seviye-skin-modern .urun-bilgisi {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 6px;
	width: auto;
}
.seviye-skin-modern .urun-sinif,
.seviye-skin-modern .urun-kitap {
	float: none;
	width: auto;
	max-width: 100%;
	padding: 4px 11px;
	border-radius: var(--sv-r-pill);
	font-family: var(--sv-font);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	text-align: left;
	white-space: normal;
	background: var(--sv-blue-050);
	color: var(--sv-blue-600);
	transition: background .18s var(--sv-ease), color .18s var(--sv-ease);
}
.seviye-skin-modern .urun-kitap { background: var(--sv-orange-050); color: var(--sv-orange-600); }
.seviye-skin-modern .urun-sinif a { color: inherit; }
.seviye-skin-modern .urun-kitap a { color: inherit; white-space: normal; }
.seviye-skin-modern .urun-sinif:hover { background: var(--sv-blue); }
.seviye-skin-modern .urun-kitap:hover { background: var(--sv-orange); }
.seviye-skin-modern .urun-sinif:hover a,
.seviye-skin-modern .urun-kitap:hover a { color: #fff; }

/* Boş durum */
.seviye-skin-modern .seviye-bos {
	text-align: center;
	padding: 56px 24px;
	background: var(--sv-surface);
	border: 1px dashed var(--sv-line);
	border-radius: var(--sv-r);
	font-family: var(--sv-font);
	color: var(--sv-body);
}
.seviye-skin-modern .seviye-bos i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	margin-bottom: 16px;
	border-radius: var(--sv-r-pill);
	background: var(--sv-blue-050);
	color: var(--sv-blue);
	font-size: 24px;
}
.seviye-skin-modern .seviye-bos-baslik {
	font-family: var(--sv-font-head);
	font-weight: 700;
	font-size: 18px;
	color: var(--sv-ink);
	margin-bottom: 6px;
}
.seviye-skin-modern .seviye-bos .btn { margin-top: 18px; display: inline-flex; align-items: center; }

/* İlgili yayınlar */
.seviye-skin-modern .seviye-ilgili {
	margin: 8px 0 28px;
	padding: 24px;
	background: var(--sv-surface);
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r);
	box-shadow: var(--sv-shadow);
}
.seviye-skin-modern .seviye-ilgili .row { margin-left: -8px; margin-right: -8px; }
.seviye-skin-modern .seviye-ilgili .col-lg-4 { width: 25%; padding: 0 8px !important; }

/* Bayi araçları */
.seviye-skin-modern .seviye-bayi-arac { margin: 18px 0 20px; }
.seviye-skin-modern .seviye-bayi-ara { max-width: 380px; margin-bottom: 14px; }
.seviye-skin-modern .seviye-il-filtre { display: flex; flex-wrap: wrap; gap: 8px; }
.seviye-skin-modern .seviye-il {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 14px;
	border: 1px solid var(--sv-line);
	border-radius: var(--sv-r-pill);
	background: var(--sv-surface);
	color: var(--sv-body);
	font-family: var(--sv-font);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all .18s var(--sv-ease);
}
.seviye-skin-modern .seviye-il span {
	font-size: 11px;
	font-weight: 700;
	padding: 1px 7px;
	border-radius: var(--sv-r-pill);
	background: var(--sv-bg);
	color: var(--sv-muted);
}
.seviye-skin-modern .seviye-il:hover { border-color: var(--sv-blue); color: var(--sv-blue); }
.seviye-skin-modern .seviye-il-aktif {
	background: var(--sv-blue);
	border-color: var(--sv-blue);
	color: #fff;
}
.seviye-skin-modern .seviye-il-aktif span { background: rgba(255,255,255,.22); color: #fff; }
.seviye-skin-modern .seviye-bayi-sonuc {
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--sv-muted);
}
.seviye-skin-modern .seviye-bayi-bos {
	padding: 28px;
	text-align: center;
	color: var(--sv-muted);
	font-size: 14px;
}

@media (max-width: 991px) {
	.seviye-skin-modern .seviye-ilgili .col-lg-4 { width: 50%; }
	.seviye-skin-modern .seviye-filtre-cubugu { flex-direction: column; align-items: stretch; }
	.seviye-skin-modern .seviye-siralama .form-control { width: 100%; min-width: 0; }
}
@media (max-width: 600px) {
	.seviye-skin-modern .seviye-ilgili .col-lg-4 { width: 100%; }
	.seviye-skin-modern .seviye-ilgili { padding: 18px; }
}

/* Ürün ızgarası: kartlar eşit yükseklikte ve hizalı olsun (float yerine flex) */
.seviye-skin-modern .urun-dep > .row,
.seviye-skin-modern .seviye-ilgili > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.seviye-skin-modern .urun-dep > .row > div,
.seviye-skin-modern .seviye-ilgili > .row > div {
	float: none;
	display: flex;
	flex-direction: column;
}
.seviye-skin-modern .urun-dep > .row > div > a,
.seviye-skin-modern .seviye-ilgili > .row > div > a {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.seviye-skin-modern .urun-dep .urun-baslik,
.seviye-skin-modern .seviye-ilgili .urun-baslik {
	flex: 1 1 auto;
	display: block;
	text-align: center;
}
.seviye-skin-modern .urun-dep .urun-bilgisi,
.seviye-skin-modern .seviye-ilgili .urun-bilgisi {
	justify-content: center;
	margin-top: auto;
	padding-top: 2px;
}