/*
Theme Name: Sterilizasyon Medikal Child
Template: blocksy
Description: Sterilizasyon Medikal için Blocksy child tema (Elementor'lu /st sitesinin birebir karşılığı).
Version: 1.4.28
Text Domain: sterilizasyon-medikal-child
*/

/* ============ Değişkenler ============ */
:root {
	--st-mavi: #07689F;
	--st-lacivert: #000839;
	--st-turuncu: #F07D00;
	--st-acik: #DDEBEC;
	--st-metin: #1E1E1E;
	--st-mint: #E4F5F2;
	--st-gok: #ECF8FF;
	--st-kenar: #D9E5E5;
	--st-camgobegi: #14B0B6;
	--st-parlak-mavi: #0D6DFD;
	--st-kirmizi: #DA2427;
	--st-yesil: #088B14;
	--st-kap: 1440px;
	--st-yan: 0px;
}
@media (min-width: 2400px) { :root { --st-kap: 1600px; } }
@media (max-width: 1366px) { :root { --st-kap: 1000px; } }
@media (max-width: 1024px) { :root { --st-kap: 1024px; --st-yan: 25px; } }
@media (max-width: 767px)  { :root { --st-kap: 767px; --st-yan: 15px; } }

/* ============ Genel ============ */
body { font-family: "Poppins", sans-serif; }
img { max-width: 100%; height: auto; }
.entry-content > *, .st-bolum > *, .st-kap > * { margin-block: 0; }
.st-kap {
	width: 100%;
	max-width: calc(var(--st-kap) + 2 * var(--st-yan));
	margin-inline: auto !important;
	padding-inline: var(--st-yan);
	box-sizing: border-box;
}
.st-bolum { overflow: clip; }
.st-bolum-baslik,
h2.wp-block-heading.st-bolum-baslik {
	margin: 0;
	font-size: 34px;
	font-weight: 500;
	line-height: 46.8px;
	color: var(--st-lacivert);
	text-align: center;
}
@media (max-width: 1366px) { .st-bolum-baslik, h2.wp-block-heading.st-bolum-baslik { font-size: 30px; line-height: 1.2em; } }

.st-ikon { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: middle; }
.st-ikon--ok { width: 10px; height: 16px; }

/* ============ Butonlar ============ */
.st-buton,
.wp-block-button.st-buton .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 11px 30px;
	border: 1px solid currentColor;
	border-radius: 100px;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	text-decoration: none;
	transition: background-color .3s, color .3s, border-color .3s;
	box-sizing: border-box;
}
.st-buton--turuncu { background: transparent; color: var(--st-turuncu); border-color: var(--st-turuncu); }
.st-buton--turuncu:hover { background: var(--st-turuncu); color: #fff; }
.st-buton--mavi { background: #fff; color: var(--st-parlak-mavi); border-color: var(--st-parlak-mavi); gap: 5px; }
.st-buton--mavi:hover { background: var(--st-parlak-mavi); color: #fff; }
.st-buton--yesil { background: #fff; color: var(--st-yesil); border-color: var(--st-yesil); }
.st-buton--yesil:hover { background: var(--st-yesil); color: #fff; }
@media (max-width: 1366px) {
	.st-buton, .wp-block-button.st-buton .wp-block-button__link { font-size: 17px; padding: 10px; }
}

/* Lacivert dolu buton (ÜRÜNLERİ İNCELE / İLETİŞİM) */
.wp-block-button.st-buton-lacivert .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--st-lacivert);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	padding: 15px 50px;
	border-radius: 100px;
	text-transform: uppercase;
	transition: background-color .3s;
}
.wp-block-button.st-buton-lacivert .wp-block-button__link:hover { background: var(--st-turuncu); color: #fff; }

/* Kit'teki genel buton (turuncu dolu) */
.wp-block-button.st-buton-dolu .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--st-turuncu);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	padding: 11px 50px;
	border-radius: 100px;
}

/* ============ Header (Blocksy builder) ============ */
#header [data-row*="middle"] { box-shadow: none; }
#header .ct-menu-link { padding: 0 !important; font-size: 20px; font-weight: 500; line-height: 26px; }
#header [data-id="menu"] > ul { gap: 35px; }
#header [data-id="menu"] > ul > li { margin: 0; }
#header [data-id="menu"] .sub-menu { margin-top: 12px; background: #FAFAFA; }
#header [data-id="menu"] .sub-menu .ct-menu-link { font-size: 20px; font-weight: 400; line-height: 28px; padding: 13px 20px !important; }
#header [data-id="menu"] .sub-menu .ct-menu-link:hover { background: #fff; color: var(--st-turuncu); }
#header .ct-header-cta > a {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	min-height: 0;
	padding: 11px 30px;
	border: 1px solid var(--st-turuncu);
	border-radius: 100px;
	background: transparent;
	color: var(--st-turuncu);
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
}
#header .ct-header-cta > a:hover { background: var(--st-turuncu); color: #fff; }
#header .ct-header-cta > a::after {
	content: "";
	width: 10px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("assets/ok.svg") center / contain no-repeat;
	mask: url("assets/ok.svg") center / contain no-repeat;
}
.st-telefon {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #000F6B;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	white-space: nowrap;
}
.st-telefon__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	border-radius: 7px;
	background: #F58200;
	color: #fff;
	transition: background-color .3s;
}
.st-telefon__ikon .st-ikon { width: 24px; height: 24px; }
.st-telefon:hover .st-telefon__ikon { background: #E47900; }
#header [data-id="text"] .entry-content { margin: 0; }
#header [data-id="text"] p { margin: 0; }
@media (max-width: 1366px) {
	#header .ct-menu-link { font-size: 17px; }
	#header [data-id="menu"] > ul { gap: 25px; }
	#header .ct-header-cta > a { padding: 5px 10px; border-radius: 5px; font-size: 17px; }
	.st-telefon { font-size: 17px; }
	.st-telefon__ikon { padding: 8.5px; border-radius: 5px; }
	.st-telefon__ikon .st-ikon { width: 17px; height: 17px; }
}
/* Mobil üst şerit (turuncu) */
#header [data-device="mobile"] [data-row*="top"] .ct-header-cta > a {
	border-color: #fff;
	color: #fff;
}
#header [data-device="mobile"] [data-row*="top"] .st-telefon { color: #fff; }
#header [data-device="mobile"] [data-row*="top"] .st-telefon__ikon { background: transparent; padding: 4px; }

/* ============ Sayfa başlığı (Top Header Pages) ============ */
.st-sayfa-basligi {
	background: var(--st-acik);
	padding: 50px var(--st-yan);
}
.st-sayfa-basligi__ic {
	max-width: 650px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	text-align: center;
}
.st-sayfa-basligi__baslik {
	margin: 0;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2em;
	color: var(--st-mavi);
}
.st-sayfa-basligi__metin { font-size: 18px; font-weight: 500; color: var(--st-metin); }
.st-sayfa-basligi__metin p { margin: 0; }
@media (max-width: 1366px) {
	.st-sayfa-basligi { padding-block: 25px; }
	.st-sayfa-basligi__ic { gap: 15px; }
	.st-sayfa-basligi__baslik { font-size: 20px; }
}
@media (max-width: 767px) {
	.st-sayfa-basligi__baslik { font-size: 18px; }
	.st-sayfa-basligi__metin { font-size: 14px; }
}

/* ============ Izgaralar ve kartlar ============ */
.st-izgara { display: grid; gap: 30px; }
.st-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.st-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.st-izgara--blog { gap: 35px; }
@media (max-width: 1366px) { .st-urunler-duzen .st-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1024px) {
	.st-izgara--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.st-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.st-izgara--4, .st-izgara--3, .st-urunler-duzen .st-izgara--3 { grid-template-columns: minmax(0, 1fr); }
}

.st-urun-karti {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--st-kenar);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.st-urun-karti__gorsel { display: block; }
.st-urun-karti__gorsel img { display: block; width: 100%; height: 268px; object-fit: cover; }
.st-urun-karti__govde {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 15px;
	padding: 15px;
	text-align: center;
}
.st-urun-karti__kategori { font-size: 16px; font-weight: 700; line-height: 16px; color: #BBBBBB; }
.st-urun-karti__baslik { margin: 0; font-size: 20px; font-weight: 600; line-height: 26px; }
.st-urun-karti__baslik a { color: var(--st-lacivert); text-decoration: none; }
.st-urun-karti__incele {
	margin-top: auto;
	align-self: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	color: var(--st-camgobegi);
	text-decoration: none;
	transition: color .3s;
}
.st-urun-karti__incele:hover { color: var(--st-lacivert); }
@media (max-width: 1366px) { .st-urun-karti__baslik { font-size: 17px; } }

.st-blog-karti {
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	background: #fff;
}
.st-blog-karti__gorsel img { display: block; width: 100%; height: 250px; object-fit: cover; border-radius: 15px; }
.st-blog-karti__govde { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 50px; }
.st-blog-karti__tarih { font-size: 16px; font-weight: 500; color: #000; }
.st-blog-karti__baslik { margin: 0; font-size: 20px; font-weight: 600; line-height: 26px; }
.st-blog-karti__baslik a { color: var(--st-lacivert); text-decoration: none; }
.st-blog-karti__ozet { margin: 0; font-size: 13px; line-height: 1.4em; color: var(--st-metin); }
.st-blog-karti__devami {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	color: var(--st-turuncu);
	text-decoration: none;
}
.st-blog-karti__devami .st-ikon { width: 10px; height: 16px; }
@media (max-width: 1366px) { .st-blog-karti__baslik { font-size: 17px; } }
@media (max-width: 767px) { .st-blog-karti__govde { padding: 25px; } }

.st-sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 21px; font-size: 16px; font-weight: 500; }
.st-sayfalama .page-numbers { color: var(--st-mavi); text-decoration: none; }
.st-sayfalama .page-numbers.current { color: var(--st-turuncu); }

/* ============ Anasayfa ============ */
.st-hero { background: var(--st-mint); padding: 70px 0 97px; }
.st-hero > .st-kap { display: flex; align-items: center; justify-content: center; }
.st-hero__sol { width: 59%; display: flex; flex-direction: column; gap: 50px; }
.st-hero__sag { width: 41%; }
.st-hero__baslik {
	margin: 0;
	font-size: 80px;
	font-weight: 500;
	line-height: 112.8px;
	color: var(--st-mavi);
}
.st-hero__butonlar { width: 71%; display: flex; gap: 55px; margin: 0; }
.st-hero__butonlar .wp-block-button { flex: 1; }
.st-hero__butonlar .wp-block-button__link { width: 100%; padding: 15px 5px; }
.st-hero__gorsel { margin: 0; }
.st-hero__gorsel img { display: block; width: 735px; height: 735px; object-fit: contain; }
@media (max-width: 1366px) {
	.st-hero { padding: 50px; position: relative; }
	.st-hero > .st-kap { flex-direction: column; gap: 0; }
	.st-hero__sol, .st-hero__sag { width: 100%; }
	.st-hero__baslik { font-size: 40px; line-height: 1.4em; }
	.st-hero__gorsel img { width: 177px; height: 233px; margin-left: auto; }
}
@media (max-width: 1366px) and (min-width: 1025px) {
	.st-hero__sag { position: absolute; top: 0; right: 50px; width: auto; }
}
@media (max-width: 1024px) {
	.st-hero { padding: 25px; }
	.st-hero__sol { gap: 0; }
	.st-hero__baslik { font-size: 56px; line-height: 1.3em; }
	.st-hero__butonlar { width: 100%; }
	.st-hero__gorsel img { width: 100%; height: 174px; }
}
@media (max-width: 767px) {
	.st-hero { padding: 50px 15px; }
	.st-hero > .st-kap { gap: 35px; }
	.st-hero__sol { gap: 25px; }
	.st-hero__baslik { font-size: 40px; }
	.st-hero__butonlar { flex-direction: column; align-items: center; gap: 15px; }
	.st-hero__butonlar .wp-block-button { width: 100%; }
	.st-hero__gorsel img { height: 157px; }
}

/* Standart bölüm boşlukları */
.st-blok { padding: 80px 0; }
.st-blok > .st-kap { display: flex; flex-direction: column; gap: 60px; }
@media (max-width: 1366px) { .st-blok { padding: 50px; } }
@media (max-width: 1024px) { .st-blok { padding: 50px 25px; } .st-blok > .st-kap { gap: 25px; } }
@media (max-width: 767px)  { .st-blok { padding: 50px 15px; } }
.st-blok > .st-kap > .wp-block-buttons { justify-content: center; }

/* Çözüm Alanlarımız */
.st-cozumler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px; }
.st-cozum { position: relative; min-height: 346px; display: flex; flex-direction: column; gap: 20px; }
.st-cozum .wp-block-image { margin: 0; }
.st-cozum img { display: block; width: 100%; mix-blend-mode: darken; }
.st-cozum__baslik { margin: 0; font-size: 20px; font-weight: 600; line-height: 26px; color: #000B4F; text-align: center; }
.st-cozum__baslik a { color: inherit; text-decoration: none; }
.st-cozum__baslik a::after { content: ""; position: absolute; inset: 0; transition: background-color .4s; }
.st-cozum:hover .st-cozum__baslik a::after { background: #005EA826; }
@media (max-width: 1366px) { .st-cozum { min-height: 272px; } .st-cozum__baslik { font-size: 17px; } }
@media (max-width: 1024px) { .st-cozumler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .st-cozum { min-height: 0; } }
@media (max-width: 767px)  { .st-cozumler { grid-template-columns: minmax(0, 1fr); } }

/* Sterilitenin Bilimi */
.st-bilim { background: linear-gradient(180deg, var(--st-mint) 0%, var(--st-gok) 100%); padding: 110px 0 100px; }
.st-bilim > .st-kap { display: flex; align-items: center; gap: 125px; }
.st-bilim__gorsel { flex: 1; margin: 0; }
.st-bilim__gorsel img { display: block; width: 100%; }
.st-bilim__metin { flex: 1; display: flex; flex-direction: column; gap: 40px; }
.st-bilim__metin > * { margin: 0; }
.st-bilim__metin .st-bolum-baslik { text-align: left; }
.st-bilim__aciklama { font-size: 16px; line-height: 1.7em; color: #3D3D3D; }
.st-istatistikler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.st-istatistik { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 243px; padding: 20px; background: #fff; }
.st-istatistik__sayi { margin: 0; font-size: 45px; font-weight: 600; line-height: 94.5px; color: var(--st-mavi); }
.st-istatistik__metin { margin: 0; font-size: 20px; font-weight: 500; line-height: 26px; color: var(--st-metin); }
.st-bilim__bosluk { width: 50px; flex: none; }
@media (max-width: 1366px) {
	.st-bilim { padding: 50px; }
	.st-bilim > .st-kap { gap: 50px; }
	.st-istatistikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.st-istatistik__sayi { font-size: 40px; line-height: 1.4em; }
	.st-istatistik__metin { font-size: 17px; }
	.st-bilim__bosluk { display: none; }
}
@media (max-width: 1024px) {
	.st-bilim { padding: 25px; }
	.st-bilim > .st-kap { flex-direction: column; }
	.st-bilim__gorsel { width: 45%; }
	.st-istatistikler { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.st-bilim { padding: 50px 15px; }
	.st-bilim__gorsel { width: 100%; }
	.st-istatistikler { grid-template-columns: minmax(0, 1fr); }
	.st-istatistik { min-height: 0; }
}

/* Benimsediğimiz İlkeler */
.st-ilkeler { background: url("../../uploads/2026/06/sun-half.svg") left center / 200px auto no-repeat; }
.st-ilkeler__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; }
.st-ilke { display: flex; flex-direction: column; gap: 15px; padding: 25px; border-right: 1px solid #000; }
.st-ilke > * { margin: 0; }
.st-ilke--kaydir::before { content: ""; height: 50px; }
.st-ilke__baslik { font-size: 20px; font-weight: 500; line-height: 26px; color: #000; }
.st-ilke__metin { font-size: 16px; line-height: 1.4rem; color: #5D6063; }
.st-ilke .wp-block-image { text-align: right; }
.st-ilke img { mix-blend-mode: darken; }
@media (max-width: 1366px) { .st-ilkeler__izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } .st-ilke__baslik { font-size: 17px; } }
@media (max-width: 1024px) { .st-ilkeler__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px)  { .st-ilkeler__izgara { grid-template-columns: minmax(0, 1fr); } .st-ilke--kaydir::before { display: none; } }

/* Markalar / İş ortakları kutuları */
.st-logolar-sira { display: flex; gap: 30px; min-height: 235px; }
.st-logo-kutu {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 35px;
	border-radius: 12px;
	background: var(--st-gok);
}
.st-logo-kutu > * { margin: 0; width: 100%; }
.st-etiket { font-size: 16px; font-weight: 500; color: var(--st-turuncu); text-align: center; }
.st-logolar.wp-block-gallery { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px !important; margin: 0; }
.st-logolar.wp-block-gallery.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.st-logolar.wp-block-gallery > .wp-block-image { width: auto !important; margin: 0 !important; aspect-ratio: 21 / 9; }
.st-logolar.wp-block-gallery > .wp-block-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
@media (max-width: 1024px) { .st-logolar-sira { padding: 25px; } }
@media (max-width: 767px)  {
	.st-logolar-sira { flex-direction: column; padding: 15px; }
	.st-logolar.wp-block-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.st-logolar.wp-block-gallery.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ============ Alt bilgi ============ */
.st-alt-bilgi { padding: 90px 0; }
.st-alt-bilgi > .st-kap, .st-alt-bilgi .st-kap { display: flex; flex-direction: column; gap: 90px; }
.st-cta {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 75px;
	padding: 130px;
	border-radius: 20px;
	overflow: hidden;
	background: url("../../uploads/2026/06/ecea04a4c334c531aab213645ea821cc04994059.jpg.webp") center / cover no-repeat;
	text-align: center;
}
.st-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 8, 57, .85) 0%, rgba(7, 104, 159, .6) 100%);
}
.st-cta > * { position: relative; margin: 0; }
.st-cta__baslik { font-size: 50px; font-weight: 700; line-height: 1.2em; color: #fff; }
.st-cta .wp-block-buttons { justify-content: center; gap: 20px; }
.st-cta .wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 30px;
	border-radius: 100px;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #fff;
}
.st-cta .st-cta--turuncu .wp-block-button__link { background: var(--st-turuncu); }
.st-cta .st-cta--mavi .wp-block-button__link { background: var(--st-parlak-mavi); }
.st-cta .st-cta--kirmizi .wp-block-button__link { background: var(--st-kirmizi); }
.st-cta .wp-block-button__link:hover { filter: brightness(.92); }

.st-alt-sutunlar { display: flex; gap: 30px; }
.st-alt-sutunlar > * { margin: 0; }
.st-alt-sutun { display: flex; flex-direction: column; gap: 20px; }
.st-alt-sutun > * { margin: 0; }
.st-alt-sutun--logo { width: 30%; }
.st-alt-sutun--dar { width: 15%; }
.st-alt-sutun--orta { width: 20%; }
.st-alt-sutun__baslik { font-size: 20px; font-weight: 600; line-height: 26px; color: #000; }
.st-alt-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.st-alt-liste li { margin: 0; }
.st-alt-sutun a, .st-alt-liste a, .st-alt-sutun p { font-size: 15px; font-weight: 600; line-height: 1.3em; color: var(--st-metin); text-decoration: none; }
.st-alt-sutun a:hover { color: var(--st-turuncu); }
@media (max-width: 1366px) {
	.st-alt-bilgi { padding: 50px; }
	.st-alt-bilgi .st-kap { gap: 50px; }
	.st-cta { padding: 75px 50px; gap: 40px; }
	.st-cta__baslik { font-size: 20px; }
	.st-cta .wp-block-button .wp-block-button__link { font-size: 17px; }
	.st-alt-sutun__baslik { font-size: 17px; }
	.st-alt-sutun a, .st-alt-liste a, .st-alt-sutun p { font-size: 17px; }
}
@media (max-width: 1024px) {
	.st-alt-bilgi { padding: 25px; }
	.st-alt-sutunlar { flex-wrap: wrap; }
	.st-alt-sutun--logo { width: 100%; }
	.st-alt-sutun--dar, .st-alt-sutun--orta { width: calc(50% - 15px); }
}
@media (max-width: 767px) {
	.st-alt-bilgi { padding: 15px; }
	.st-cta { padding: 50px 20px; }
	.st-cta__baslik { font-size: 18px; }
	.st-alt-sutun--dar, .st-alt-sutun--orta { width: 100%; }
}

/* ============ Ürün kategorisi / Ürünler sayfası ============ */
.st-urunler-duzen { display: flex; gap: 90px; padding-block: 120px; }
.st-urunler-duzen__yan { width: 33.3333%; flex: none; }
.st-urunler-duzen__ana { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.urunler-category-catalogs { display: flex; flex-direction: column; gap: 15px; }
.urunler-category-catalogs-title { margin: 0; font-size: 26px; font-weight: 700; color: var(--st-lacivert); }
@media (max-width: 1366px) { .st-urunler-duzen { gap: 50px; padding: 75px 15px; } }
@media (max-width: 1024px) { .st-urunler-duzen { gap: 25px; padding: 25px; } }
@media (max-width: 767px)  {
	.st-urunler-duzen { flex-direction: column; padding: 15px; }
	.st-urunler-duzen__yan { width: 100%; }
}

/* ============ Tek ürün ============ */
.st-yol-cubugu { background: var(--st-acik); padding: 25px 0; }
.st-yol-cubugu .custom-breadcrumb a, .st-yol-cubugu .custom-breadcrumb span { font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #000; }
.st-yol-cubugu .custom-breadcrumb a:hover { color: var(--st-turuncu); opacity: 1; }
.st-yol-cubugu .custom-breadcrumb .breadcrumb-separator { display: inline-flex; color: var(--st-turuncu); opacity: 1; margin: 0 5px; }
.st-yol-cubugu .custom-breadcrumb .breadcrumb-separator .st-ikon { width: 11px; height: 11px; }
@media (max-width: 1024px) { .st-yol-cubugu { padding: 25px; } }

.st-urun { display: flex; gap: 90px; padding-block: 120px; }
.st-urun__galeri { width: 33.3333%; flex: none; }
.st-urun__bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 25px; }
.st-urun__bilgi > * { margin: 0; }
.st-urun__baslik { font-size: 34px; font-weight: 500; line-height: 46.8px; color: var(--st-lacivert); }
.st-urun__kisa { font-size: 18px; line-height: 1.7em; }
.st-urun__kisa p { margin: 0 0 15px; }
.st-urun__kisa p:last-child { margin-bottom: 0; }
.st-urun__ayirac { border: 0; border-top: 1px solid #000; margin: 22px 0 !important; opacity: 1; }
.st-urun__butonlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; width: 597px; max-width: 100%; }
@media (max-width: 1366px) {
	.st-urun { gap: 50px; padding: 75px 15px; }
	.st-urun__baslik { font-size: 30px; line-height: 1.2em; }
	.st-urun__bilgi { gap: 25px; }
}
@media (max-width: 1024px) {
	.st-urun { gap: 25px; padding: 35px 25px; }
	.st-urun__bilgi { gap: 15px; }
	.st-urun__butonlar { grid-template-columns: minmax(0, 1fr); width: 100%; }
}
@media (max-width: 767px) {
	.st-urun { flex-direction: column; padding: 15px; }
	.st-urun__galeri { width: 100%; }
	.st-urun__butonlar { gap: 15px; justify-items: center; }
}

.st-karusel { position: relative; overflow: hidden; border-radius: 20px; }
.st-karusel__serit { display: flex; transition: transform .5s ease; }
.st-karusel__oge { flex: 0 0 100%; display: block; }
.st-karusel__oge img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 20px; }
.st-karusel__ok {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: rgba(238, 238, 238, .9);
	font-size: 0;
}
.st-karusel__ok::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: auto;
	border-top: 4px solid currentColor;
	border-right: 4px solid currentColor;
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, .4));
}
.st-karusel__ok--geri { left: 10px; }
.st-karusel__ok--geri::before { transform: rotate(-135deg); }
.st-karusel__ok--ileri { right: 10px; }
.st-karusel__ok--ileri::before { transform: rotate(45deg); }
.st-karusel__noktalar { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 8px; }
.st-karusel__noktalar button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #000; opacity: .2; cursor: pointer; }
.st-karusel__noktalar button.is-active { opacity: 1; }

.st-lightbox { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .87); }
.st-lightbox[hidden] { display: none; }
.st-lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; }
.st-lightbox button { position: absolute; border: 0; background: transparent; color: #fff; font-size: 48px; line-height: 1; cursor: pointer; padding: 10px 20px; }
.st-lightbox__kapat { top: 10px; right: 10px; }
.st-lightbox__ok--geri { left: 10px; top: 50%; transform: translateY(-50%); }
.st-lightbox__ok--ileri { right: 10px; top: 50%; transform: translateY(-50%); }

.st-teknik__kutu {
	display: flex;
	flex-direction: column;
	gap: 35px;
	padding: 50px;
	border-radius: 20px;
	background: #F9FCFF;
	scroll-margin-top: 120px;
}
.st-teknik__baslik { margin: 0; font-size: 34px; font-weight: 500; line-height: 46.8px; color: var(--st-lacivert); text-align: center; }
.st-teknik__icerik { font-size: 16px; line-height: 1.4rem; }
.st-teknik__icerik > :first-child { margin-top: 0; }
.st-teknik__icerik > :last-child { margin-bottom: 0; }
.st-teknik__icerik table { width: 100%; border-collapse: collapse; }
@media (max-width: 1366px) { .st-teknik__baslik { font-size: 30px; line-height: 1.2em; } }
@media (max-width: 1024px) { .st-teknik { padding-inline: 25px; } .st-teknik__kutu { padding: 25px; gap: 15px; } }

.st-benzer { display: flex; flex-direction: column; gap: 60px; padding-block: 80px; }
@media (max-width: 1366px) { .st-benzer { padding: 50px; } }
@media (max-width: 1024px) { .st-benzer { padding: 25px; gap: 25px; } }
@media (max-width: 767px)  { .st-benzer { padding: 50px 15px; } }

/* ============ Blog yazısı ============ */
.st-yazi { display: flex; flex-direction: column; gap: 20px; padding-block: 50px 25px; }
.st-yazi__baslik { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.4rem; color: var(--st-lacivert); }
.st-yazi__icerik > :first-child { margin-top: 0; }
@media (max-width: 1366px) { .st-yazi { padding: 25px; } .st-yazi__baslik { font-size: 20px; } }
@media (max-width: 767px)  { .st-yazi { padding: 15px; gap: 15px; } }

/* ============ İç sayfalar ============ */
.st-iki-sutun { display: flex; align-items: center; gap: 80px; padding: 50px 0 25px; }
.st-iki-sutun > * { flex: 1; min-width: 0; margin: 0 !important; }
.st-iki-sutun__metin { display: flex; flex-direction: column; gap: 20px; }
.st-iki-sutun__metin > * { margin: 0; }
.st-baslik-26 { font-size: 26px; font-weight: 700; line-height: 1.4em; color: var(--st-lacivert); }
.st-yuvarlak img { border-radius: 20px; }
.st-ortala { text-align: center; }
.st-ortala img { margin-inline: auto; }
.st-kutu-yuvarlak { padding: 60px; border-radius: 20px; background: var(--st-gok); font-size: 20px; font-weight: 400; }
.st-kutu-yuvarlak p { margin: 0; }
.st-gok-zemin { background: var(--st-gok); }
.st-cizgili-baslik { display: flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 500; color: var(--st-turuncu); }
.st-cizgili-baslik::before, .st-cizgili-baslik::after { content: ""; flex: 1; height: 1px; background: var(--st-turuncu); opacity: .5; }
@media (max-width: 1366px) { .st-iki-sutun { gap: 25px; padding: 25px; } .st-baslik-26 { font-size: 20px; } }
@media (max-width: 1024px) { .st-iki-sutun { flex-direction: column; } .st-kutu-yuvarlak { padding: 25px; } }
@media (max-width: 767px)  { .st-iki-sutun { padding: 15px; } }

/* İK katılım kutusu */
.st-katil {
	max-width: 900px;
	min-height: 500px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 25px;
	padding: 50px;
	background: url("../../uploads/2026/06/Newsletter-Section-Start.png.webp") center / contain no-repeat;
	text-align: center;
}
.st-katil > * { margin: 0; }
.st-katil .wp-block-buttons { justify-content: center; }

/* İletişim */
.st-iletisim { display: flex; gap: 50px; padding-block: 100px; }
.st-iletisim__kartlar { width: 33.3333%; flex: none; display: flex; flex-direction: column; gap: 25px; }
.st-iletisim__form { flex: 1; min-width: 0; }
.st-iletisim-karti {
	min-height: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	text-align: center;
}
.st-iletisim-karti > * { margin: 0; }
.st-iletisim-karti img { width: 40px; height: 40px; }
.st-iletisim-karti__baslik { font-size: 26px; font-weight: 700; line-height: 1.4rem; color: var(--st-lacivert); }
.st-iletisim-karti p { font-size: 16px; line-height: 1.4rem; }
@media (max-width: 1366px) { .st-iletisim { padding: 50px; } .st-iletisim-karti__baslik { font-size: 20px; } }
@media (max-width: 1024px) { .st-iletisim { flex-direction: column; padding: 25px; } .st-iletisim__kartlar { width: 100%; } }
@media (max-width: 767px)  { .st-iletisim { padding: 15px; } }

/* Teklif formu sayfası */
.st-teklif { max-width: 930px; margin-inline: auto; padding: 75px 0; }
@media (max-width: 1024px) { .st-teklif { padding: 25px; } }

/* Galeri sayfaları (Sertifikalar / Ödüller) */
.st-galeri-sayfa { padding-block: 80px; }
@media (max-width: 1024px) { .st-galeri-sayfa { padding: 25px; } }

/* ============ Formlar (Contact Form 7) ============ */
.st-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.st-form__alan { display: flex; flex-direction: column; gap: 8px; grid-column: 1 / -1; }
.st-form__alan--yarim { grid-column: auto; }
.st-form label { font-size: 16px; font-weight: 400; line-height: 1.4rem; color: var(--st-metin); }
.st-form input[type="text"],
.st-form input[type="email"],
.st-form input[type="tel"],
.st-form textarea,
.st-form select {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #69727d;
	border-radius: 3px;
	background: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
.st-form textarea { min-height: 120px; }
.st-form .wpcf7-submit {
	grid-column: 1 / -1;
	justify-self: stretch;
	padding: 11px 50px;
	border: 0;
	border-radius: 100px;
	background: var(--st-turuncu);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	cursor: pointer;
}
.st-form .wpcf7-submit:hover { background: var(--st-lacivert); }
.wpcf7-form .wpcf7-spinner { position: absolute; }
.wpcf7 form .wpcf7-response-output { margin: 20px 0 0; border-radius: 5px; }
@media (max-width: 767px) { .st-form { grid-template-columns: minmax(0, 1fr); } }

/* Tawk.to ikonunun görseli (eski CSS) */
.tawk-icon-right img { display: none !important; }

/* ============ Eski temanın CSS'i (css/style-elementor.css): ürün yan menüsü, kataloglar, yol çubuğu ============ */
.urunler-sidebar-nav {
  border:1px solid #d8d8d8;
  border-radius:30px;
  padding:12px
}
.urunler-sidebar-nav ul {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px
}
.urunler-sidebar-nav li {
  margin:0
}
.urunler-sidebar-nav li.current-menu-item a {
  background:#ddeadf
}
.urunler-sidebar-nav a {
  display:block;
  padding:16px 20px;
  border-radius:999px;
  color:inherit;
  text-decoration:none;
  font-size:18px;
  font-weight:400;
  line-height:1.2;
  transition:all .2s ease
}
.urunler-sidebar-nav a:hover {
  background:#ddeadf
}
@media(max-width: 1024px) {
  .urunler-sidebar-nav a {
    padding:14px 18px
  }
}
@media(max-width: 767px) {
  .urunler-sidebar-nav {
    border-radius:20px;
    padding:10px
  }
  .urunler-sidebar-nav a {
    padding:12px 16px
  }
}
.custom-breadcrumb i {
  margin:0 5px
}
.urunler-sidebar-nav {
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid #d8d8d8;
  border-radius:30px;
  padding:12px;
  overflow:hidden
}
.urunler-sidebar-nav ul {
  list-style:none;
  margin:0;
  padding:0
}
.urunler-sidebar-nav li {
  list-style:none;
  margin:0;
  padding:0
}
.urunler-sidebar-nav>.urunler-main-menu {
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%
}
.urunler-sidebar-nav .urunler-sidebar-item-row {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  min-height:54px;
  box-sizing:border-box;
  background:#f5f5f5;
  border-radius:999px
}
.urunler-sidebar-nav .urunler-sidebar-link {
  display:flex;
  align-items:center;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:54px;
  box-sizing:border-box;
  padding:0 20px;
  background:#f5f5f5 !important;
  border-radius:999px;
  color:#333 !important;
  text-decoration:none !important;
  font-size:18px;
  font-weight:400;
  line-height:1.25;
  overflow-wrap:break-word;
  word-break:normal;
  transition:background-color .2s ease,color .2s ease
}
.urunler-sidebar-nav .urunler-sidebar-category-opener {
  -moz-appearance:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  display:flex;
  align-items:center;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:54px;
  box-sizing:border-box;
  margin:0 !important;
  padding:0 50px 0 20px !important;
  border:0 !important;
  border-radius:999px !important;
  outline:none !important;
  background:#f5f5f5 !important;
  color:#333 !important;
  text-align:left;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  cursor:pointer;
  overflow-wrap:break-word;
  word-break:normal;
  transition:background-color .2s ease,color .2s ease
}
.urunler-sidebar-nav .urunler-sidebar-item-row:hover .urunler-sidebar-link,.urunler-sidebar-nav .urunler-sidebar-item-row:hover .urunler-sidebar-category-opener {
  background:#eee !important;
  color:#007f8a !important
}
.urunler-sidebar-nav .urunler-sidebar-item.current-menu-item>.urunler-sidebar-item-row {
  background:#dfeae2 !important
}
.urunler-sidebar-nav .urunler-sidebar-item.current-menu-item>.urunler-sidebar-item-row .urunler-sidebar-link,.urunler-sidebar-nav .urunler-sidebar-item.current-menu-item>.urunler-sidebar-item-row .urunler-sidebar-category-opener {
  background:#dfeae2 !important;
  color:#333 !important;
  font-weight:500 !important
}
.urunler-sidebar-nav .urunler-sidebar-item.current-menu-item>.urunler-submenu>.urunler-sidebar-parent-link>.urunler-sidebar-link {
  background:#dfeae2 !important;
  color:#333 !important;
  font-weight:500 !important
}
.urunler-sidebar-nav .urunler-sidebar-toggle {
  -moz-appearance:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  position:absolute;
  top:50%;
  right:8px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  outline:none !important;
  background:rgba(0,0,0,0) !important;
  background-color:rgba(0,0,0,0) !important;
  box-shadow:none !important;
  cursor:pointer;
  z-index:10
}
.urunler-sidebar-nav .urunler-sidebar-toggle span {
  position:absolute;
  display:block;
  width:11px;
  height:2px;
  margin:0;
  padding:0;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:#F07D00 !important
}
.urunler-sidebar-nav .urunler-sidebar-toggle span::after {
  content:"";
  position:absolute;
  display:block;
  width:11px;
  height:2px;
  margin:0;
  padding:0;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) rotate(90deg);
  background-color:#F07D00 !important;
  transition:transform .2s ease
}
.urunler-sidebar-nav .urunler-sidebar-item.is-expanded>.urunler-sidebar-item-row .urunler-sidebar-toggle span::after {
  transform:translate(-50%, -50%) rotate(0deg)
}
.urunler-sidebar-nav .urunler-sidebar-item>.urunler-submenu {
  display:none
}
.urunler-sidebar-nav .urunler-sidebar-item.is-expanded>.urunler-submenu {
  display:block
}
.urunler-sidebar-nav .urunler-submenu {
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:0 !important;
  padding:6px 0 0 20px !important;
  overflow:visible
}
.urunler-sidebar-nav .urunler-submenu .urunler-submenu {
  padding-left:0px !important
}
.urunler-sidebar-nav .urunler-submenu>li {
  width:100%;
  max-width:100%;
  margin:0 0 6px 0;
  padding:0;
  box-sizing:border-box
}
.urunler-sidebar-nav .urunler-submenu .urunler-sidebar-link {
  display:flex;
  align-items:center;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:54px;
  box-sizing:border-box;
  padding:0 18px !important;
  background:#f5f5f5 !important;
  border-radius:999px;
  color:#333 !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  overflow-wrap:break-word;
  word-break:normal;
  transition:background-color .2s ease,color .2s ease
}
.urunler-sidebar-nav .urunler-submenu .urunler-sidebar-link:hover {
  background:#eee !important;
  color:#007f8a !important
}
.urunler-sidebar-nav .urunler-submenu>.urunler-sidebar-parent-link {
  width:100%;
  max-width:100%;
  margin-bottom:6px;
  padding:0
}
.urunler-sidebar-nav .urunler-submenu>.urunler-sidebar-parent-link .urunler-sidebar-link {
  width:100%
}
.urunler-sidebar-nav .urunler-submenu .current-menu-item>.urunler-sidebar-item-row {
  background:#dfeae2 !important
}
.urunler-sidebar-nav .urunler-submenu .current-menu-item>.urunler-sidebar-item-row .urunler-sidebar-link,.urunler-sidebar-nav .urunler-submenu .current-menu-item>.urunler-sidebar-item-row .urunler-sidebar-category-opener {
  background:#dfeae2 !important;
  color:#333 !important;
  font-weight:500 !important
}
.urunler-sidebar-nav .urunler-submenu>.urunler-sidebar-parent-link.current-menu-item>.urunler-sidebar-link {
  background:#dfeae2 !important;
  color:#333 !important;
  font-weight:500 !important
}
.urunler-sidebar-nav .urunler-submenu .urunler-submenu {
  width:100%;
  max-width:100%;
  padding-left:0px !important
}
@media(max-width: 1024px) {
  .urunler-sidebar-nav {
    padding:10px
  }
  .urunler-sidebar-nav .urunler-sidebar-link {
    font-size:17px;
    min-height:52px;
    padding-left:18px;
    padding-right:18px
  }
  .urunler-sidebar-nav .urunler-sidebar-category-opener {
    min-height:52px;
    padding-left:18px !important;
    padding-right:48px !important;
    font-size:17px !important
  }
  .urunler-sidebar-nav .urunler-submenu {
    padding-left:16px !important
  }
}
@media(max-width: 767px) {
  .urunler-sidebar-nav {
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    border-radius:20px;
    padding:8px;
    overflow:hidden
  }
  .urunler-sidebar-nav>.urunler-main-menu {
    width:100%;
    gap:6px
  }
  .urunler-sidebar-nav .urunler-sidebar-item-row {
    width:100%;
    min-height:50px;
    border-radius:999px
  }
  .urunler-sidebar-nav .urunler-sidebar-link {
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:50px;
    padding:8px 16px;
    box-sizing:border-box;
    font-size:16px !important;
    line-height:1.2 !important;
    white-space:normal;
    overflow-wrap:break-word
  }
  .urunler-sidebar-nav .urunler-sidebar-category-opener {
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:50px;
    padding:8px 45px 8px 16px !important;
    box-sizing:border-box;
    font-size:16px !important;
    line-height:1.2 !important;
    white-space:normal;
    overflow-wrap:break-word
  }
  .urunler-sidebar-nav .urunler-sidebar-toggle {
    right:6px;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important
  }
  .urunler-sidebar-nav .urunler-submenu {
    width:100%;
    max-width:100%;
    padding:5px 0 0 10px !important;
    box-sizing:border-box
  }
  .urunler-sidebar-nav .urunler-submenu .urunler-sidebar-link {
    width:100%;
    max-width:100%;
    min-height:44px;
    padding:7px 14px !important;
    box-sizing:border-box;
    font-size:16px !important;
    line-height:1.2 !important;
    white-space:normal;
    overflow-wrap:break-word
  }
  .urunler-sidebar-nav .urunler-submenu>li {
    width:100%;
    max-width:100%;
    margin-bottom:5px
  }
  .urunler-sidebar-nav .urunler-submenu .urunler-submenu {
    padding-left:8px !important
  }
}
@media(max-width: 480px) {
  .urunler-sidebar-nav {
    padding:7px
  }
  .urunler-sidebar-nav .urunler-sidebar-item-row {
    min-height:48px
  }
  .urunler-sidebar-nav .urunler-sidebar-link {
    min-height:48px;
    padding:7px 14px;
    font-size:15px !important
  }
  .urunler-sidebar-nav .urunler-sidebar-category-opener {
    min-height:48px;
    padding:7px 42px 7px 14px !important;
    font-size:15px !important
  }
  .urunler-sidebar-nav .urunler-sidebar-toggle {
    right:5px;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important
  }
  .urunler-sidebar-nav .urunler-submenu {
    padding-left:8px !important
  }
  .urunler-sidebar-nav .urunler-submenu .urunler-sidebar-link {
    min-height:42px;
    padding:6px 12px !important;
    font-size:15px !important
  }
}
.urunler-category-catalogs-list {
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%
}
.urunler-category-catalog-item {
  width:100%;
  margin:0;
  padding:0
}
.urunler-category-catalog-link {
  display:flex;
  align-items:center;
  width:100%;
  min-height:72px;
  padding:12px 18px;
  box-sizing:border-box;
  background:#f7f8f7;
  border:1px solid #e3e8e4;
  border-radius:12px;
  color:#333;
  text-decoration:none !important;
  transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease
}
.urunler-category-catalog-link:hover {
  background:#fff;
  border-color:#d3ddd5;
  transform:translateY(-1px);
  box-shadow:0 5px 18px rgba(0,0,0,.06)
}
.urunler-category-catalog-link:hover .urunler-category-catalog-arrow {
  transform:translate(2px, -2px)
}
.urunler-category-catalog-link:hover .urunler-category-catalog-action {
  color:#007f8a
}
.urunler-category-catalog-link:focus-visible {
  outline:2px solid #007f8a;
  outline-offset:3px
}
.urunler-category-catalog-icon {
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:15px;
  background:#dfeae2;
  border-radius:10px
}
.urunler-category-catalog-icon-label {
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  color:#007f8a
}
.urunler-category-catalog-content {
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px
}
.urunler-category-catalog-name {
  display:block;
  font-size:16px;
  font-weight:500;
  line-height:1.4;
  color:#333;
  overflow-wrap:anywhere
}
.urunler-category-catalog-action {
  display:block;
  font-size:13px;
  line-height:1.3;
  color:#777;
  transition:color .2s ease
}
.urunler-category-catalog-arrow {
  flex:0 0 auto;
  margin-left:15px;
  font-size:20px;
  line-height:1;
  color:#333;
  transition:transform .25s ease
}
@media(max-width: 767px) {
  .urunler-category-catalogs-list {
    gap:8px
  }
  .urunler-category-catalog-link {
    min-height:64px;
    padding:10px 14px
  }
  .urunler-category-catalog-icon {
    flex-basis:40px;
    width:40px;
    height:40px;
    margin-right:12px
  }
  .urunler-category-catalog-name {
    font-size:15px
  }
  .urunler-category-catalog-action {
    font-size:12px
  }
  .urunler-category-catalog-arrow {
    margin-left:10px;
    font-size:18px
  }
}
  display:none !important
}
.custom-breadcrumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:14px
}
.custom-breadcrumb a {
  text-decoration:none;
  transition:opacity .2s ease
}
.custom-breadcrumb a:hover {
  opacity:.7
}
.custom-breadcrumb .breadcrumb-separator {
  font-size:9px;
  opacity:.5
}
.custom-breadcrumb .current {
  opacity:.7
}
.custom-breadcrumb i {
  margin:0 5px
}
@media(max-width: 767px) {
  .custom-breadcrumb {
    gap:6px;
    font-size:13px;
    line-height:1.4
  }
  .custom-breadcrumb i {
    margin:0 3px
  }
}
.urunler-sidebar-item.is-group {
  width:100%
}
.urunler-sidebar-item.is-group>.urunler-sidebar-item-row {
  position:relative;
  z-index:2
}
.urunler-sidebar-item.is-group>.urunler-submenu {
  position:relative;
  z-index:1
}
.urunler-mobile-menu-toggle {
  display:none;
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  padding:0 18px;
  align-items:center;
  justify-content:space-between;
  background:#f5f5f5;
  border:1px solid #e3e3e3;
  border-radius:999px;
  color:#333;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:background-color .2s ease,border-color .2s ease
}
.urunler-mobile-menu-label {
  font-size:16px;
  font-weight:500;
  line-height:1;
  letter-spacing:.02em
}
.urunler-mobile-menu-icon {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#F07D00;
  transition:background-color .2s ease
}
.urunler-mobile-menu-icon span {
  display:block;
  width:15px;
  height:2px;
  background:#333;
  border-radius:2px;
  transition:transform .2s ease,opacity .2s ease
}
.urunler-mobile-menu-toggle.is-open {
  background:#dfeae2;
  border-color:#dfeae2
}
.urunler-mobile-menu-toggle.is-open .urunler-mobile-menu-icon span:nth-child(1) {
  transform:translateY(6px) rotate(45deg)
}
.urunler-mobile-menu-toggle.is-open .urunler-mobile-menu-icon span:nth-child(2) {
  opacity:0
}
.urunler-mobile-menu-toggle.is-open .urunler-mobile-menu-icon span:nth-child(3) {
  transform:translateY(-6px) rotate(-45deg)
}
@media(max-width: 767px) {
  .urunler-mobile-menu-toggle {
    display:flex;
    margin-bottom:8px
  }
  .urunler-sidebar-nav {
    display:none;
    width:100%;
    max-width:100%;
    box-sizing:border-box
  }
  .urunler-sidebar-nav.mobile-menu-open {
    display:block
  }
}
@media(min-width: 768px) {
  .urunler-sidebar-nav {
    display:block !important
  }
  .urunler-mobile-menu-toggle {
    display:none !important
  }
}


/* ============ Tam genişlik bölümler (Blocksy içerik kabından taşır) ============ */
html, body { overflow-x: clip; }
.ct-container-full .entry-content > :not(.st-kap), article > .entry-content > :not(.st-kap) {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: 0 !important;
}

/* ============ Düzeltmeler (karşılaştırma turu 1) ============ */
/* Header kabı: Elementor kabıyla aynı genişlik (1440 / 1000 / tam) */
#header .ct-container {
	width: 100%;
	max-width: calc(var(--st-kap) + 2 * var(--st-yan));
	padding-inline: var(--st-yan);
	box-sizing: border-box;
}
#header [data-row*="middle"] [data-column="end"] > [data-items] { gap: 40px; }
#header .ct-header-cta { margin-inline-start: 10px; }
#header [data-id="text"] { margin-inline-start: 50px; }
#header .ct-header-cta > a { height: auto; }
@media (max-width: 1366px) {
	#header [data-row*="middle"] [data-column="end"] > [data-items] { gap: 10px; }
	#header [data-id="text"] { margin-inline-start: 10px; }
}
#header .site-logo-container img { width: 281px; height: auto; max-height: none; }

/* Alt bilgi CTA: sola hizalı, lacivert geçiş */
.st-cta { align-items: flex-start; text-align: left; }
.st-cta::before { background: linear-gradient(90deg, var(--st-lacivert) 31%, #07689F38 55%); opacity: .83; }
.st-cta .wp-block-buttons { justify-content: flex-start; }
/* Alt bilgi sütunları */
.st-alt-sutunlar { gap: 0; }
.st-alt-sutun { gap: 23px; }
.st-alt-liste { gap: 5px; }
.st-alt-sutun p.st-alt-sutun__baslik { font-size: 20px; font-weight: 600; line-height: 26px; color: #000; }
.st-alt-logo img { width: 281px; }
@media (max-width: 1366px) {
	.st-alt-sutun--iletisim { display: flex; }
	.st-alt-sutun p.st-alt-sutun__baslik { font-size: 17px; }
}

/* ============ Düzeltmeler (karşılaştırma turu 2) ============ */
.st-urun__ayirac { border-top-color: #D5D8DC; }
.st-kutu-yuvarlak { background: #fff; }

/* İletişim kartları: ikon solda, metin solda */
.st-iletisim-karti {
	flex-direction: row;
	justify-content: flex-start;
	gap: 25px;
	padding: 15px 15px 15px 25px;
	box-shadow: 0 5px 20px rgba(7, 104, 159, .1);
	text-align: left;
}
.st-iletisim-karti .wp-block-image { flex: none; }
.st-iletisim-karti img { width: 50px; height: 50px; }
.st-iletisim-karti__ic { display: flex; flex-direction: column; gap: 10px; }
.st-iletisim-karti__ic > * { margin: 0; }
.st-iletisim-karti__baslik { font-size: 20px; line-height: 1.3; color: #000; }
.st-iletisim-karti p:not(.st-iletisim-karti__baslik) { font-size: 14px; line-height: 1.6; color: var(--st-metin); }

/* Formlar: Elementor formu gibi etiketsiz, açık zemin, mavi buton */
.st-form { gap: 10px; }
.st-form label { display: block; font-size: 0; line-height: 0; }
.st-form label .wpcf7-form-control-wrap { display: block; }
.st-form input[type="text"], .st-form input[type="email"], .st-form input[type="tel"], .st-form textarea {
	padding: 7px 15px;
	min-height: 40px;
	border: 1px solid #E3E8EC;
	border-radius: 10px;
	background: #F9FCFF;
	font-size: 14px;
	line-height: 1.4;
	color: var(--st-metin);
}
.st-form textarea { min-height: 200px; }
.st-form .wpcf7-submit {
	justify-self: start;
	padding: 12px 30px;
	border-radius: 100px;
	background: var(--st-mavi);
	font-size: 14px;
	font-weight: 500;
}
.st-form .wpcf7-submit:hover { background: var(--st-turuncu); }

/* İK: koyu "Ekibimize Katılın" bandı */
.st-katil {
	max-width: none;
	width: 100%;
	box-sizing: border-box;
	background-size: cover;
	border-radius: 0;
	color: #fff;
}
.st-katil .st-baslik-26 { font-size: 34px; font-weight: 600; color: #fff; }
.st-katil p { max-width: 900px; font-size: 16px; line-height: 1.7; color: #fff; }
.st-ik-istatistik { padding: 50px 0; }
.st-istatistikler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px; }
.st-istatistikler--4 .st-istatistik { min-height: 170px; border-radius: 8px; }
.st-istatistikler--4 .st-istatistik__sayi { color: var(--st-lacivert); line-height: 1.4; }
@media (max-width: 1024px) { .st-istatistikler--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 767px)  { .st-istatistikler--4 { grid-template-columns: minmax(0, 1fr) !important; } .st-katil .st-baslik-26 { font-size: 24px; } }
.st-ik-istatistik .st-istatistikler { flex: 1; width: 100%; }
.st-form .wpcf7-form-control-wrap { display: block; }

/* ============ Düzeltmeler (mobil) ============ */
.st-bolum > .st-kap { padding-inline: 0; }
#header .ct-header-trigger {
	width: 38px;
	height: 38px;
	border: 0 !important;
	border-radius: 3px;
	background: var(--st-turuncu) !important;
	--theme-icon-color: #fff;
	color: #fff;
}
#header .ct-header-trigger .ct-icon rect { fill: #fff; }
#header [data-device="mobile"] [data-row*="top"] .ct-header-cta > a { border-color: transparent; padding: 0; }
#header [data-device="mobile"] [data-row*="top"] .st-telefon__ikon { color: #000839; }
#header [data-device="mobile"] [data-row*="top"] .st-telefon__ikon .st-ikon { width: 15px; height: 15px; }
@media (max-width: 767px) {
	.st-hero__sag { order: -1; }
	.st-hero__gorsel img { margin-inline: auto; }
	.st-hero__baslik { text-align: left; }
}
.st-istatistik { border-radius: 8px; background: rgba(255, 255, 255, .55); }

/* ============ Hakkımızda (yeni tasarım, 16 Ekim) ============ */
.hk-bolum { --hk-yuvarlak: 14px; --hk-cizgi: #E3ECF3; --hk-soluk: #5b6475; padding: 96px 0; color: #333; font-size: 16px; line-height: 1.7; }
.hk-bolum p { margin: 0; color: var(--hk-soluk); }
.hk-wrap { width: min(var(--st-kap), 100% - 50px); margin-inline: auto; }
@media (max-width: 767px) { .hk-wrap { width: calc(100% - 30px); } }
@media (min-width: 1367px) { .hk-bolum { font-size: 18px; } }
.hk-bolum h1, .hk-bolum h2, .hk-bolum h3 { margin: 0; color: var(--st-lacivert); font-weight: 700; line-height: 1.25; }
.hk-bolum p.hk-ust { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--st-turuncu); }
.hk-ust::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.hk-baslik { font-size: clamp(26px, 3.2vw, 38px) !important; margin: 12px 0 18px !important; }

/* Hero */
.hk-hero { position: relative; padding: 0; background: var(--st-lacivert); overflow: hidden; }
.hk-hero::before { content: ""; position: absolute; inset: 0; background: url("../../uploads/2026/07/ChatGPT-Image-7-Tem-2026-18_03_25.png.webp") center 40% / cover; opacity: .9; }
.hk-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 8, 57, .95) 0%, rgba(0, 8, 57, .82) 45%, rgba(7, 104, 159, .25) 100%); }
.hk-hero .hk-wrap { position: relative; z-index: 1; padding: 84px 0 96px; }
.hk-yol { display: flex; gap: 10px; margin-bottom: 28px; font-size: 13px; color: rgba(255, 255, 255, .7); }
.hk-yol a { color: inherit; text-decoration: none; }
.hk-yol a:hover { color: #fff; }
.hk-yol b { color: #fff; font-weight: 500; }
.hk-bolum h1.hk-hero__baslik { color: #fff; font-size: clamp(36px, 5vw, 56px); letter-spacing: -.01em; }
.hk-bolum p.hk-hero__alt { max-width: 680px; margin: 6px 0 22px; font-size: clamp(20px, 2.4vw, 28px); font-weight: 300; line-height: 1.35; color: #fff; }
.hk-hero__alt strong { font-weight: 600; color: var(--st-turuncu); }
.hk-bolum p.hk-hero__metin { max-width: 520px; color: rgba(255, 255, 255, .82); }

/* Biz kimiz */
.hk-biz { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.hk-biz__metin p + p { margin-top: 14px; }
.hk-biz__gorsel { position: relative; }
.hk-biz__gorsel .wp-block-image { margin: 0; }
.hk-biz__gorsel img { display: block; width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--hk-yuvarlak); }
.hk-rozet { position: absolute; left: -28px; bottom: -28px; display: flex; align-items: center; gap: 16px; padding: 20px 26px; border-radius: var(--hk-yuvarlak); background: #fff; box-shadow: 0 18px 40px rgba(0, 8, 57, .12); }
.hk-rozet strong { font-size: 40px; font-weight: 700; line-height: 1; color: var(--st-turuncu); }
.hk-rozet span { font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--st-lacivert); }
@media (min-width: 1367px) { .hk-biz { gap: 80px; } }

/* Uzmanlık */
.hk-uzmanlik { background: var(--st-gok); }
.hk-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 48px; }
.hk-bas p.hk-bas__metin { max-width: 440px; }
.hk-bolum p.hk-slogan { font-size: clamp(20px, 2vw, 26px); font-weight: 700; line-height: 1.35; color: var(--st-lacivert); }
.hk-kartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.hk-kart { display: flex; flex-direction: column; padding: 28px 22px; border: 1px solid transparent; border-radius: var(--hk-yuvarlak); background: #fff; transition: .25s; }
.hk-kart:hover { border-color: var(--st-mavi); transform: translateY(-4px); box-shadow: 0 16px 36px rgba(7, 104, 159, .12); }
.hk-ikon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 22px; border-radius: 12px; background: var(--st-gok); color: var(--st-mavi); }
.hk-ikon svg { width: 26px; height: 26px; }
.hk-bolum h3.hk-kart__baslik { font-size: 17px; }
.hk-kart p { margin-top: 10px !important; font-size: 14px; }
@media (min-width: 1367px) { .hk-kart p { font-size: 15px; } }

/* Zaman çizelgesi */
.hk-zaman { --hk-adet: 4; --hk-ara: 32px; position: relative; margin-top: 56px; }
.hk-zaman__serit { display: flex; gap: var(--hk-ara); padding-top: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.hk-zaman__serit::-webkit-scrollbar { display: none; }
.hk-adim { position: relative; flex: 0 0 calc((100% - var(--hk-ara) * (var(--hk-adet) - 1)) / var(--hk-adet)); padding-top: 34px; border-top: 2px solid var(--hk-cizgi); scroll-snap-align: start; }
.hk-adim::before { content: ""; position: absolute; top: -2px; left: 100%; width: var(--hk-ara); height: 2px; background: var(--hk-cizgi); }
.hk-adim:last-child::before { display: none; }
.hk-adim__nokta { position: absolute; top: -11px; left: 0; width: 20px; height: 20px; border: 2px solid var(--st-mavi); border-radius: 50%; background: #fff; box-sizing: border-box; }
.hk-adim__nokta::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--st-mavi); }
.hk-adim--simdi .hk-adim__nokta { border-color: var(--st-turuncu); }
.hk-adim--simdi .hk-adim__nokta::after { background: var(--st-turuncu); }
.hk-adim__yil { font-size: 28px; font-weight: 700; line-height: 1; color: var(--st-lacivert); }
.hk-adim--simdi .hk-adim__yil { color: var(--st-turuncu); }
.hk-bolum .hk-adim h3 { margin: 10px 0 8px; font-size: 15px; color: var(--st-mavi); }
.hk-adim p { font-size: 14px; line-height: 1.65; }
@media (min-width: 1367px) { .hk-adim p { font-size: 15px; } }
.hk-zaman__oklar { display: flex; justify-content: flex-end; gap: 10px; margin-top: 32px; }
.hk-zaman__oklar button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--hk-cizgi); border-radius: 50%; background: #fff; color: var(--st-lacivert); cursor: pointer; transition: .2s; }
.hk-zaman__oklar button:hover:not(:disabled) { border-color: var(--st-turuncu); color: var(--st-turuncu); }
.hk-zaman__oklar button:disabled { opacity: .35; cursor: default; }
.hk-zaman__oklar svg { width: 18px; height: 18px; }

/* Güç kartları */
.hk-gucler { padding-top: 0; }
.hk-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.hk-guc { position: relative; overflow: hidden; padding: 36px; border: 1px solid var(--hk-cizgi); border-radius: var(--hk-yuvarlak); background: #fff; }
.hk-guc::after { content: ""; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; border-radius: 50%; background: var(--st-gok); }
.hk-guc > * { position: relative; z-index: 1; }
.hk-ikon--koyu { width: 62px; height: 62px; background: var(--st-lacivert); color: #fff; }
.hk-bolum p.hk-guc__etiket { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--st-turuncu); }
.hk-bolum h3.hk-guc__baslik { margin: 8px 0 14px; font-size: 24px; }
.hk-guc p:not(.hk-guc__etiket) { font-size: 15px; }
@media (min-width: 1367px) { .hk-guc p:not(.hk-guc__etiket) { font-size: 16px; } }

/* Kapanış */
.hk-kapanis { padding: 88px 0; background: var(--st-gok); text-align: center; }
.hk-bolum p.hk-alinti { max-width: 860px; margin: 0 auto; font-size: clamp(20px, 2.4vw, 28px); font-weight: 500; line-height: 1.5; color: var(--st-lacivert); }
.hk-alinti em { font-style: normal; color: var(--st-turuncu); }

@media (max-width: 1080px) {
	.hk-kartlar { grid-template-columns: repeat(2, 1fr); }
	.hk-zaman { --hk-adet: 2; }
}
@media (max-width: 860px) {
	.hk-bolum { padding: 72px 0; }
	.hk-hero { padding: 0; }
	.hk-gucler { padding-top: 0; }
	.hk-biz, .hk-ikili { grid-template-columns: 1fr; }
	.hk-rozet { left: 16px; bottom: -24px; }
	.hk-bas { flex-direction: column; align-items: flex-start; gap: 0; }
	.hk-guc { padding: 32px; }
}
@media (max-width: 560px) {
	.hk-kartlar { grid-template-columns: 1fr; }
	.hk-zaman { --hk-adet: 1.15; --hk-ara: 20px; }
	.hk-hero .hk-wrap { padding: 56px 0 64px; }
}

/* ============ Anasayfa tasarım düzenlemeleri (10 Kasım) ============ */

/* Hero: ekranı kaplamasın, daha kısa */
@media (min-width: 1367px) {
	.st-hero { padding: 60px 0 80px; }
	.st-hero__gorsel img { width: 620px; height: 620px; margin-left: auto; }
}

/* Çözüm alanları: oval ince çerçeve */
.st-cozum {
	min-height: 0;
	padding: 18px 18px 26px;
	border: 1px solid var(--st-kenar);
	border-radius: 28px;
	background: #fff;
	overflow: hidden;
	transition: border-color .3s, box-shadow .3s;
}
.st-cozum img { border-radius: 18px; }
.st-cozum:hover { border-color: var(--st-mavi); box-shadow: 0 10px 30px rgba(0, 8, 57, .08); }
.st-cozum:hover .st-cozum__baslik a::after { background: transparent; }
.st-cozum__baslik { color: var(--st-lacivert); }

/* Benimsediğimiz ilkeler: sitenin başlık / metin renkleriyle */
.st-ilke { border-right-color: var(--st-kenar); }
.st-ilke__baslik { font-size: 20px; font-weight: 600; line-height: 1.3em; color: var(--st-lacivert); }
.st-ilke__metin { font-size: 16px; line-height: 1.7em; color: #3D3D3D; }
@media (max-width: 1366px) { .st-ilke__baslik { font-size: 18px; } }

/* Ürün kartları: fotoğrafın tamamı görünsün */
.st-urun-karti__gorsel { padding: 15px 15px 0; background: #fff; }
.st-urun-karti__gorsel img { height: 250px; object-fit: contain; }

/* İlkeler: soldaki güneş yazıların altında kalınca okunmuyordu; soluklaştır */
.st-ilkeler { position: relative; background: none; }
.st-ilkeler::before { content: ""; position: absolute; inset: 0; background: url("../../uploads/2026/06/sun-half.svg") left center / 200px auto no-repeat; opacity: .18; pointer-events: none; }
.st-ilkeler > .st-kap { position: relative; }

/* Çözüm kutuları eşit; cerrahi görselinin arkası açık gri */
.st-cozumler { align-items: stretch; }
.st-cozum { height: auto; }
.st-cozum .wp-block-image { aspect-ratio: 4 / 3; border-radius: 18px; overflow: hidden; }
.st-cozum .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.st-cozum__baslik { margin-top: auto; margin-bottom: auto; }
.st-cozum--gri .wp-block-image { background: #EEF1F4; }
.st-cozum--gri .wp-block-image img { object-fit: contain; padding: 12px; }

/* Sterilitenin Bilimi başlığı sola */
.st-bilim__metin h2.wp-block-heading.st-bolum-baslik { text-align: left; }

/* İlkeler: ikonlar */
.st-ilke__ikon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: var(--st-gok); color: var(--st-mavi); }
.st-ilke__ikon svg { width: 28px; height: 28px; }

/* Ürünlerimiz bölümü açık gri zeminde */
.st-urunlerimiz { background: #F3F5F7; }
.st-cozum__baslik { min-height: 2.6em; display: flex; align-items: center; justify-content: center; }
.st-cozumler > .st-cozum { display: flex; flex-direction: column; align-self: stretch; height: auto; }
.st-cozumler > .st-cozum > .st-cozum__baslik { margin: auto 0 !important; }
.st-cozumler > .st-cozum > .wp-block-image { margin: 0 !important; flex: none; }
.st-cozumler > .st-cozum { margin: 0 !important; }

/* Markalar / iş ortakları kutuları: başlıklar büyük ve aynı hizada, kutular eşit ve ortalı */
.st-bolum:has(> .st-kap > .st-logolar-sira) { padding: 80px 0; }
.st-logolar-sira { align-items: stretch; justify-content: center; min-height: 0; }
.st-logo-kutu { justify-content: flex-start; gap: 25px; }
.st-logo-kutu .st-etiket { font-size: 24px; font-weight: 600; line-height: 1.3em; }
.st-logo-kutu .st-logolar.wp-block-gallery { margin-block: auto !important; }
@media (max-width: 1024px) { .st-bolum:has(> .st-kap > .st-logolar-sira) { padding: 50px 0; } }
@media (max-width: 767px)  { .st-logo-kutu .st-etiket { font-size: 21px; } }

/* Bilgi Merkezi: sitenin kart ve yazı stiliyle, 4 sütun */
.st-izgara--blog { gap: 25px; }
.st-blog-karti { border: 2px solid var(--st-kenar); border-radius: 10px; box-shadow: none; overflow: hidden; transition: border-color .3s, box-shadow .3s; }
.st-blog-karti:hover { border-color: var(--st-mavi); box-shadow: 0 10px 30px rgba(0, 8, 57, .08); }
.st-blog-karti__gorsel img { height: 200px; border-radius: 0; }
.st-blog-karti__govde { gap: 12px; padding: 22px 22px 26px; }
.st-blog-karti__tarih { font-size: 14px; font-weight: 500; color: var(--st-mavi); }
.st-blog-karti__baslik { font-size: 18px; font-weight: 600; line-height: 1.35em; }
.st-blog-karti__ozet { font-size: 15px; line-height: 1.6em; color: #3D3D3D; }
.st-blog-karti__devami { margin-top: auto; padding-top: 6px; font-size: 16px; font-weight: 700; color: var(--st-camgobegi); transition: color .3s; }
.st-blog-karti__devami:hover { color: var(--st-lacivert); }
@media (max-width: 1366px) { .st-blog-karti__baslik { font-size: 17px; } }
.st-logolar-sira { max-width: 1240px; margin-inline: auto !important; width: 100%; }
.st-logolar-sira > .st-logo-kutu { margin: 0 !important; align-self: stretch; }

/* Logo satırı: üst ve alt beyaz boşluk eşit (alt boşluğu sonraki bölümün üst boşluğu veriyor) */
.st-bolum:has(> .st-kap > .st-logolar-sira) { padding: 80px 0 0; }
@media (max-width: 1024px) { .st-bolum:has(> .st-kap > .st-logolar-sira) { padding: 50px 0 0; } }

/* Bilgi Merkezi: özet 2 satır */
.st-blog-karti__ozet { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ============ Benimsediğimiz İlkeler (yeni) ============ */
.st-ilkeler { background: linear-gradient(180deg, #fff 0%, var(--st-gok) 100%); }
.st-ilkeler::before { display: none; }
.st-ilkeler__izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.st-ilke {
	position: relative;
	gap: 14px;
	padding: 34px 28px 32px;
	border: 1px solid var(--st-kenar);
	border-right: 1px solid var(--st-kenar);
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
	transition: transform .3s, box-shadow .3s, border-color .3s;
}
.st-ilke::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--st-turuncu); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.st-ilke:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 16px 40px rgba(0, 8, 57, .09); }
.st-ilke:hover::after { transform: scaleX(1); }
.st-ilke--kaydir::before { display: none; }
.st-ilke__ikon { width: 60px; height: 60px; margin-bottom: 8px; border-radius: 16px; background: var(--st-gok); color: var(--st-mavi); }
.st-ilke__ikon svg { width: 30px; height: 30px; }
.st-ilke__baslik { font-size: 20px; font-weight: 600; line-height: 1.3em; color: var(--st-lacivert); }
.st-ilke__metin { font-size: 15.5px; line-height: 1.75em; color: #4A4D52; }
@media (max-width: 1366px) { .st-ilkeler__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px)  { .st-ilkeler__izgara { grid-template-columns: minmax(0, 1fr); gap: 16px; } .st-ilke { padding: 26px 22px; } }

/* ============ Yana kaydırılan kart şeridi (ürünler, blog) ============ */
.st-kaydir { position: relative; }
.st-kaydir__serit.st-izgara {
	display: grid;
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 3 * 25px) / 4);
	gap: 25px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	padding: 4px 2px 8px;
	margin: -4px -2px -8px;
}
.st-kaydir__serit::-webkit-scrollbar { display: none; }
.st-kaydir__serit > * { scroll-snap-align: start; }
.st-kaydir__oklar { display: flex; justify-content: center; gap: 10px; margin-top: 28px; }
.st-kaydir__oklar[hidden] { display: none; }
.st-kaydir__oklar button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--st-kenar); border-radius: 50%; background: #fff; color: var(--st-lacivert); cursor: pointer; transition: .2s; }
.st-kaydir__oklar button:hover:not(:disabled) { border-color: var(--st-turuncu); color: var(--st-turuncu); }
.st-kaydir__oklar button:disabled { opacity: .35; cursor: default; }
.st-kaydir__oklar svg { width: 18px; height: 18px; }
@media (max-width: 1024px) { .st-kaydir__serit.st-izgara { grid-auto-columns: calc((100% - 25px) / 2); } }
@media (max-width: 767px) {
	.st-kaydir__serit.st-izgara { grid-auto-columns: 78%; gap: 14px; }
	.st-kaydir__serit.st-izgara--blog { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
	.st-kaydir__oklar { margin-top: 20px; }
	/* 2'li blog kartları dar: yazılar küçülsün */
	.st-izgara--blog .st-blog-karti__gorsel img { height: 120px; }
	.st-izgara--blog .st-blog-karti__govde { padding: 14px 12px 16px; gap: 8px; }
	.st-izgara--blog .st-blog-karti__tarih { font-size: 12px; }
	.st-izgara--blog .st-blog-karti__baslik { font-size: 14px; line-height: 1.35em; }
	.st-izgara--blog .st-blog-karti__ozet { font-size: 13px; line-height: 1.5em; }
	.st-izgara--blog .st-blog-karti__devami { font-size: 13px; }
}
.st-ilkeler__izgara > .st-ilke { margin: 0 !important; }
@media (max-width: 767px) {
	.st-alt-sutunlar { row-gap: 34px; }
	.st-izgara--blog .st-blog-karti__devami { white-space: nowrap; gap: 6px; }
}

/* ============ Mobil düzen (10 Kasım) ============ */
@media (max-width: 767px) {
	/* Çözüm alanları 2×2 */
	.st-cozumler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.st-cozumler > .st-cozum { padding: 10px 10px 14px; gap: 10px; border-radius: 18px; }
	.st-cozum .wp-block-image, .st-cozum img { border-radius: 12px; }
	.st-cozum__baslik { font-size: 14px; line-height: 1.3em; min-height: 2.6em; }
	.st-cozum--gri .wp-block-image img { padding: 6px; }

	/* İlkeler: yana kaydırılan kartlar */
	.st-ilkeler__izgara {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 84%;
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding: 4px 2px 10px;
		margin: -4px -2px 0;
	}
	.st-ilkeler__izgara::-webkit-scrollbar { display: none; }
	.st-ilkeler__izgara > .st-ilke { scroll-snap-align: start; }
	.st-ilke:hover { transform: none; }

	/* İstatistikler tek satırda */
	.st-istatistikler { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.st-istatistik { min-height: 0; padding: 16px 6px; border-radius: 12px; }
	.st-istatistik__sayi { font-size: 26px; line-height: 1.2em; }
	.st-istatistik__metin { font-size: 12px; line-height: 1.35em; }

	/* Alt bilgi: Kurumsal ve Ürünler yan yana, logo sola */
	.st-alt-sutunlar { column-gap: 16px; }
	.st-alt-sutun--logo { width: 100%; align-items: flex-start; }
	.st-alt-logo { margin: 0; text-align: left; }
	.st-alt-logo img { width: 220px; }
	.st-alt-sutun--dar { width: calc(50% - 8px); }
	.st-alt-sutun--dar a, .st-alt-sutun--dar .st-alt-liste a { font-size: 14px; }
	.st-alt-sutun p.st-alt-sutun__baslik { font-size: 16px; }
	.st-alt-sutun--orta { width: 100%; }
}

/* İletişim kutusu (11 Kasım): genişlik diğer bölümlerle aynı, mobilde yüz görünsün */
.st-alt-bilgi .st-kap { padding-inline: 0; }
@media (max-width: 767px) {
	.st-cta {
		padding: 40px 22px 250px;
		gap: 28px;
		background: var(--st-lacivert) url("../../uploads/2026/06/ecea04a4c334c531aab213645ea821cc04994059.jpg.webp") 88% 100% / auto 270px no-repeat;
	}
	.st-cta::before {
		opacity: 1;
		background: linear-gradient(0deg, rgba(0, 8, 57, 0) 0, rgba(0, 8, 57, 0) 190px, var(--st-lacivert) 268px);
	}
	.st-cta__baslik { font-size: 22px; }
	.st-cta__baslik br { display: none; }
	.st-cta .wp-block-buttons { flex-direction: column; align-items: stretch; gap: 12px; width: 100%; }
	.st-cta .wp-block-button { width: 100%; margin: 0; }
	.st-cta .wp-block-button .wp-block-button__link { width: 100%; justify-content: center; font-size: 16px; padding: 12px 20px; box-sizing: border-box; }
}

/* ============ Header masaüstü (11 Kasım): daha küçük yazı, telefon = Teklif Al biçimi ============ */
@media (min-width: 1000px) {
	#header [data-device="desktop"] .ct-menu-link { font-size: 16px; line-height: 22px; }
	#header [data-device="desktop"] [data-id="menu"] > ul { gap: 28px; }
	#header [data-device="desktop"] [data-id="menu"] .sub-menu .ct-menu-link { font-size: 16px; line-height: 22px; padding: 11px 18px !important; }
	#header [data-device="desktop"] [data-row*="middle"] [data-column="end"] > [data-items] { gap: 12px; }
	#header [data-device="desktop"] [data-id="text"] { margin-inline-start: 0; }
	#header [data-device="desktop"] .ct-header-cta > a,
	#header [data-device="desktop"] .st-telefon {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 46px;
		padding: 0 24px;
		border: 1px solid var(--st-turuncu);
		border-radius: 100px;
		background: transparent;
		color: var(--st-turuncu);
		font-size: 17px;
		font-weight: 500;
		line-height: 1;
		box-sizing: border-box;
		transition: background-color .3s, color .3s;
	}
	#header [data-device="desktop"] .ct-header-cta > a:hover,
	#header [data-device="desktop"] .st-telefon:hover { background: var(--st-turuncu); color: #fff; }
	#header [data-device="desktop"] .st-telefon__ikon,
	#header [data-device="desktop"] .st-telefon:hover .st-telefon__ikon { padding: 0; border-radius: 0; background: none; color: currentColor; }
	#header [data-device="desktop"] .st-telefon__ikon .st-ikon { width: 16px; height: 16px; }
}

/* ============ Ürünler mobilde 2'li (benzer ürünler şeridi + ürün listeleri) ============ */
@media (max-width: 767px) {
	.st-benzer .st-kaydir__serit.st-izgara { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
	.st-urunler-duzen .st-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	:is(.st-benzer, .st-urunler-duzen) .st-urun-karti__gorsel { padding: 10px 10px 0; }
	:is(.st-benzer, .st-urunler-duzen) .st-urun-karti__gorsel img { height: 140px; }
	:is(.st-benzer, .st-urunler-duzen) .st-urun-karti__govde { gap: 8px; padding: 12px 10px 14px; }
	:is(.st-benzer, .st-urunler-duzen) .st-urun-karti__kategori { font-size: 11px; line-height: 1.3em; }
	:is(.st-benzer, .st-urunler-duzen) .st-urun-karti__baslik { font-size: 14px; line-height: 1.35em; }
	:is(.st-benzer, .st-urunler-duzen) .st-urun-karti__incele { font-size: 13px; }
}

/* ============ 11 Kasım: iletişim kutusu ferah, ürün butonları yan yana, mobil logo ============ */
@media (max-width: 767px) {
	.st-cta {
		padding: 44px 24px 300px;
		gap: 26px;
		background-size: auto 290px;
		background-position: 88% 100%;
	}
	.st-cta::before { background: linear-gradient(0deg, rgba(0, 8, 57, 0) 0, rgba(0, 8, 57, 0) 235px, var(--st-lacivert) 292px); }
	.st-cta__baslik { font-size: 20px; line-height: 1.35em; }
	.st-cta .wp-block-buttons { align-items: flex-start; gap: 10px; width: auto; }
	.st-cta .wp-block-button { width: auto; }
	.st-cta .wp-block-button .wp-block-button__link { width: auto; justify-content: flex-start; padding: 10px 20px; font-size: 15px; line-height: 20px; }
}
@media (max-width: 1024px) {
	.st-urun__butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%; }
	.st-urun__butonlar .st-buton { width: auto; padding: 9px 18px; font-size: 15px; line-height: 20px; white-space: nowrap; }
	.st-urun__butonlar .st-buton .st-ikon { width: 12px; height: 12px; }
}
@media (max-width: 999px) {
	#header [data-device="mobile"] [data-row*="middle"] [data-column] > [data-items] { align-items: center; }
	#header [data-device="mobile"] .site-logo-container { display: flex; align-items: center; height: auto; }
	#header [data-device="mobile"] .site-logo-container img { width: min(288px, calc(100vw - 30px - 36px - 14px)); height: auto; }
	#header [data-device="mobile"] .ct-header-trigger { width: 36px; height: 36px; }
}

/* ============ Köşe yuvarlaklıkları: tek sistem ============ */
:root { --st-r-buyuk: 24px; --st-r-kart: 20px; --st-r-ic: 12px; --st-r-kucuk: 10px; }
.st-cta, .st-teknik__kutu, .st-kutu-yuvarlak, .st-karusel, .st-karusel__oge img, .st-yuvarlak img { border-radius: var(--st-r-buyuk); }
.st-urun-karti, .st-blog-karti, .st-cozumler > .st-cozum, .st-ilkeler__izgara > .st-ilke, .st-logo-kutu, .st-iletisim-karti,
.urunler-sidebar-nav, .urunler-category-catalog-link { border-radius: var(--st-r-kart); }
.hk-bolum { --hk-yuvarlak: var(--st-r-kart); }
.st-cozum .wp-block-image, .st-cozum img, .st-ilke__ikon, .hk-ikon, .st-istatistik, .st-istatistikler--4 .st-istatistik,
.st-form input[type="text"], .st-form input[type="email"], .st-form input[type="tel"], .st-form textarea, .st-form select { border-radius: var(--st-r-ic); }
.st-blog-karti__gorsel img, .st-urun-karti__gorsel img { border-radius: 0; }
#header .ct-header-trigger { border-radius: var(--st-r-kucuk) !important; }
@media (max-width: 767px) {
	:root { --st-r-buyuk: 20px; --st-r-kart: 16px; --st-r-ic: 10px; }
}
@media (max-width: 767px) {
	.st-cta { align-items: center; text-align: center; }
	.st-cta .wp-block-buttons { align-items: center; }
	.st-cta .wp-block-button .wp-block-button__link { justify-content: center; }
}
@media (max-width: 767px) { .st-cta .wp-block-button .wp-block-button__link { min-width: 200px; } }

/* ============ Mobil menü: header altından açılan dar panel, hamburger → X ============ */
@media (max-width: 999px) {
	body[data-panel*="in"] #header { z-index: 1000000; }
	#offcanvas { top: var(--st-menu-ust, 106px) !important; height: auto !important; background: rgba(0, 8, 57, .35) !important; }
	#offcanvas .ct-panel-inner {
		top: 0 !important;
		bottom: auto !important;
		width: min(300px, 82vw) !important;
		height: auto !important;
		max-height: calc(100dvh - var(--st-menu-ust, 106px));
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: 0 0 0 var(--st-r-kart);
		background: #fff;
		box-shadow: 0 18px 40px rgba(0, 8, 57, .18);
	}
	#offcanvas .ct-panel-actions { display: none; }
	#offcanvas .ct-panel-content { padding: 18px 22px 24px; }
	#offcanvas .mobile-menu .ct-menu-link { font-size: 17px; padding-block: 10px; }
	#offcanvas .mobile-menu > ul > li + li { border-top: 1px solid var(--st-kenar); }

	/* Açıkken hamburger X olur (kapatma butonu) */
	#header .ct-header-trigger { position: relative; }
	#header .ct-header-trigger[aria-expanded="true"] .ct-icon { opacity: 0; }
	#header .ct-header-trigger[aria-expanded="true"]::before,
	#header .ct-header-trigger[aria-expanded="true"]::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 18px;
		height: 2px;
		border-radius: 1px;
		background: #fff;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	#header .ct-header-trigger[aria-expanded="true"]::after { transform: translate(-50%, -50%) rotate(-45deg); }
	#offcanvas [data-device="mobile"] .ct-panel-content-inner { padding: 0; overflow: hidden; }
}
@media (max-width: 999px) {
	#offcanvas .mobile-menu .sub-menu .ct-menu-link { font-size: 15px; font-weight: 500; padding-block: 7px; }
	#offcanvas .mobile-menu .sub-menu .sub-menu .ct-menu-link { font-size: 14px; font-weight: 400; }
}

/* ============ Alt bilgi (11 Kasım): alt çizgi + 30px boşluk, mobil logo ve yazılar ============ */
.st-alt-bilgi { padding-bottom: 30px; }
.st-alt-sutunlar { padding-bottom: 60px; border-bottom: 1px solid #DDE3E8; }
@media (max-width: 1024px) { .st-alt-sutunlar { padding-bottom: 44px; } }
@media (max-width: 767px) {
	.st-alt-bilgi { padding-bottom: 20px; }
	.st-alt-sutunlar { padding-bottom: 32px; }
	.st-alt-logo img { width: 280px; max-width: 100%; }
	.st-alt-sutun--orta a, .st-alt-sutun--orta p:not(.st-alt-sutun__baslik), .st-alt-sutun--orta .st-alt-liste a { font-size: 14px; }
}

/* ============ Hakkımızda üst bandı: diğer sayfaların başlık bandıyla aynı yapı ============ */
.st-sayfa-basligi--hk .st-sayfa-basligi__ic { max-width: 760px; gap: 14px; }
.st-sayfa-basligi__yol { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-weight: 400; letter-spacing: .5px; color: var(--st-metin); }
.st-sayfa-basligi__yol a { color: inherit; text-decoration: none; }
.st-sayfa-basligi__yol a:hover { color: var(--st-turuncu); }
.st-sayfa-basligi__yol span { color: var(--st-turuncu); }
.st-sayfa-basligi__yol b { font-weight: 500; color: var(--st-lacivert); }
.st-sayfa-basligi__alt { margin: 0; font-size: 24px; font-weight: 500; line-height: 1.35em; color: var(--st-lacivert); }
.st-sayfa-basligi__alt strong { font-weight: 600; color: var(--st-turuncu); }
.st-sayfa-basligi--hk .st-sayfa-basligi__metin { max-width: 600px; font-size: 17px; font-weight: 400; line-height: 1.6em; }
@media (max-width: 1366px) {
	.st-sayfa-basligi--hk .st-sayfa-basligi__ic { gap: 10px; }
	.st-sayfa-basligi__alt { font-size: 18px; }
	.st-sayfa-basligi--hk .st-sayfa-basligi__metin { font-size: 15px; }
	.st-sayfa-basligi__yol { font-size: 13px; }
}
@media (max-width: 767px) {
	.st-sayfa-basligi__alt { font-size: 16px; }
	.st-sayfa-basligi--hk .st-sayfa-basligi__metin { font-size: 14px; }
	.st-sayfa-basligi__yol { font-size: 12px; }
}

/* Hakkımızda mobil: Biz Kimiz'de fotoğraf üstte, yazı altta */
@media (max-width: 860px) {
	.hk-biz__gorsel { order: -1; margin-bottom: 48px; }
}

/* ============ Dil butonu (TR | EN) ============ */
.st-dil { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--st-kenar); border-radius: 100px; background: #fff; font-weight: 600; line-height: 1; }
.st-dil__oge { display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 8px; border-radius: 100px; color: var(--st-lacivert); font-size: 14px; text-decoration: none; transition: background-color .2s, color .2s; box-sizing: border-box; }
a.st-dil__oge:hover { color: var(--st-turuncu); }
.st-dil__oge.is-aktif { background: var(--st-lacivert); color: #fff; }
.st-dil--masaustu { margin-inline-start: 12px; }
.st-dil--mobil { display: none; }
@media (max-width: 999px) {
	.st-dil--mobil { display: inline-flex; margin-inline-start: 4px; padding: 2px; border-color: rgba(255, 255, 255, .6); background: transparent; }
	.st-dil--mobil .st-dil__oge { min-width: 26px; height: 22px; padding: 0 6px; font-size: 11px; color: #fff; }
	.st-dil--mobil a.st-dil__oge:hover { color: #fff; }
	.st-dil--mobil .st-dil__oge.is-aktif { background: #fff; color: var(--st-turuncu); }
}

/* Dar telefonlarda turuncu üst şerit (Teklif Al + telefon + dil butonu) tek satıra sığsın; İngilizcede "Get a Quote" daha uzun. */
@media (max-width: 480px) {
	#header [data-device="mobile"] [data-row*="top"] .ct-header-cta > a,
	#header [data-device="mobile"] [data-row*="top"] .st-telefon { font-size: 14px; }
	#header [data-device="mobile"] [data-row*="top"] > div { padding-inline: 10px; }
	#header [data-device="mobile"] [data-row*="top"] [data-items] { gap: 12px; }
	#header [data-device="mobile"] [data-row*="top"] [data-items] > * { margin-inline: 0; }
	#header [data-device="mobile"] [data-row*="top"] .ct-header-cta > a { gap: 6px; }
	#header [data-device="mobile"] [data-row*="top"] .ct-header-cta svg { width: 10px; height: 10px; }
}

/* Logo kutuları (3'lü): üstte Markalarımız tam genişlik, altta Tek Distribütörlüklerimiz | Global İş Ortaklarımız */
.st-logolar-sira--uclu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.st-logolar-sira--uclu > .st-logo-kutu--marka { grid-column: 1 / -1; }
.st-logolar-sira--uclu > .st-logo-kutu--marka .st-logolar.wp-block-gallery { max-width: 620px; margin-inline: auto !important; }
@media (max-width: 1024px) { .st-logolar-sira--uclu { gap: 20px; } }
@media (max-width: 767px)  { .st-logolar-sira--uclu { grid-template-columns: minmax(0, 1fr); } }

/* Yetkili bayi notu (kategori ve ürün sayfası) */
.st-bayi-notu { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; padding: 10px 18px; border-radius: 999px; background: var(--st-gok); color: var(--st-lacivert); font-size: 15px; font-weight: 600; line-height: 1.4; }
.st-bayi-notu .st-ikon--onay { width: 22px; height: 22px; flex: none; color: var(--st-turuncu); }
.st-urun__bilgi .st-bayi-notu { margin-bottom: 14px; }
@media (max-width: 767px) { .st-bayi-notu { font-size: 14px; padding: 9px 14px; border-radius: 14px; } }

/* Boş kategori */
.st-bos-kategori { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 40px; border: 1px solid var(--st-kenar); border-radius: 16px; background: #fff; }
.st-bos-kategori p { margin: 0; font-size: 17px; color: var(--st-lacivert); }

/* Açılır menü: başlıkla liste arasındaki boşlukta fare geçerken menü kapanmasın (görünmez köprü) */
#header [data-id="menu"] .menu > li > .sub-menu::after { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 30px; }
#header [data-id="menu"] .sub-menu .sub-menu::after { content: ""; position: absolute; top: -10px; bottom: -10px; right: 100%; width: 24px; }

/* Ürün listeleri: sol menü dar, ürün alanı geniş */
.st-urunler-duzen { gap: 40px; }
.st-urunler-duzen__yan { width: 320px; }
.st-urunler-duzen__yan :is(.urunler-sidebar-link, .urunler-sidebar-category-opener) { font-size: 15px !important; line-height: 1.35 !important; padding: 11px 16px !important; }
.st-urunler-duzen__yan .urunler-sidebar-toggle { font-size: 15px !important; }
.st-urunler-duzen__yan .urunler-submenu .urunler-sidebar-link { font-size: 14px !important; padding: 9px 14px !important; }
@media (min-width: 1025px) and (max-width: 1366px) { .st-urunler-duzen { gap: 30px; } .st-urunler-duzen__yan { width: 280px; } .st-urunler-duzen .st-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .st-urunler-duzen__yan { width: 220px; } }
@media (max-width: 767px) { .st-urunler-duzen__yan { width: 100%; } }
/* Sol menü: ana kategoriler tek satır ve aynı yükseklikte */
.st-urunler-duzen__yan { width: 340px; }
.st-urunler-duzen__yan :is(.urunler-sidebar-link, .urunler-sidebar-category-opener) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 1025px) and (max-width: 1366px) { .st-urunler-duzen__yan { width: 300px; } .st-urunler-duzen__yan :is(.urunler-sidebar-link, .urunler-sidebar-category-opener) { font-size: 14px !important; } }
@media (max-width: 1024px) { .st-urunler-duzen__yan { width: 240px; } .st-urunler-duzen__yan :is(.urunler-sidebar-link, .urunler-sidebar-category-opener) { white-space: normal; } }
@media (max-width: 767px) { .st-urunler-duzen__yan { width: 100%; } }

/* Header düğmeleri: Teklif Al dolgulu turuncu, telefon slider mavisi; dil seçicide seçili olmayan slider zemininde */
#header .ct-header-cta a.ct-button-ghost { background: #F07D00 !important; border-color: #F07D00 !important; color: #fff !important; }
#header .ct-header-cta a.ct-button-ghost:hover { background: #D96E00 !important; border-color: #D96E00 !important; color: #fff !important; }
#header a.st-telefon { background: #07689F !important; border-color: #07689F !important; color: #fff !important; }
#header a.st-telefon :is(.st-telefon__metin, .st-ikon, svg) { color: #fff !important; fill: currentColor; }
#header a.st-telefon:hover { background: #055A8A !important; border-color: #055A8A !important; }
.st-dil { background: #E4F5F2 !important; }
.st-dil .st-dil__oge:not(.is-aktif) { background: transparent !important; border-color: transparent !important; }

/* Ürün detay: sağda kategori menüsü */
.st-urun-duzen { display: flex; align-items: flex-start; gap: 40px; padding-block: 80px 40px; }
.st-urun-duzen__ana { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 50px; }
.st-urun-duzen__yan { width: 340px; flex: none; position: sticky; top: 110px; }
.st-urun-duzen .st-urun { gap: 50px; padding: 0; }
.st-urun-duzen .st-urun__galeri { width: 42%; }
.st-urun-duzen .st-teknik { padding: 0; }
@media (min-width: 1025px) and (max-width: 1366px) { .st-urun-duzen { gap: 30px; } .st-urun-duzen__yan { width: 280px; } .st-urun-duzen .st-urun { gap: 30px; } }
@media (max-width: 1024px) { .st-urun-duzen { flex-direction: column; padding: 25px; } .st-urun-duzen__yan { position: static; width: 100%; } .st-urun-duzen .st-urun { flex-direction: column; } .st-urun-duzen .st-urun__galeri { width: 100%; max-width: 520px; } }
@media (max-width: 767px) { .st-urun-duzen { padding: 15px; } }

/* Ürün görseli: yuvarlak köşeli çerçeve */
.st-urun__galeri .st-karusel { padding: 22px; border: 1px solid var(--st-kenar); border-radius: 36px; background: #fff; box-shadow: 0 10px 30px rgba(0, 8, 57, .06); }
.st-urun__galeri .st-karusel__oge img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 24px; background: #fff; }

/* Header arama butonu: Teklif Al'ın solunda gri yuvarlak */
#header [data-id="search"].ct-header-search { display: inline-grid; place-items: center; width: 50px; height: 50px; padding: 0; border-radius: 50% !important; background: #EEF0F3 !important; color: var(--st-lacivert); --theme-icon-color: var(--st-lacivert); --theme-icon-hover-color: var(--st-turuncu); --theme-icon-size: 18px; transition: background-color .2s; }
#header [data-id="search"].ct-header-search:hover { background: #E2E5EA !important; }
#header [data-id="search"] .ct-label { display: none !important; }
@media (max-width: 1366px) { #header [data-id="search"].ct-header-search { width: 40px; height: 40px; --theme-icon-size: 16px; } }
#header [data-device="mobile"] [data-id="search"].ct-header-search { width: 38px; height: 38px; margin-inline-end: 6px; --theme-icon-size: 15px; }

/* Arama sonuç sayfası */
.st-arama-formu { display: flex; gap: 8px; margin-bottom: 30px; padding: 6px 6px 6px 20px; border: 1px solid var(--st-kenar); border-radius: 100px; background: #fff; }
.st-arama-formu input[type="search"] { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0 !important; background: transparent; box-shadow: none !important; font-size: 17px; color: var(--st-lacivert); }
.st-arama-formu button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--st-lacivert); color: #fff; cursor: pointer; }
.st-arama-formu button:hover { background: var(--st-turuncu); }
.st-arama-sayfalar { margin-top: 40px; }
.st-arama-sayfalar h2 { margin: 0 0 12px; font-size: 22px; color: var(--st-lacivert); }
.st-arama-sayfalar ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--st-kenar); }
.st-arama-sayfalar li a { display: flex; justify-content: space-between; align-items: center; padding: 14px 4px; border-bottom: 1px solid var(--st-kenar); color: var(--st-lacivert); text-decoration: none; }
.st-arama-sayfalar li a:hover { color: var(--st-turuncu); }
.st-arama-sayfalar .st-ikon--ileri { width: 8px; }

/* Header sağ grup: arama, Teklif Al, telefon, dil eşit aralıklı ve aynı yükseklikte */
#header [data-device="desktop"] [data-id="search"],
#header [data-device="desktop"] .ct-header-cta,
#header [data-device="desktop"] .ct-header-text,
#header [data-device="desktop"] .st-dil--masaustu { margin-inline: 0 !important; }
#header [data-device="desktop"] [data-id="search"] { margin-inline-start: 18px !important; }
#header [data-device="desktop"] [data-id="search"].ct-header-search { width: 46px; height: 46px; }
@media (max-width: 1366px) { #header [data-device="desktop"] [data-id="search"].ct-header-search { width: 40px; height: 40px; } }

/* Slider çizgi arka planı */
.st-hero { position: relative; overflow: hidden; isolation: isolate; }
.st-hero__cizgiler { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }

/* Mobil header: logo arama ve menü butonlarına yer bıraksın */
@media (max-width: 999px) {
	#header [data-device="mobile"] [data-row*="middle"] .site-branding img { width: auto; max-width: calc(100vw - 150px); height: auto; }
}

/* İstatistik kartları: sayma sırasında genişlik oynamasın, kartlar aynı hizada kalsın */
.st-istatistik__sayi { font-variant-numeric: tabular-nums; }
.st-istatistikler > * { margin: 0 !important; }

/* Katılın bölümü: daireler ayrı katmanda, kare yörüngede yavaşça gezinir */
.st-katil { position: relative; overflow: hidden; isolation: isolate; background: #041c34 !important; }
.st-katil__suslar { position: absolute; left: 50%; top: 50%; translate: -50% -50%; z-index: -1; pointer-events: none; }
.st-katil__sus { position: absolute; aspect-ratio: 1; border-radius: 50%; background: center / cover no-repeat; animation: st-kare var(--sure, 12s) linear infinite; animation-delay: var(--gecikme, 0s); }
.st-katil__sus--1 { background-image: url(assets/katil/katil-1.webp); left: 6.354%; top: 13.002%; width: 4.167%; --sure: 11s; }
.st-katil__sus--2 { background-image: url(assets/katil/katil-2.webp); left: 14.688%; top: 59.465%; width: 7.135%; --sure: 14s; --gecikme: -4s; animation-direction: reverse; }
.st-katil__sus--3 { background-image: url(assets/katil/katil-3.webp); left: 79.01%; top: 6.883%; width: 7.135%; --sure: 13s; --gecikme: -7s; }
.st-katil__sus--4 { background-image: url(assets/katil/katil-4.webp); left: 85.885%; top: 53.728%; width: 6.042%; --sure: 12s; --gecikme: -2s; animation-direction: reverse; }
.st-katil__sus--c1 { background-image: url(assets/katil/katil-c1.webp); left: 9.219%; top: 48.566%; width: 3.75%; --sure: 10s; --gecikme: -5s; }
.st-katil__sus--c2 { background-image: url(assets/katil/katil-c2.webp); left: 74.167%; top: 7.839%; width: 3.802%; --sure: 15s; --gecikme: -9s; animation-direction: reverse; }
@keyframes st-kare {
	0%, 100% { transform: translate(0, 0); }
	22%, 25% { transform: translate(55px, 0); }
	47%, 50% { transform: translate(55px, 55px); }
	72%, 75% { transform: translate(0, 55px); }
	97% { transform: translate(0, 0); }
}
@media (max-width: 767px) { @keyframes st-kare { 0%, 100% { transform: none; } 25% { transform: translate(26px, 0); } 50% { transform: translate(26px, 26px); } 75% { transform: translate(0, 26px); } } }
@media (prefers-reduced-motion: reduce) { .st-katil__sus { animation: none; } }

/* Teklif / başvuru formu: Blocksy'nin tam genişlik kuralına karşı içerik genişliğinde kalsın */
.ct-container-full .entry-content > .st-teklif.wp-block-group,
article > .entry-content > .st-teklif.wp-block-group { width: auto; max-width: 930px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: content-box; padding-inline: var(--st-yan); }
@media (max-width: 1024px) { .ct-container-full .entry-content > .st-teklif.wp-block-group, article > .entry-content > .st-teklif.wp-block-group { padding-block: 25px 50px; } }
.st-form input[type="url"], .st-form select { width: 100%; padding: 7px 15px; min-height: 40px; border: 1px solid #E3E8EC; border-radius: 10px; background: #F9FCFF; font-size: 14px; line-height: 1.4; font-family: inherit; color: var(--st-metin); box-sizing: border-box; }
.st-form select { appearance: none; padding-right: 44px; background: #F9FCFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23051c36' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") right 18px center no-repeat; }
.st-form__dosya { padding: 16px 18px; border: 1px dashed #C9D3DD; border-radius: 10px; background: #F9FCFF; }
.st-form__dosya .st-form__etiket { font-size: 15px; font-weight: 600; color: var(--st-lacivert); line-height: 1.4; }
.st-form__dosya .st-form__etiket small { display: block; font-weight: 400; font-size: 14px; color: var(--st-metin); }
.st-form__dosya input[type="file"] { font-size: 15px; }
.st-form__onay { font-size: 14px; line-height: 1.5; color: var(--st-metin); }
.st-form__onay .wpcf7-list-item { margin: 0; }
.st-form__onay input { margin-right: 8px; accent-color: var(--st-turuncu); }
.st-katil__sus { will-change: transform, translate; }

/* Formlarda çoktan seçmeli alan (ürün grubu): yuvarlak seçim düğmeleri */
.st-form__secim { gap: 10px; padding-top: 4px; }
.st-form__secim .st-form__etiket { font-size: 14px; font-weight: 600; color: var(--st-lacivert); }
.st-form__secim .st-form__etiket small { font-weight: 400; color: var(--st-metin); }
.st-form__secim .wpcf7-checkbox { display: flex; flex-wrap: wrap; gap: 8px; }
.st-form__secim .wpcf7-list-item { margin: 0; }
.st-form .st-form__secim label { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid #E3E8EC; border-radius: 100px; background: #F9FCFF; font-size: 14px; line-height: 1.3; color: var(--st-metin); cursor: pointer; transition: border-color .2s, background-color .2s, color .2s; }
.st-form .st-form__secim label:hover { border-color: var(--st-mavi); }
.st-form .st-form__secim label:has(input:checked) { border-color: var(--st-mavi); background: #EAF2FA; color: var(--st-lacivert); }
.st-form__secim input[type="checkbox"] { margin: 0; accent-color: var(--st-mavi); }

/* Bölüm başlığı + sağdaki kısa yazı: aynı satır çizgisinde dursun */
@media (min-width: 1025px) {
	.hk-bas { align-items: flex-end; align-items: last baseline; }
	.hk-bas .hk-baslik { margin-bottom: 0 !important; }
	.hk-bas p.hk-bas__metin { margin: 0 !important; }
}
