/* ==========================================================================
   Şimşek Ambalaj — Bileşenler
   ========================================================================== */

/* --------------------------------------------------------------------------
   Başlık — eski site düzeni
   Logo solda (305px), menü sağda, üst bar yok, scroll'da sabitlenir.
   -------------------------------------------------------------------------- */

.header {
	position: sticky;
	top: 0;
	z-index: var(--z-header);
	background: var(--white);
	padding: 25px 0 16px;
	transition: box-shadow var(--transition);
}
/* Scroll'da logo ve header yüksekligi sabit kalir; sadece golge eklenir. */
.header.is-stuck {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.header__inner {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	/* Dar bir boşluk: menü sağa yaslı olduğu için logo ile arası zaten açık,
	   ama 24px'lik boşlukta menü 1200px konteynere sığmayıp son öğe (İLETİŞİM)
	   EN düğmesinin altına taşıyor, iki gri hover zemini üst üste biniyordu. */
	gap: 0;
}

.header__logo { flex: 0 0 auto; min-width: 0; }
/* Eski sitede logo 272x55 */
.header__logo img {
	width: 272px;
	max-width: 100%;
	height: auto;
}

.header__nav { margin-left: auto; min-width: 0; }

.header__actions {
	display: flex;
	align-items: center;
	gap: 0;
}

/* Dil geçişi — eski sitede menünün ardından "|  EN" metni: ayraç 24px'lik
   alanın solunda, EN yazısı iç boşluksuz ve konteynerden 4px taşıyor. */
.lang-switch {
	position: relative;
	margin-right: -4px;
	padding: 15px 0 15px 24px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	color: var(--brand-500);
	background: transparent;
	border: 0;
	cursor: pointer;
}
.lang-switch::before {
	content: "|";
	position: absolute;
	left: 0;
	top: 15px;
}
.lang-switch:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------
   Ana gezinme — düz açılır liste (mega panel yok)
   -------------------------------------------------------------------------- */

.nav {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav__item {
	position: relative;
}

.nav__link {
	display: inline-flex;
	align-items: center;
	padding: 15px 20px;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--brand-500);
	white-space: nowrap;
	background: transparent;
	border: 0;
	cursor: pointer;
	transition: background var(--transition);
}
.nav__link:hover,
.nav__item:hover > .nav__link,
.nav__item.is-open > .nav__link,
.nav__item.is-active > .nav__link {
	color: var(--brand-500);
	background: #F0F0F0;
}

/* Açılır alt menü: 265px, beyaz, düz */
.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	display: block;
	width: 265px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--white);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
}
.nav__item--has-sub:hover > .sub-menu,
.nav__item--has-sub:focus-within > .sub-menu,
.nav__item--has-sub.is-open > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Sağ kenara taşan son menüleri içeri al */
.nav__item:nth-last-child(-n+2) > .sub-menu { left: auto; right: 0; }

/* Eski sitede öğe adımı 35px: 6px dolgu + 15px/1.45 satır + 1px ayraç */
.sub-menu li + li { border-top: 1px solid #EDEDED; }

.sub-menu a {
	display: block;
	padding: 6px 20px;
	font-size: 14px;
	font-weight: 5400;
	letter-spacing: .01em;
	line-height: 1.45;
	color: var(--brand-500);
	transition: background var(--transition);
}
.sub-menu a:hover { background: #F0F0F0; color: var(--brand-500); }

/* Uzun Türkçe menü etiketleri dar masaüstünde satırı taşırıyordu:
   logo ve menü kademeli olarak küçülür, hiçbir öğe kırpılmaz. */
@media (max-width: 1319.98px) {
	.nav__link     { padding-inline: 13px; font-size: 14px; }
	.lang-switch   { font-size: 14px; }
	.header__logo img { width: 250px; }
}

@media (max-width: 1199.98px) {
	.nav__link   { padding-inline: 9px; font-size: 13px; }
	.lang-switch { font-size: 13px; }
	.header__logo img { width: 205px; }
}

@media (max-width: 1059.98px) {
	.nav__link   { padding-inline: 7px; font-size: 12px; }
	.lang-switch { font-size: 12px; }
	.header__logo img { width: 178px; }
}
/* Mobil başlık eski sitede 88px: logo 233x47, sağda çerçevesiz koyu
   hamburger (39x43) ve ayraçsız 16px "EN". */
@media (max-width: 991.98px) {
	.header__nav { display: none; }
	.header { padding: 25px 0 16px; }
	.header__logo img { width: 233px; }
	.header__actions { gap: 6px; }
	.lang-switch { order: 1; padding: 0; font-size: 16px; }
	.lang-switch::before { content: none; }
}

/* Çok dar telefonlarda logo küçülüp dil düğmesi daralır; aksi hâlde
   logo + dil + hamburger satıra sığmayıp sağdan taşıyordu. */
@media (max-width: 359.98px) {
	.header__inner { gap: var(--sp-3); }
	.header__logo img { width: 150px; }
}

/* Hamburger — eski sitedeki Font Awesome "bars" ikonu: 22px genişlik,
   üç kalın koyu gri çubuk, çerçevesiz */
.burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 39px;
	height: 43px;
	margin-top: 2px;
	padding: 0 8.5px;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.burger span {
	display: block;
	height: 3px;
	border-radius: 2px;
	background: #494C4F;
	transition: transform var(--transition), opacity var(--transition);
}
@media (max-width: 991.98px) { .burger { display: flex; } }

/* --------------------------------------------------------------------------
   Mobil çekmece (sağdan açılır)
   -------------------------------------------------------------------------- */

.drawer-overlay {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, .5);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--transition), visibility var(--transition);
	z-index: var(--z-overlay);
}
.drawer-overlay.is-open { opacity: 1; visibility: visible; }

.drawer {
	position: fixed;
	top: 0;
	right: 0;
	width: min(380px, 88vw);
	height: 100dvh;
	display: flex;
	flex-direction: column;
	background: var(--white);
	box-shadow: -8px 0 32px rgba(15, 23, 42, .16);
	transform: translateX(100%);
	transition: transform var(--transition);
	z-index: var(--z-drawer);
}
.drawer.is-open { transform: translateX(0); }

.drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-4);
	padding: var(--sp-4) var(--sp-5);
	border-bottom: var(--border);
	flex-shrink: 0;
}
/* Logo kapatma butonunu ezmesin */
.drawer__head img { height: 40px; width: auto; max-width: 60%; object-fit: contain; }

.drawer__close {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	background: var(--ink-100);
	border: 0;
	border-radius: var(--radius-sm);
	color: var(--ink-700);
	font-size: var(--fs-lg);
	cursor: pointer;
	transition: background var(--transition);
}
.drawer__close:hover { background: var(--ink-200); }

.drawer__body {
	flex: 1;
	overflow-y: auto;
	padding: var(--sp-3) var(--sp-4) var(--sp-6);
	-webkit-overflow-scrolling: touch;
}

.drawer__nav { margin: 0; padding: 0; list-style: none; }
.drawer__nav > li { border-bottom: 1px solid var(--ink-100); }
.drawer__nav > li:last-child { border-bottom: 0; }

.drawer__link,
.drawer__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-3);
	width: 100%;
	padding: var(--sp-4) var(--sp-2);
	background: transparent;
	border: 0;
	color: var(--ink-800);
	font-family: inherit;
	font-size: var(--fs-base);
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
.drawer__toggle .caret { transition: transform var(--transition); color: var(--ink-400); }
.drawer__toggle[aria-expanded="true"] { color: var(--brand-700); }
.drawer__toggle[aria-expanded="true"] .caret { transform: rotate(180deg); }

/* Alt menü: yükseklik animasyonu için grid tekniği */
.drawer__sub {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--transition);
}
.drawer__sub.is-open { grid-template-rows: 1fr; }
.drawer__sub > ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.drawer__sub a {
	display: block;
	padding: var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-6);
	font-size: var(--fs-sm);
	color: var(--ink-600);
}
.drawer__sub a:hover { color: var(--brand-700); }
.drawer__sub > ul > li:last-child a { padding-bottom: var(--sp-4); }

.drawer__foot {
	flex-shrink: 0;
	padding: var(--sp-5);
	border-top: var(--border);
	background: var(--ink-50);
}
.drawer__foot .btn { width: 100%; }
.drawer__contact {
	margin: 0 0 var(--sp-4);
	padding: 0;
	list-style: none;
	font-size: var(--fs-sm);
}
.drawer__contact li { margin-bottom: var(--sp-2); }
.drawer__contact a {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	color: var(--ink-700);
}
.drawer__contact i { color: var(--brand-500); width: 16px; }

body.no-scroll { overflow: hidden; }

/* --------------------------------------------------------------------------
   Sayfa başlığı bandı — eski site ölçüleri
   Arka planda sayfa görseli, soldan sağa açılan mavi gradyan, büyük başlık.
   -------------------------------------------------------------------------- */

/* Eski sitede bant başlığın 4px altından başlıyor ve 400px; görsel kendi
   boyutunda (1920x400) ortalı, ürün/sektör sayfalarında sağa yaslı.
   Görsel ve konum sayfaya göre değişken olarak gelir (breadcrumb.php). */
.page-head {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 400px;
	margin-top: 4px;
	padding: 50px 0 50px 35px;
	background-color: var(--brand-900);
	background-image: var(--ph-bg, none);
	background-position: var(--ph-pos, center center);
	background-repeat: no-repeat;
	background-size: auto;
	overflow: hidden;
}
/* Gradyan: solda koyu mavi, sağda görsel görünür kalır */
.page-head::after {
	content: '';
	position: absolute;
	inset: 0;
/*	background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #0944727d 100%); 
	opacity: .97;*/
}
/* Görseli olmayan sayfalarda düz koyu zemin */
.page-head--plain::after {
	background: linear-gradient(-90deg, rgba(9, 68, 114, .75) 0%, #0944727d 100%);
}

.page-head > .container { position: relative; z-index: 1; }

/* Eski sitede başlık 70px / 90px, 2px harf aralığı, konteynerin 2px
   solundan başlıyor; iki satırlı başlıklar elle kırılıyor (page_heads). */
.page-head h1 {
	/* Kap 20px iç boşluklu; eski sitede başlık kabın 2px solunda */
	margin: 0 0 0 -22px;
	font-size: 70px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 90px;
	color: var(--white);
	text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

@media (max-width: 1024px) {
	.page-head { min-height: 355px; padding: 0 14px; background-size: cover; }
	.page-head h1 { font-size: 55px; line-height: 1.2; }
}
/* Mobilde eski sitede ayrı 690x400 görsel, 215px bant, başlık 30px / 35px
   ve ekranın 20px içinden. */
@media (max-width: 767.98px) {
	.page-head {
		min-height: 215px;
		margin-top: -5px;
		padding: 7px 0 0;
		background-image: var(--ph-bg-m, var(--ph-bg, none));
		background-position: var(--ph-pos-m, left center);
		background-size: cover;
	}
	.page-head h1 { margin-left: 0; font-size: 30px; line-height: 35px; }
}

/* --------------------------------------------------------------------------
   Kartlar
   -------------------------------------------------------------------------- */

.card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
	border-color: var(--brand-300);
}
.card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: var(--sp-6);
}
.card__title {
	margin: 0 0 var(--sp-2);
	font-size: var(--fs-md);
	color: var(--ink-900);
}
.card__text {
	margin: 0;
	font-size: var(--fs-sm);
	color: var(--ink-600);
}
/* Alt kısımdaki bağlantı her kartta aynı hizada durur */
.card__foot {
	margin-top: auto;
	padding-top: var(--sp-4);
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--brand-600);
}
.card__meta {
	margin-bottom: var(--sp-2);
	font-size: var(--fs-xs);
	color: var(--ink-500);
}

/* Rozet */
.badge {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	padding: var(--sp-1) var(--sp-3);
	font-size: var(--fs-xs);
	font-weight: 700;
	border-radius: var(--radius-full);
	background: var(--brand-50);
	color: var(--brand-700);
	letter-spacing: .02em;
}
.badge--eco { background: var(--eco-100); color: var(--eco-700); }
.badge--featured { background: #fef3c7; color: #92400e; }
.accordion__btn .caret { color: var(--ink-400); transition: transform var(--transition); flex-shrink: 0; }
.accordion__btn[aria-expanded="true"] .caret { transform: rotate(180deg); }
.accordion__panel.is-open { grid-template-rows: 1fr; }
.accordion__panel .inner {
	padding: var(--sp-5) var(--sp-6);
	font-size: var(--fs-sm);
	color: var(--ink-600);
	border-top: var(--border);
}

/* --------------------------------------------------------------------------
   İstatistik şeridi
   -------------------------------------------------------------------------- */

.stat {
	text-align: center;
	padding: var(--sp-6) var(--sp-4);
}

/* --------------------------------------------------------------------------
   Formlar
   -------------------------------------------------------------------------- */

.form-row { margin-bottom: var(--sp-5); }
.form-row--split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sp-5);
}
@media (max-width: 575.98px) { .form-row--split { grid-template-columns: 1fr; } }

.label {
	display: block;
	margin-bottom: var(--sp-2);
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--ink-800);
}
.label .req { color: var(--danger-500); }

.input,
.textarea,
.select {
	width: 100%;
	padding: var(--sp-3) var(--sp-4);
	min-height: 46px;
	font-family: inherit;
	font-size: var(--fs-sm);
	color: var(--ink-900);
	background: var(--white);
	border: 1px solid var(--ink-300);
	border-radius: var(--radius);
	transition: border-color var(--transition), box-shadow var(--transition);
}
.input:focus,
.textarea:focus,
.select:focus {
	outline: 0;
	border-color: var(--brand-500);
	box-shadow: 0 0 0 3px var(--brand-100);
}
.textarea { min-height: 130px; resize: vertical; }

.form-hint { margin-top: var(--sp-2); font-size: var(--fs-xs); color: var(--ink-500); }

/* Uyarı kutusu */
.alert {
	padding: var(--sp-4) var(--sp-5);
	border-radius: var(--radius);
	font-size: var(--fs-sm);
	border: 1px solid transparent;
}
.alert--success { background: var(--eco-50); border-color: var(--eco-100); color: var(--eco-700); }
.alert--error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.alert--info { background: var(--brand-50); border-color: var(--brand-100); color: var(--brand-700); }

/* --------------------------------------------------------------------------
   Zengin metin (TinyMCE çıktısı)
   -------------------------------------------------------------------------- */

.prose { color: var(--ink-700); margin-bottom: var(--sp-8);  }
.prose h2 { font-size: var(--fs-xl); margin-top: var(--sp-10); }
.prose h3 { font-size: var(--fs-md); margin-top: var(--sp-8); }
.prose h2:first-child, .prose h3:first-child { margin-top: 0; }
.prose ul, .prose ol { margin-bottom: var(--sp-5); }
.prose li { margin-bottom: var(--sp-2); }
.prose img { border-radius: var(--radius); margin-block: var(--sp-6); }
.prose a { text-decoration: underline; text-underline-offset: 2px; }

/* İçerikten gelen tablolar da taşmaz */
.prose table {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	margin-bottom: var(--sp-6);
	font-size: var(--fs-sm);
}
.prose th, .prose td {
	padding: var(--sp-3) var(--sp-4);
	border: 1px solid var(--ink-200);
	text-align: left;
}
.prose th { background: var(--ink-50); font-weight: 600; }

/* --------------------------------------------------------------------------
   Sabit WhatsApp butonu
   -------------------------------------------------------------------------- */

.wa-float {
	position: fixed;
	right: var(--sp-5);
	bottom: var(--sp-5);
	z-index: 900;
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	padding: var(--sp-3) var(--sp-5);
	background: #25d366;
	color: var(--white);
	border-radius: var(--radius-full);
	font-size: var(--fs-sm);
	font-weight: 600;
	box-shadow: 0 6px 20px rgba(37, 211, 102, .4);
	transition: transform var(--transition), box-shadow var(--transition);
}
.wa-float:hover {
	color: var(--white);
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(37, 211, 102, .5);
}
.wa-float i { font-size: var(--fs-lg); }
@media (max-width: 575.98px) {
	.wa-float { padding: var(--sp-3); right: var(--sp-4); bottom: var(--sp-4); }
	.wa-float span { display: none; }
}

/* --------------------------------------------------------------------------
   Görünürlükte belirme (JS ile tetiklenir)
   -------------------------------------------------------------------------- */

.reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .5s ease, transform .5s ease;
}
.reveal.is-visible { opacity: 1; transform: none; }

/* --------------------------------------------------------------------------
   Bildirim kutusu (form sonrası)
   -------------------------------------------------------------------------- */

.alert-modal {
	position: fixed;
	inset: 0;
	display: grid;
	place-items: center;
	padding: var(--sp-5);
	background: rgba(15, 23, 42, .55);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--transition), visibility var(--transition);
	z-index: 1200;
}
.alert-modal.is-open { opacity: 1; visibility: visible; }

.alert-modal__box {
	position: relative;
	width: min(440px, 100%);
	padding: var(--sp-10) var(--sp-8) var(--sp-8);
	background: var(--white);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-lg);
	text-align: center;
	transform: translateY(12px);
	transition: transform var(--transition);
}
.alert-modal.is-open .alert-modal__box { transform: none; }

.alert-modal__close {
	position: absolute;
	top: var(--sp-3);
	right: var(--sp-3);
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	background: transparent;
	border: 0;
	border-radius: var(--radius-sm);
	color: var(--ink-400);
	cursor: pointer;
	transition: background var(--transition), color var(--transition);
}
.alert-modal__close:hover { background: var(--ink-100); color: var(--ink-700); }

.alert-modal__icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin: 0 auto var(--sp-5);
	border-radius: 50%;
	font-size: var(--fs-2xl);
}
.alert-modal__icon--success { background: var(--eco-50); color: var(--eco-600); }
.alert-modal__icon--warning { background: #fffbeb; color: var(--warn-500); }
.alert-modal__icon--danger,
.alert-modal__icon--error   { background: #fef2f2; color: var(--danger-500); }
.alert-modal__icon--info    { background: var(--brand-50); color: var(--brand-600); }

.alert-modal__box h3 { margin-bottom: var(--sp-2); font-size: var(--fs-lg); }
.alert-modal__box p { margin: 0; font-size: var(--fs-sm); color: var(--ink-600); }

/* --------------------------------------------------------------------------
   Anasayfa: Hero — tam genişlikte görsel, üzerine yazı (eski site düzeni)
   -------------------------------------------------------------------------- */

.hero {
	position: relative;
	overflow: hidden;
	background: var(--brand-900);
}

.hero__viewport { position: relative; }

.hero__slide {
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: opacity .7s ease, visibility .7s ease;
}
.hero__slide:not(.is-active) { position: absolute; inset: 0; }
.hero__slide.is-active { position: relative; opacity: 1; visibility: visible; }

/* Eski slider yapılandırmasındaki yükseklik: gridheight "500,500,500,400"
   — yani 500px, en dar seviyede (≤480px) 400px. */
.hero__media { display: block; }
.hero__media img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* Yazı katmanı görselin üstünde; okunurluk için alttan koyu geçiş */
.hero__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	/* Eski sitedeki slayt katmanının degradesi (rs-layer shape) */
	background: linear-gradient(90deg, rgba(9, 68, 114, 1) 0%, rgba(215, 215, 215, .06) 75%, rgba(215, 215, 215, 0) 80%);
}

/* Satır kırılımları başlık verisinde; genişlik sınırı ek kırılım yaratmasın */
.hero__body { max-width: none; }

/* Eski sitedeki slayt başlığı: 70px / 85px / 700 (mobilde 35px / 42px) */
.hero__title {
	margin: 0;
	font-size: 70px;
	font-weight: 700;
	line-height: 85px;
	color: var(--white);
}
/* Satır kırılımları başlık verisinde: <br class="mobile"> yalnız mobilde,
   <br class="desktop"> yalnız masaüstünde kırar */
.hero__title br.mobile { display: none; }
/* Slaytın kendisi bağlantı olsa da başlıkta alt çizgi yok (eski sitede de yok) */
.hero__title a { color: var(--white); text-decoration: none; }
.hero__title a:hover { color: var(--white); text-decoration: none; }

.hero__text {
	margin-bottom: var(--sp-6);
	font-size: var(--fs-md);
	line-height: 1.65;
	color: var(--white);
	text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
}

/* Slayt kontrolleri */
.hero__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	color: var(--white);
	background: rgba(0, 0, 0, .3);
	border: 0;
	cursor: pointer;
	transition: background var(--transition);
}
.hero__nav:hover,
.hero__nav:focus-visible { background: rgba(0, 0, 0, .6); }
.hero__nav--prev { left: var(--sp-5); }
.hero__nav--next { right: var(--sp-5); }

.hero__dots {
	position: absolute;
	left: 50%;
	bottom: var(--sp-5);
	transform: translateX(-50%);
	z-index: 3;
	display: flex;
	gap: var(--sp-2);
}
.hero__dot {
	width: 10px;
	height: 10px;
	padding: 0;
	background: rgba(255, 255, 255, .5);
	border: 0;
	border-radius: var(--radius-full);
	cursor: pointer;
	transition: background var(--transition), transform var(--transition);
}
.hero__dot:hover { background: rgba(255, 255, 255, .8); }
.hero__dot.is-active { background: var(--white); transform: scale(1.3); }

@media (max-width: 991.98px) {
	.hero__nav { width: 38px; height: 38px; }
	.hero__nav--prev { left: var(--sp-2); }
	.hero__nav--next { right: var(--sp-2); }
}

/* 70px başlık dar masaüstünde taşmasın diye kademeli küçülür */
@media (max-width: 1199.98px) {
	.hero__title { font-size: 56px; line-height: 66px; }
}
@media (max-width: 991.98px) {
	.hero__title { font-size: 44px; line-height: 54px; }
}

@media (max-width: 767.98px) {
	.hero__slide--desktop-only { display: none; }
	.hero__media img { height: 260px; }
	.hero__overlay .container { padding-left: 16px; }
	.hero__body { max-width: none; padding-left: 0; }
	.hero__title { font-size: 19px; line-height: 23px; }
	.hero__title br.mobile { display: inline; }
	.hero__title br.desktop { display: none; }
	.hero__text { font-size: var(--fs-sm); }
}

/* Hareket azaltma tercihinde slaytlar aniden değişir */
@media (prefers-reduced-motion: reduce) {
	.hero__slide { transition: none; }
}

/* --------------------------------------------------------------------------
   İki kolonlu bölüm (metin + görsel)
   -------------------------------------------------------------------------- */

.split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--sp-16);
	align-items: center;
}

@media (max-width: 991.98px) {
	.split { grid-template-columns: minmax(0, 1fr); gap: var(--sp-10); }
}
.eco-badges .badge {
	width: 100%;
	justify-content: flex-start;
	padding: var(--sp-4) var(--sp-5);
	font-size: var(--fs-sm);
	background: rgba(255, 255, 255, .08);
	color: var(--white);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--radius);
}
.eco-badges .badge i { color: var(--eco-500); }

@media (max-width: 767.98px) {
	.cta-band__actions .btn { flex: 1 1 100%; }
}

/* --------------------------------------------------------------------------
   İçerik sayfası ortak öğeleri
   -------------------------------------------------------------------------- */

/* Görselsiz sayfalarda okunabilir satır uzunluğu */
.content-narrow {
	max-width: 820px;
	margin-inline: auto;
}

.lead-text {
	margin-bottom: var(--sp-6);
	font-size: var(--fs-md);
	line-height: var(--lh-snug);
	color: var(--ink-600);
}

.h3-like {
	font-size: var(--fs-xl);
	margin-bottom: var(--sp-5);
}

/* Galeri */
.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: var(--sp-5);
}
.gallery-item {
	margin: 0;
	border: var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--white);
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.gallery-item:hover {
	border-color: var(--brand-300);
	box-shadow: var(--shadow);
	transform: translateY(-3px);
}
.gallery-item figcaption {
	padding: var(--sp-3) var(--sp-4);
	font-size: var(--fs-sm);
	color: var(--ink-600);
	text-align: center;
}

/* Dosya listesi */
.file-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--sp-3);
}
.file-list a {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	padding: var(--sp-4) var(--sp-5);
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius);
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--ink-800);
	transition: border-color var(--transition), background var(--transition);
}
.file-list a:hover {
	border-color: var(--brand-400);
	background: var(--brand-50);
	color: var(--brand-800);
}
.file-list i { color: var(--brand-500); font-size: var(--fs-md); }

/* --------------------------------------------------------------------------
   Lightbox
   -------------------------------------------------------------------------- */

.lightbox {
	position: fixed;
	inset: 0;
	display: grid;
	place-items: center;
	padding: var(--sp-8);
	background: rgba(15, 23, 42, .88);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--transition), visibility var(--transition);
	z-index: 1300;
}
.lightbox.is-open { opacity: 1; visibility: visible; }

.lightbox__img {
	max-width: min(1000px, 92vw);
	max-height: 82vh;
	width: auto;
	border-radius: var(--radius);
	background: var(--white);
	box-shadow: var(--shadow-lg);
	object-fit: contain;
}
.lightbox__caption {
	margin-top: var(--sp-4);
	color: var(--white);
	font-size: var(--fs-sm);
	text-align: center;
}
.lightbox__close {
	position: absolute;
	top: var(--sp-5);
	right: var(--sp-5);
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, .14);
	border: 0;
	border-radius: var(--radius-sm);
	color: var(--white);
	font-size: var(--fs-lg);
	cursor: pointer;
	transition: background var(--transition);
}
.lightbox__close:hover { background: rgba(255, 255, 255, .26); }

/* --------------------------------------------------------------------------
   Haber / Fuar
   -------------------------------------------------------------------------- */

/* Öne çıkan kayıt: geniş, iki kolonlu vitrin kartı */
/* Öne çıkan kart ile ızgara arasında net ayrım */
.post-feature { margin-bottom: var(--sp-12) !important; }
.post-feature {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 0;
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.post-feature:hover {
	border-color: var(--brand-300);
	box-shadow: var(--shadow-lg);
	transform: translateY(-3px);
}
.post-feature__body .card__foot { margin-top: auto; }

@media (max-width: 767.98px) {
	.post-feature { grid-template-columns: minmax(0, 1fr); }
}

/* Kart üstü etiket satırı */
.card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-3);
}

/* Detay sayfası üst bilgi */
.post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-4);
	margin-bottom: var(--sp-6);
	font-size: var(--fs-sm);
	color: var(--ink-500);
}
.post-meta time,
.post-meta span:not(.badge) {
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
}

.post-hero {
	margin: 0 0 var(--sp-8);
	border-radius: var(--radius-lg);
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   Kariyer / Staj başvuru sayfası
   -------------------------------------------------------------------------- */

.career-layout {
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: var(--sp-16);
	align-items: start;
}
@media (max-width: 991.98px) {
	.career-layout { grid-template-columns: minmax(0, 1fr); gap: var(--sp-10); }
}

.career-form {
	padding: var(--sp-8);
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	/* Uzun açıklama metninde form ekranda kalır */
	position: sticky;
	top: calc(var(--header-h) + var(--sp-6));
}
@media (max-width: 991.98px) {
	.career-form { position: static; padding: var(--sp-6); }
}

.career-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--sp-4);
}
.career-list li {
	display: flex;
	align-items: flex-start;
	gap: var(--sp-3);
	padding: var(--sp-4) var(--sp-5);
	background: var(--ink-50);
	border-radius: var(--radius);
}
.career-list i { color: var(--eco-600); margin-top: 3px; flex-shrink: 0; }
.career-list strong { display: block; font-size: var(--fs-sm); color: var(--ink-900); }
.career-list span { display: block; margin-top: 2px; font-size: var(--fs-sm); color: var(--ink-600); }

/* --------------------------------------------------------------------------
   Başarı sayfası
   -------------------------------------------------------------------------- */

.success-card {
	max-width: 560px;
	margin-inline: auto;
	padding: var(--sp-12) var(--sp-8);
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow);
	text-align: center;
}
.success-card__icon {
	display: grid;
	place-items: center;
	width: 84px;
	height: 84px;
	margin: 0 auto var(--sp-6);
	background: var(--eco-50);
	color: var(--eco-600);
	border-radius: 50%;
	font-size: var(--fs-3xl);
}
.success-card__icon--wa { background: #e8f8ee; color: #25d366; }
.success-card h2 { font-size: var(--fs-xl); margin-bottom: var(--sp-3); }
.success-card p { color: var(--ink-600); margin-bottom: var(--sp-8); }
.success-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-3);
	justify-content: center;
}
.product-gallery__thumb:hover,
.product-gallery__thumb.is-active { border-color: var(--brand-500); }

.product-code {
	display: inline-block;
	margin-bottom: var(--sp-4);
	padding: var(--sp-2) var(--sp-4);
	background: var(--brand-50);
	border-radius: var(--radius-full);
	font-size: var(--fs-sm);
	color: var(--brand-700);
}
@media (max-width: 575.98px) {
	.product-cta .btn { flex: 1 1 100%; }
}

/* --------------------------------------------------------------------------
   Ürün teknik ölçü tablosu
   -------------------------------------------------------------------------- */

.product-spec { margin-top: var(--sp-4); }
.product-spec .h3-like { margin-bottom: var(--sp-5); }

/* Geniş tablolar sayfayı yatay kaydırmaz, kendi kabında kayar */
.product-spec-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: var(--border);
	border-radius: var(--radius);
}

.product-spec-table {
	/* auto: kolonlar içeriğe göre daralır, tablo gereksiz yayılmaz */
	width: auto;
	min-width: min(100%, 520px);
	border-collapse: collapse;
	font-size: var(--fs-sm);
	margin: 0;
}
.product-spec-table th,
.product-spec-table td {
	padding: var(--sp-3) var(--sp-6);
	text-align: left;
	border-bottom: 1px solid var(--ink-200);
	white-space: nowrap;
}
.product-spec-table thead th {
	background: var(--ink-50);
	font-weight: 600;
	color: var(--ink-800);
	position: sticky;
	top: 0;
}
/* Ölçü kolonları sayısal: sağa hizalı okunur */
.product-spec-table th:not(:first-child),
.product-spec-table td:not(:first-child) { text-align: right; }
.product-spec-table tbody tr:last-child td { border-bottom: 0; }
.product-spec-table tbody tr:nth-child(even) { background: var(--ink-50); }

/* Mobilde tablo satırları karta dönüşür: yatay kaydırma gerekmez */
@media (max-width: 575.98px) {
	.product-spec-scroll { border: 0; overflow-x: visible; }
	.product-spec-table thead { display: none; }
	.product-spec-table,
	.product-spec-table tbody,
	.product-spec-table tr,
	.product-spec-table td { display: block; width: 100%; }
	.product-spec-table { min-width: 0; }
	.product-spec-table tr {
		border: var(--border);
		border-radius: var(--radius);
		margin-bottom: var(--sp-3);
		overflow: hidden;
	}
	.product-spec-table tbody tr:nth-child(even) { background: transparent; }
	.product-spec-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--sp-4);
		white-space: normal;
		text-align: right;
		padding: var(--sp-3) var(--sp-4);
	}
	.product-spec-table td:not(:first-child) { text-align: right; }
	/* Başlık, hücrenin data-label değerinden gelir */
	.product-spec-table td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--ink-500);
		flex-shrink: 0;
		text-align: left;
	}
}

/* --------------------------------------------------------------------------
   Alt bilgi
   -------------------------------------------------------------------------- */

.footer {
	/* Eski temanın alt bilgi gradyanı */
	background: linear-gradient(90deg, #073B6B 0%, #1478A9 100%);
	color: var(--white);
	padding-top: 40px;
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 1px;
}
.footer a { color: var(--white); }
.footer a:hover { color: var(--white); text-decoration: underline; }

/* Üst şerit: eski sitede logo · adres · iletişim · LinkedIn aynı satırda;
   adres konteynerin 473px, iletişim 756px, LinkedIn 1071px içinden başlıyor.
   Satır 94px, altındaki beyaz çizgi 8px aşağıda. */
.footer__top {
	display: grid;
	grid-template-columns: 473px 283px 315px 1fr;
	align-items: start;
	min-height: 94px;
	margin-bottom: 8px;
}
.footer__brand { margin-top: 14px; }
.footer__brand img { display: block; width: 267px; height: auto; }

.footer__address,
.footer__reach {
	margin: 12px 0 0;
	font-style: normal;
	color: var(--white);
}
.footer__address { max-width: 225px; }

.footer__linkedin { margin-top: 19px; }
.footer__linkedin img { display: block; width: 80px; height: auto; }
.footer__linkedin:hover { opacity: .8; }

/* Menü sütunları: eski sitede sütunlar 138 / 413 / 609 / 858 / 1121px'de,
   "İletişim" sağa yaslı. */
.footer__nav {
	display: grid;
	grid-template-columns: 275px 196px 249px 263px 117px 1fr;
	margin-inline: -2px -1px;
	padding: 20px 0 20px;
	border-top: 1px solid var(--white);
}

.footer__title {
	margin: 0 0 21px;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: var(--white);
}
.footer__col:last-child .footer__title { text-align: right; }
.footer__title a { color: var(--white); }

.footer__list { margin: 0; padding: 0; list-style: none; }
.footer__list li { margin-bottom: 0; }
.footer__list a {
	/* inline-block: hover'da alt cizgi sutun genisligi degil, metin kadar. */
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: .5px;
	color: var(--white);
}
/* Menu baglantilari, basliklar gibi, hover'da beyaz kalip alti cizilir. */
.footer__list a:hover { color: var(--white); text-decoration: underline; }

/* Alt şerit: eski sitede çizgisiz; telif solda, yasal bağlantılar 469px'den başlıyor */
.footer__bottom {
	display: flex;
	align-items: center;
	padding: 13px 0 31px;
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: .5px;
	color: var(--white);
}
.footer__bottom p { flex: 0 0 469px; margin: 0; }

.footer__legal {
	display: flex;
	gap: 88px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer__legal a { font-size: 14px; font-weight: 300; color: var(--white); }

@media (max-width: 1199.98px) {
	.footer__top { grid-template-columns: auto 1fr 1fr auto; gap: var(--sp-8); }
	.footer__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--sp-6); }
	.footer__col:last-child .footer__title { text-align: left; }
}

/* Mobil: eski sitede logo yok; adres ve iletişim 14px/22px, başlıklar 17px,
   sütunlar alt alta; alt şeritte önce yasal bağlantılar, sonra telif. */
@media (max-width: 767.98px) {
	.footer { padding-top: 5px; font-size: 14px; line-height: 22px; letter-spacing: .8px; }
	.footer__top { display: block; min-height: 0; margin-bottom: 0; padding-bottom: 20px; }
	.footer__brand { display: block; padding: 15px 0px; }
	.footer__address { max-width: none; margin: 13px 0 18px; }
	.footer__reach { margin: 0 0 16px; }
	.footer__linkedin { margin-top: 0; }
	.footer__linkedin img { width: 70px; }

	.footer__nav { display: block; padding: 19px 0 2px; border-top: 1px solid var(--white); }
	.footer__col + .footer__col { margin-top: 31px; }
	.footer__title { margin-bottom: 7px; font-size: 17px; }
	.footer__col:last-child .footer__title { text-align: left; }

	.footer__bottom { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 31px; padding: 44px 3px 91px; letter-spacing: normal; }
	.footer__bottom p { flex: none; }
	.footer__legal { flex-direction: column; gap: 13px; }
}
@media (max-width: 767.98px) {
	.sector-contact__inner .btn { width: 100%; }
}
@media (max-width: 575.98px) {
	.sector-actions .btn { flex: 1 1 100%; }
}

/* --------------------------------------------------------------------------
   Ürün grupları — dönüşümlü (zigzag) yerleşim
   -------------------------------------------------------------------------- */

/* Izgara .container üzerinde: satırlar onun doğrudan çocuğu */
.product-rows > .container {
	display: grid;
	gap: var(--sp-8);
}

/* Sayfa girişindeki tanıtım başlığı ve metni */
.intro-title {
	margin-bottom: var(--sp-5);
	font-size: var(--fs-3xl);
	line-height: var(--lh-tight);
	letter-spacing: -.025em;
}
@media (max-width: 767.98px) { .intro-title { font-size: var(--fs-2xl); } }
.product-thumbs__item:hover,
.product-thumbs__item.is-active { border-color: var(--brand-500); }

/* --- Ölçü tablosu başlığı ve arama --- */

.spec-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--sp-6);
	margin-bottom: var(--sp-8);
}
.spec-head h2 { margin: var(--sp-2) 0 var(--sp-2); }
.spec-head p { margin: 0; font-size: var(--fs-sm); color: var(--ink-600); max-width: 52ch; }

.spec-search {
	position: relative;
	flex-shrink: 0;
	min-width: 280px;
	max-width: 100%;
}
.spec-search i {
	position: absolute;
	left: var(--sp-4);
	top: 50%;
	transform: translateY(-50%);
	color: var(--ink-400);
	font-size: var(--fs-sm);
	pointer-events: none;
}
.spec-search .input { padding-left: var(--sp-10); background: var(--white); min-width: 0; }
@media (max-width: 575.98px) { .spec-search { min-width: 100%; } }

.spec-table-wrap {
	background: var(--white);
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
}
/* Uzun tablolarda başlık satırı yapışkan kalır */
.spec-table-wrap .product-spec-scroll {
	max-height: 560px;
	overflow-y: auto;
	border: var(--border);
	border-radius: var(--radius-lg);
}
.spec-table-wrap .product-spec-table { min-width: 100%; }

.spec-empty { color: var(--ink-300); }

.spec-empty-msg {
	margin: 0;
	padding: var(--sp-8);
	text-align: center;
	color: var(--ink-500);
	font-size: var(--fs-sm);
}

.spec-note {
	display: flex;
	align-items: flex-start;
	gap: var(--sp-3);
	margin: var(--sp-5) 0 0;
	font-size: var(--fs-sm);
	color: var(--ink-500);
}
.spec-note i { color: var(--brand-400); margin-top: 3px; }
@media (max-width: 767.98px) {
	.sector-contact__actions .btn { flex: 1 1 100%; }
}

.principle {
	position: relative;
	padding: var(--sp-8);
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.principle:hover {
	border-color: var(--brand-300);
	box-shadow: var(--shadow-lg);
	transform: translateY(-4px);
}
.principle:hover .principle__num { color: var(--brand-100); }
.principle:hover .principle__icon { background: var(--brand-600); color: var(--white); }

.principle h3 { position: relative; margin: 0 0 var(--sp-3); font-size: var(--fs-md); }
.principle p { position: relative; margin: 0; font-size: var(--fs-sm); color: var(--ink-600); }

.cert {
	display: flex;
	flex-direction: column;
	padding: 0;
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	cursor: pointer;
	font-family: inherit;
	text-align: center;
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.cert:hover { border-color: var(--brand-400); box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.cert:hover .cert__zoom { opacity: 1; }
.era-nav__btn.is-active { background: var(--brand-600); color: var(--white); }

/* --------------------------------------------------------------------------
   İletişim sayfası
   -------------------------------------------------------------------------- */

.contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--sp-16);
	align-items: start;
}
@media (max-width: 991.98px) {
	.contact-layout { grid-template-columns: minmax(0, 1fr); gap: var(--sp-10); }
}

.contact-cards { display: grid; gap: var(--sp-4); margin: 0; padding: 0; list-style: none; }

.contact-card {
	display: flex;
	align-items: flex-start;
	/* min-width:0 olmadan uzun adres satırı çok dar telefonda taşırıyordu */
	min-width: 0;
	gap: var(--sp-5);
	padding: var(--sp-5) var(--sp-6);
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	transition: border-color var(--transition), box-shadow var(--transition);
}
.contact-card:hover { border-color: var(--brand-300); box-shadow: var(--shadow-sm); }
.contact-card > p { min-width: 0; overflow-wrap: anywhere; }

.contact-card__icon {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	background: var(--brand-50);
	color: var(--brand-600);
	border-radius: var(--radius);
	font-size: var(--fs-md);
}
.contact-card strong {
	display: block;
	margin-bottom: var(--sp-1);
	font-size: var(--fs-sm);
	font-weight: 700;
	color: var(--ink-900);
}
.contact-card p { margin: 0; font-size: var(--fs-sm); color: var(--ink-600); line-height: var(--lh-snug); }

.contact-form-wrap {
	padding: var(--sp-8);
	background: var(--white);
	border: var(--border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow);
	position: sticky;
	top: calc(var(--header-h) + var(--sp-6));
}
@media (max-width: 991.98px) {
	.contact-form-wrap { position: static; padding: var(--sp-6); }
}

.contact-map { line-height: 0; border-top: var(--border); }

/* --------------------------------------------------------------------------
   Kariyer maddeleri: üstten boşluk
   -------------------------------------------------------------------------- */

.career-list { margin-top: var(--sp-10); }

/* --------------------------------------------------------------------------
   Diğer ürün grupları — küçük kartlar
   -------------------------------------------------------------------------- */

.grid--4 > .card .card__body { padding: var(--sp-5); }
.grid--4 > .card .card__title { font-size: var(--fs-base); margin-bottom: var(--sp-3); }
.grid--4 > .card .ratio { background: var(--ink-50); }
/* Ürün görselleri kırpılmasın: kap içine sığdırılır */
.grid--4 > .card .ratio img { object-fit: cover; }

/* --------------------------------------------------------------------------
   Madde 7: görsel/metin oranı — uzun metinli split bloklarında
   -------------------------------------------------------------------------- */

/* Görsel üstte sabit durur; metin uzun olsa da kaymaz */
.split { align-items: start; }

/* --------------------------------------------------------------------------
   Haber / fuar detay yazısı
   -------------------------------------------------------------------------- */

.post-article { max-width: 760px; }

.post-article .post-meta {
	padding-bottom: var(--sp-5);
	margin-bottom: var(--sp-6);
	border-bottom: var(--border);
}

.post-article .post-hero {
	margin-inline: calc(var(--sp-8) * -1);
	border-radius: var(--radius-lg);
}
@media (max-width: 991.98px) {
	.post-article .post-hero { margin-inline: 0; }
}

/* Yazı gövdesi: daha rahat okunur satır yüksekliği */
.prose--article p {
	margin-bottom: var(--sp-5);
}
.cert:hover .cert__view { color: var(--brand-800) !important; }

/* Tıklanabilir belge rozeti */
.badge--action {
	position: relative;
	width: 100%;
	justify-content: flex-start;
	gap: var(--sp-3);
	padding-right: var(--sp-10);
	font-family: inherit;
	cursor: pointer;
	text-align: left;
	transition: background var(--transition), border-color var(--transition);
}
.badge--action:hover { background: rgba(255, 255, 255, .16); border-color: var(--eco-500); }
.badge--action .badge__zoom {
	position: absolute;
	right: var(--sp-4);
	font-size: 11px;
	color: var(--eco-500);
	opacity: 0;
	transition: opacity var(--transition);
}
.badge--action:hover .badge__zoom { opacity: 1; }

/* ==========================================================================
   ANASAYFA — eski site düzeni
   Kısaca Biz → 6 tanıtım kartı → sürdürülebilirlik rozetleri →
   taahhütler → slogan → ürün fotoğrafı karuseli
   ========================================================================== */

/* --------------------------------------------------------------------------
   Kısaca Biz — ortalı başlık + tek paragraf
   -------------------------------------------------------------------------- */

.intro { text-align: center; }

/* Eski sitede başlık 36px/400 siyah, paragraf 21px/33px ve iki yana yaslı;
   paragraf konteyner içinde soldan ve sağdan 110px içeride duruyor. */
/* Eski sitede başlık satırı 23px; paragraf başlığın üstünden 47px aşağıda */
.intro__title {
	margin-bottom: 24px;
	font-size: 36px;
	font-weight: 400;
	line-height: 23px;
	color: #000;
}

.intro__text {
    font-size: 21px;
    line-height: 33px;
    color: #000;
    text-align: justify;
    max-width: 980px;
    margin: 0px auto;
}

@media (max-width: 767.98px) {
	/* Eski sitede dar ekranda 22px başlık, 17px/19px ortalı paragraf */
	/* Paragraf başlıktan 44px aşağıda; 17px yazı, satırlar arası 26px */
	.intro__title { margin-bottom: 21px; font-size: 22px; }
	.intro__text {
		margin: 0;
		font-size: 17px;
		line-height: 26px;
		text-align: center;
	}
}

/* --------------------------------------------------------------------------
   Anasayfa tanıtım kartları — kategori kartıyla aynı yapı + turuncu buton
   -------------------------------------------------------------------------- */

.section--tight { padding-top: var(--sp-8); }

.promo-card {
	/* Eski sitedeki kart gölgesi */
	box-shadow: 0 0 5px 1px rgba(6, 55, 101, .22);
	border-top-color: #2F6FBC;
}
.promo-card:hover { transform: none; box-shadow: 0 0 10px 2px rgba(6, 55, 101, .28); }

/* Eski sitedeki kart ölçüleri (kartın üst kenarından):
   başlık +26px (22px/600, 30px satır), görsel +77px (360x190, mobilde
   350x185), metin görselden 20px sonra 16px ve 26px satır aralığı,
   yanlardan 30px içeride; buton metinden 20px sonra. Masaüstünde ilk
   satır kartları 531px, ikinci satır 518px ve buton alta yaslı; mobilde
   kart içeriği kadar, butonun altında 20px. */
.promo-card { min-height: 531px; padding-bottom: 17px; }
.promo-grid > li:nth-child(n+4) .promo-card { min-height: 518px; }

.promo-card__action {
	display: block;
	padding: 20px 0 0;
	text-align: center;
	margin-top: auto;
}

.promo-card .cat-card__title {
	padding: 22px 0 21px;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0;
	color: #2B6DBF;
}
.promo-card .cat-card__media img { height: auto; aspect-ratio: 36 / 19; }
.promo-card .cat-card__text {
	padding: 20px 30px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #000;
}
/* Eski sitede Tarihçe kartının metin kutusu 6px daha içeride */
.promo-grid > li:nth-child(3) .cat-card__text { padding: 26px 36px 0; }
.promo-card .btn-pill { padding: 12px 24px; line-height: 14px; }

/* Eski sitede ilk kartın (Sektörler) görseli 10px iç boşluklu ve biraz
   aşağıda (340x167), metni 25px satır aralıklı ve 39px+10px içeride. */
.promo-grid > li:first-child .cat-card__media { padding: 6px 10px 0; }
.promo-grid > li:first-child .cat-card__media img { aspect-ratio: 340 / 167; }
.promo-grid > li:first-child .cat-card__text { padding: 14px 49px 9px; line-height: 25px; }

@media (max-width: 767.98px) {
	.promo-card,
	.promo-grid > li:nth-child(n+4) .promo-card { min-height: 0; padding-bottom: 20px; }
	.promo-grid > li:first-child .promo-card { padding-bottom: 30px; }
	.promo-grid > li:first-child .promo-card__action { padding-top: 24px; }
}

/* Turuncu çerçeveli hap buton (eski sitedeki "Devamı") */
.btn-pill {
	display: inline-block;
	padding: 10px 26px;
	font-size: 14px;
	font-weight: 600;
	color: #FF8402;
	background: transparent;
	border: 2px solid #FF8402;
	border-radius: 32px;
	transition: background var(--transition), color var(--transition);
}
.btn-pill:hover { background: #FF8402; color: var(--white); }

/* "Devamı" — eski sitede kartlarda olduğu gibi turuncu pill buton
   (sürdürülebilirlik ve taahhütler bölümlerinde de aynısı) */
.promo__more {
	display: inline-block;
	/* Eski sitedeki buton 103x42: 12px/24px dolgu, 14px satır */
	padding: 12px 24px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	color: #FF8402;
	background: transparent;
	border: 2px solid #FF8402;
	border-radius: 32px;
	text-decoration: none;
	transition: background var(--transition), color var(--transition);
}
.promo__more:hover { background: #FF8402; color: var(--white); }

/* --------------------------------------------------------------------------
   Sürdürülebilirlik rozetleri — statik ızgara (kayan şerit değil)
   -------------------------------------------------------------------------- */

/* Eski sitede başlık ve "Devamı" butonu aynı satırda, ortalı duruyor;
   başlık 36px/400 siyah. */
.sustain__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--sp-8);
	margin-bottom: var(--sp-10);
	text-align: center;
}
.sustain__head h2 {
	font-size: 36px;
	line-height: 23px;
	font-weight: 400;
	color: #000;
}

/* Eski sitede rozetler Elementor'da tek tek elle yerleştirilmiş: iki sütun,
   her rozetin kendi genişliği ve satır içinde kendi dikey kayması var.
   Değerler eski sitenin 1440px ve 390px ekranlarında ölçüldü; sıra,
   Sürdürülebilirlik sayfasındaki görsel sırasıdır. Listeye yeni rozet
   eklenirse varsayılan genişlikle (260px) aynı ızgaraya oturur. */
.badge-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 409px 215px 342px 274px;
	grid-auto-rows: auto;
	align-items: start;
	margin: 0;
	padding: 0;
	list-style: none;
}
.badge-grid__item { position: relative; display: flex; justify-content: center; }
.badge-grid__item a { display: block; }
.badge-grid__item img {
	display: block;
	width: var(--badge-w, 260px);
	max-width: 100%;
	height: auto;
	transition: opacity var(--transition), transform var(--transition);
}
.badge-grid__item a:hover img,
.badge-grid__item a:focus-visible img { opacity: .8; transform: scale(1.04); }

.badge-grid__item:nth-child(1)  { --badge-w: 310px; left: -10px; }
.badge-grid__item:nth-child(2)  { --badge-w: 268px; left: 8px;   margin-top: 20px; }
.badge-grid__item:nth-child(3)  { --badge-w: 356px; left: 6px;   margin-top: 19px; }
.badge-grid__item:nth-child(4)  { --badge-w: 356px; left: -3px; }
.badge-grid__item:nth-child(5)  { --badge-w: 241px; left: -8px; }
.badge-grid__item:nth-child(6)  { --badge-w: 275px; left: -15px; margin-top: 9px; }
.badge-grid__item:nth-child(7)  { --badge-w: 222px; left: -14px; }
.badge-grid__item:nth-child(8)  { --badge-w: 367px; left: -19px; margin-top: 30px; }
.badge-grid__item:nth-child(9)  { --badge-w: 403px; left: -28px; }
.badge-grid__item:nth-child(10) { --badge-w: 248px; left: -7px;  margin-top: 23px; }

/* Mobilde tek sütun: geniş logolar 250px, kare rozetler 190px; aralıklar
   eski sitedeki gibi rozete göre değişiyor. */
@media (max-width: 767.98px) {
	.badge-grid { grid-template-columns: 1fr; grid-template-rows: none; }
	.badge-grid__item { left: 0 !important; margin-top: 0; }
	.badge-grid__item:nth-child(1)  { --badge-w: 250px; }
	.badge-grid__item:nth-child(2)  { --badge-w: 178px; margin-top: 50px; }
	.badge-grid__item:nth-child(3)  { --badge-w: 250px; margin-top: 94px; }
	.badge-grid__item:nth-child(4)  { --badge-w: 250px; margin-top: 78px; }
	.badge-grid__item:nth-child(5)  { --badge-w: 190px; margin-top: 74px; }
	.badge-grid__item:nth-child(6)  { --badge-w: 190px; margin-top: 50px; }
	.badge-grid__item:nth-child(7)  { --badge-w: 190px; margin-top: 66px; }
	.badge-grid__item:nth-child(8)  { --badge-w: 250px; margin-top: 60px; }
	.badge-grid__item:nth-child(9)  { --badge-w: 278px; margin-top: 74px; left: 7px !important; }
	.badge-grid__item:nth-child(10) { --badge-w: 190px; margin-top: 76px; }
}
/* Eski sitede mobil başlık kutusu 345px ve 10px sağa kayık: iki satıra iner */
@media (max-width: 767.98px) { .sustain__head h2 { width: calc(100% - 5px); max-width: 345px; margin: 0 -5px 0 10px; font-size: 22px; } }

/* --------------------------------------------------------------------------
   Taahhütlerimiz — görsel + metin
   -------------------------------------------------------------------------- */

/* Eski sitede iki eşit kolon (%50/%50), üstten hizalı */
/* Eski sitede sol kolon 596px (başlık + çark ortası 438px), sağ kolon 9px
   sonra başlıyor; metin 510px genişliğinde. */
.commit__grid {
	display: grid;
	grid-template-columns: 596px minmax(0, 1fr);
	column-gap: 9px;
	align-items: start;
}
/* Çark kolonda yatayda ortalı: img blok olmalı, yoksa auto margin işlemez */
.commit__media img {
	display: block;
	width: 400px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* Eski sitede sağ kolon: başlık 30px/32px/600 siyah, metin 16px/27px siyah;
   ilk paragraf başlığın üstünden 62px aşağıda, paragraflar arası 10px */
.commit__body h2 {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 600;
	line-height: 32px;
	color: #000;
}
.commit__body p {
	max-width: 510px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 27px;
	color: #000;
}
.commit__body .promo__more { margin-top: 34px; }

@media (max-width: 991.98px) {
	.commit__grid { grid-template-columns: 1fr; row-gap: 60px; }
}
/* Mobilde çark kolon genişliğinde (357px), buton ortalı */
@media (max-width: 767.98px) {
	.hero { margin-top: -5px; }
	/* 390px ekranda 357px (kolondan 7px geniş); dar ekranda kolonla birlikte küçülür */
	.commit__media img { width: calc(100% + 7px); max-width: none; margin-left: -2px; }
	.commit__body h2 { margin-bottom: 20px; }
	.commit__body p { max-width: none; }
	.commit__body { text-align: center; }
	.commit__body .promo__more { display: table; margin: 20px auto 0; }
}

/* --------------------------------------------------------------------------
   Slogan bandı — görsel zemin üzerine beyaz yazı (eski site)
   -------------------------------------------------------------------------- */

/* Eski sitede bant 480px yüksekliğinde (mobilde 249px) ve altında boşluk yok */
.tagline {
	display: flex;
	align-items: center;
	min-height: 480px;
	background-image: url('../../upload/page/home/slogan-arkaplan.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	/* Eski sitede görsel kendi boyutunda ve ortalı (cover değil) */
	background-size: auto;
}
/* Eski sitedeki başlık: 42px / 52px / 600, soldan 9px dolgu, gölge yok.
   Satır sonları metnin içinde <br> ile geliyor. */
.tagline h2 {
	margin: 0;
	padding-left: 9px;
	font-size: 42px;
	font-weight: 600;
	line-height: 52px;
	letter-spacing: .5px;
	text-align: left;
	color: var(--white);
}

@media (max-width: 1024px) {
	.tagline { min-height: 380px; }
	/* Eski sitede dar ekranda 25px / 34px ve sağa yaslı, zemin sağa hizalı */
	.tagline { background-position: center right; background-size: cover; }
	.tagline h2 { font-size: 25px; line-height: 34px; text-align: right; padding-left: 0; }
}
@media (max-width: 767.98px) {
	.tagline { min-height: 249px; }
	.tagline h2 { font-size: 25px; line-height: 34px; text-align: right; }
}

/* "Ne yaparsak, en iyisini yaparız" — sol kolonun başlığı, çarkın üstünde.
   Eski sitedeki değerler: 29px / 600 / #2B6DBF, ortalı. */
.commit__eyebrow {
	margin: 4px 0 51px;
	font-size: 29px;
	font-weight: 600;
	line-height: 23px;
	text-align: center;
	color: var(--brand-500);
}
@media (max-width: 767.98px) { .commit__eyebrow { margin: 0 0 30px; font-size: 25px; } }

/* --------------------------------------------------------------------------
   Ürün fotoğrafı karuseli (alt bilgi üstü)

   Eski sitede tek karusel var ve konteyner genişliğinde duruyor; gezinme
   yalnızca görselin altındaki noktalarla, geçiş yatay kayma. Görsel takımı
   kırılıma göre değişir: masaüstü/tablet 1200x430, mobil 1000x550.
   -------------------------------------------------------------------------- */

/* Eski sitede karusel bandı üstten ve alttan 100px boşlukla duruyor */
.photo-carousel { margin-block: 100px 133px; }

.photo-carousel__viewport { overflow: hidden; }

.photo-carousel__track {
	display: flex;
	transition: transform .5s ease;
	will-change: transform;
}

.photo-carousel__slide {
	flex: 0 0 100%;
	min-width: 0;
	margin: 0;
}
.photo-carousel__slide img {
	width: 100%;
	height: auto;
	display: block;
}

/* Noktalar görselin 12px altında: eski sitedeki Swiper noktaları 6px siyah,
   etkin olmayanlar %20 opak, aralarında 12px */
.photo-carousel__dots {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}
.photo-carousel__dot {
	width: 6px;
	height: 6px;
	padding: 0;
	background: #000;
	opacity: .2;
	border: 0;
	border-radius: var(--radius-full);
	cursor: pointer;
	transition: opacity var(--transition);
}
.photo-carousel__dot.is-active { opacity: 1; }

/* Kırılıma göre görsel takımı: eski sitede 1200x430 takımı mobilde,
   1000x550 takımı masaüstü/tablette gizli. */
.photo-carousel--mobile { display: none; }

@media (max-width: 767.98px) {
	.photo-carousel--desktop { display: none; }
	.photo-carousel--mobile { display: block; }
	/* Eski sitede mobil karusel ekran genişliğinde (390x215), üstten 60px;
	   noktalardan alt bilgiye kadar geniş bir boşluk kalıyor */
	.photo-carousel { margin-block: 60px 62px; }
	.photo-carousel > .container { padding-inline: 0; }
}

/* --------------------------------------------------------------------------
   Yukarı çık
   -------------------------------------------------------------------------- */

.to-top {
	position: fixed;
	right: var(--sp-5);
	bottom: var(--sp-5);
	z-index: 900;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	color: var(--white);
	background: var(--brand-500);
	border: 0;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity var(--transition), visibility var(--transition),
				transform var(--transition), background var(--transition);
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.to-top:hover { background: var(--brand-800); }

/* WhatsApp butonu varsa üstüne binmesin */
.wa-float ~ .to-top { bottom: calc(var(--sp-5) + 60px); }

.tile {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--brand-900);
}
.tile:hover .tile__media img { transform: scale(1.06); opacity: .5; }

/* Görseli olmayan kutucuk da aynı yükseklikte kalsın */
.tile:not(:has(.tile__media)) { min-height: 230px; }

/* --------------------------------------------------------------------------
   Makale düzeni — sektör / ürün / içerik detayı
   Eski site: solda yuvarlatılmış görsel, sağda başlık + metin (50/50).
   1024px altında tek kolona iner.
   -------------------------------------------------------------------------- */

.article > .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sp-10);
	align-items: start;
}

/* Görsel sol kolonda, yuvarlatılmış */
.article__media {
	grid-column: 1;
	margin: 0;
}
.article__media img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

/* Metin sağ kolonda tek blok hâlinde akar */
.article__body { grid-column: 2; min-width: 0; }

.article__lead {
	margin: 0 0 var(--sp-4);
	font-size: 31px;
	font-weight: 600;
	line-height: 41px;
	color: #000;
}

.article__summary {
	margin: 0 0 var(--sp-4);
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	color: #000;
}

.article .prose {
	font-size: 17px;
	line-height: 25px;
	color: #000;
}
.article .prose p { margin-bottom: var(--sp-4); }
.article .prose h2,
.article .prose h3 {
	margin: var(--sp-6) 0 var(--sp-3);
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: #000;
}
.article .prose ul { padding-left: var(--sp-5); }
.article .prose li { margin-bottom: var(--sp-2); }

/* Görseli olmayan sayfalarda metin tüm genişliği kullanır */
.article > .container:not(:has(.article__media)) {
	grid-template-columns: minmax(0, 1fr);
}
.article > .container:not(:has(.article__media)) .article__body {
	grid-column: 1;
	max-width: 900px;
}

.article__gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--sp-4);
	margin: var(--sp-6) 0 0;
	padding: 0;
	list-style: none;
}
.article__gallery img { width: 100%; height: auto; border-radius: 12px; }

@media (max-width: 1024px) {
	.article > .container {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--sp-8);
	}
	.article__media,
	.article__body { grid-column: 1; }
}

@media (max-width: 767.98px) {
	.article__lead    { font-size: 27px; line-height: 34px; }
	.article__summary,
	.article .prose   { font-size: var(--fs-base); line-height: 1.7; }
}

/* --------------------------------------------------------------------------
   Tarihçe & Kilometre Taşları — eski sitedeki zaman çizelgesi
   Logo bandın 75px altında (150px); ortada noktalı çizgi logodan iner.
   Her satır iki 295px'lik sütun: yıl 60px/500 #0069B4, metin 22px/500
   #A1A1A1, çizgiye bakan tarafta 20px boşluk; satır en az 202px, satırlar
   arası 120px; noktalar 16px gri, satırın 5px içinde. Mobilde sütunlar
   144px, yıl 40px, metin 16px / 22px, satırlar arası 78px.
   -------------------------------------------------------------------------- */

.section.milestones { position: relative; padding-block: 75px 137px; }

.milestones__mark { width: 150px; margin: 0 auto 270px; }
.milestones__mark img { display: block; width: 100%; height: auto; }

.milestones__list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Logodan son satıra inen noktalı çizgi */
.milestones__list::before {
	content: '';
	position: absolute;
	top: -283px;
	bottom: 0;
	left: 50%;
	width: 2px;
	transform: translateX(-50%);
	background-image: linear-gradient(#A1A1A1 50%, transparent 0);
	background-size: 2px 6px;
	background-repeat: repeat-y;
}
/* Logonun hemen altındaki nokta */
.milestones__list::after {
	content: '';
	position: absolute;
	top: -283px;
	left: 50%;
	width: 16px;
	height: 16px;
	background: #A1A1A1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.milestone {
	position: relative;
	display: grid;
	grid-template-columns: 295px 295px;
	justify-content: center;
	align-items: start;
	min-height: 202px;
}
.milestone + .milestone { margin-top: 120px; }
.milestone::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 50%;
	width: 16px;
	height: 16px;
	background: #A1A1A1;
	border-radius: 50%;
	transform: translateX(-50%);
}

.milestone__year {
	grid-column: 1;
	grid-row: 1;
	padding: 0 20px;
	font-size: 60px;
	font-weight: 500;
	line-height: 27px;
	text-align: right;
	color: #0069B4;
}
.milestone__text {
	grid-column: 2;
	grid-row: 1;
	margin-top: -2px;
	padding: 0 20px;
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	color: #A1A1A1;
}
.milestone--left .milestone__year { grid-column: 2; text-align: left; }
.milestone--left .milestone__text { grid-column: 1; text-align: right; }

@media (max-width: 767.98px) {
	.section.milestones { padding-block: 66px 61px; }
	.milestones__mark { width: 130px; margin-bottom: 198px; }
	.milestones__list::before,
	.milestones__list::after { top: -205px; }
	.milestone { grid-template-columns: 144px 144px; }
	.milestone + .milestone { margin-top: 78px; }
	.milestone__year { padding: 0 15px 0 0; font-size: 40px; }
	.milestone__text { margin-top: 0; padding: 0 0 0 15px; font-size: 16px; line-height: 22px; }
	.milestone--left .milestone__year { padding: 0 0 0 15px; }
	.milestone--left .milestone__text { padding: 0 15px 0 0; }
}
.principles__item .prose {
	line-height: 1.8;
	color: var(--ink-700);
}

/* --------------------------------------------------------------------------
   Politikalarımız — satır listesi + GÖRÜNTÜLE / İNDİR
   -------------------------------------------------------------------------- */

.policy-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--ink-200);
}

.policy-list__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-4);
	padding: var(--sp-5) 0;
	border-bottom: 1px solid var(--ink-200);
}

.policy-list__name {
	display: flex;
	align-items: center;
	gap: var(--sp-3);
	font-size: var(--fs-md);
	color: var(--ink-800);
}
.policy-list__name i { color: var(--brand-500); font-size: var(--fs-lg); }

.policy-list__actions { display: flex; gap: var(--sp-3); }

.policy-btn {
	display: inline-block;
	padding: 8px 18px;
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: .05em;
	color: var(--brand-500);
	border: 1px solid var(--brand-500);
	transition: background var(--transition), color var(--transition);
}
.policy-btn:hover { background: var(--brand-500); color: var(--white); }
.policy-btn--solid { background: var(--brand-500); color: var(--white); }
.policy-btn--solid:hover { background: var(--brand-800); border-color: var(--brand-800); color: var(--white); }

@media (max-width: 575.98px) {
	.policy-list__item { flex-direction: column; align-items: flex-start; }
	.policy-list__name { font-size: var(--fs-base); }
}

/* --------------------------------------------------------------------------
   Haberler / Fuarlar — dönüşümlü iki kolon (eski site düzeni)
   -------------------------------------------------------------------------- */

/* Eski site ölçüleri. Başlık 31px / 41px (mobilde 27px / 34px), bandın
   42px altında; giriş metni 17px / 25px. Fuar afişi 500px, 8px içeride.
   Kayıt başlıkları 24px/600 (mobilde 22px): haberlerde 29px, fuarlarda
   41px satır. Görsel başlıkla aynı hizada (haber +3px, fuar +6px); kayıtlar
   arası 80px. Mobilde önce metin, sonra görsel. */
.posts-head { padding-top: 42px; }
.posts__heading {
	margin: 0 0 13px -2px;
	font-size: 31px;
	font-weight: 600;
	line-height: 41px;
	color: #000;
}
.posts__intro {
	margin: 0 0 10px;
	font-size: 17px;
	line-height: 25px;
	color: #000;
}
.posts__banner { margin: 40px 0 0 8px; }
.posts__banner img { display: block; width: 500px; max-width: 100%; height: auto; }
.posts-past { padding-top: 102px; }
.posts-past .posts__heading { margin-bottom: 0; }

.post-block.section { padding-block: 0; }
.posts--news + .post-block { padding-top: 46px; }
.posts-past + .post-block { padding-top: 24px; }
.post-block + .post-block { padding-top: 80px; }
.post-block:last-of-type { padding-bottom: 80px; }
.post-block__title {
	margin: 0 0 11px;
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	color: #000;
}
.post-block--fair .post-block__title { margin-bottom: 5px; line-height: 41px; }
.post-block .article__media { margin-top: 3px; }
.post-block--fair .article__media { margin-top: 6px; }
.post-block .prose { font-size: 17px; line-height: 25px; color: #000; }
.post-block .prose p,
.post-block .prose p:last-child { margin-bottom: 10px; }

@media (max-width: 1024px) {
	.post-block > .container { gap: 0; }
	.post-block .article__media { order: 2; margin-top: 15px; }
}
@media (max-width: 767.98px) {
	.posts-head { padding-top: 30px; }
	.posts__heading { margin-left: 0; font-size: 27px; line-height: 34px; }
	.posts--news .posts__heading { margin-bottom: 10px; }
	.posts__banner { margin: 40px 0 0; }
	.posts-past { padding-top: 0; }
	.posts--news + .post-block,
	.posts-past + .post-block { padding-top: 0; }
	.post-block + .post-block { padding-top: 45px; }
	.post-block:last-of-type { padding-bottom: 40px; }
	.post-block__title { margin-bottom: 14px; font-size: 22px; }
	.post-block--fair .post-block__title { line-height: 34px; }
}

/* --------------------------------------------------------------------------
   Anasayfa popup
   -------------------------------------------------------------------------- */

.site-popup {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: grid;
	place-items: center;
	padding: var(--sp-5);
	background: rgba(0, 0, 0, .6);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--transition), visibility var(--transition);
}
.site-popup.is-open { opacity: 1; visibility: visible; }

.site-popup__box {
	position: relative;
	/* place-items:center öğeyi içeriğine göre boyutlar; dar ekranda
	   görselin doğal genişliği taşmasın diye viewport'a da bağlanır */
	width: 100%;
	max-width: min(940px, calc(100vw - var(--sp-10)));
	max-height: 88vh;
	overflow: auto;
	background: var(--white);
	transform: translateY(10px);
	transition: transform var(--transition);
}
.site-popup.is-open .site-popup__box { transform: translateY(0); }
.site-popup__box img { width: 100%; height: auto; display: block; }

.site-popup__close {
	position: absolute;
	top: var(--sp-3);
	right: var(--sp-3);
	z-index: 2;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	font-size: var(--fs-lg);
	color: var(--ink-800);
	background: var(--white);
	border: 0;
	border-radius: var(--radius-full);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	cursor: pointer;
	transition: background var(--transition), color var(--transition);
}
.site-popup__close:hover { background: var(--brand-500); color: var(--white); }

/* --------------------------------------------------------------------------
   KVKK onay kutusu
   -------------------------------------------------------------------------- */

.form-consent { margin-bottom: var(--sp-5); }

.consent {
	display: flex;
	align-items: flex-start;
	gap: var(--sp-3);
	font-size: var(--fs-sm);
	line-height: 1.6;
	color: var(--ink-700);
	cursor: pointer;
}
.consent input { margin-top: 3px; flex: 0 0 auto; }
.consent a { color: var(--brand-500); text-decoration: underline; text-underline-offset: 2px; }

/* --------------------------------------------------------------------------
   Sayfa başlığı alt cümlesi
   -------------------------------------------------------------------------- */

/* Kategori sayfalarında başlığın altındaki spot: eski sitede 28px / 36px
   beyaz, başlık satırı 23px ve spot 45px altında (mobilde 31px başlık,
   17px / 23px spot, 20px aralık). */
.page-head--sub { padding-top: 40px; }
.page-head--sub h1 { line-height: 23px; }
.page-head__sub {
	margin: 45px 0 10px -18px;
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	color: var(--white);
}
@media (max-width: 767.98px) {
	.page-head--sub { padding-top: 0; }
	.page-head--sub h1 { font-size: 31px; line-height: 23px; }
	.page-head__sub { margin: 20px 0 10px; font-size: 17px; line-height: 23px; }
}

/* --------------------------------------------------------------------------
   Kategori kartları — eski site: üstte mavi çizgi, başlık, görsel, spot cümle
   -------------------------------------------------------------------------- */

.cat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--sp-8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cat-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--white);
	border-top: 4px solid var(--brand-500);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .10);
	transition: box-shadow var(--transition), transform var(--transition);
}
.cat-card:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
	transform: translateY(-3px);
}

.cat-card__title {
	display: block;
	padding: var(--sp-5) var(--sp-4);
	font-size: var(--fs-md);
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
	color: var(--brand-500);
}

.cat-card__media { display: block; overflow: hidden; }
.cat-card__media img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	transition: transform .5s ease;
}
.cat-card:hover .cat-card__media img { transform: scale(1.05); }

.cat-card__text {
	display: block;
	padding: var(--sp-5) var(--sp-5) var(--sp-6);
	font-size: var(--fs-sm);
	line-height: 1.65;
	text-align: center;
	color: var(--ink-800);
}

@media (max-width: 991.98px) { .cat-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-5); } }
@media (max-width: 575.98px) {
	.cat-grid { grid-template-columns: 1fr; }
	.cat-card__media img { height: 200px; }
}

/* Hub kartları: kategori kartıyla aynı yapı, başlık normal yazımda */
.cat-card--plain .cat-card__title {
	font-size: var(--fs-lg);
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

/* Hub (Hakkımızda / Sürdürülebilirlik / Kariyer) — eski sitedeki ölçüler.
   Başlık bandın 47px altında, 28px / 36px ortalı; metin 17px, satır
   aralığı 26px, 950px genişlikte ortalı. Kartlar metnin 77px altında:
   360px, aralarında 40px, üstte 4px mavi çizgi; başlık kartın 22px içinde,
   görsel 73px içinde, kendi oranında ve en fazla 241px. Eksik kalan son
   satır ortalanır (tek kart ortada, iki kart ortada yan yana). Mobilde
   başlık 27px / 34px, metin sola yaslı. */
.hub.section { padding-block: 47px 0; }
.article.hub > .container .hub__intro { width: 100%; max-width: 950px; margin-inline: auto; text-align: center; }
.hub .hub__body.prose { font-size: 17px; line-height: 26px; }
.hub__lead {
	margin: 0 0 21px;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	color: #000;
}
.hub__text, .hub__body {
	margin: 0;
	font-size: 17px;
	line-height: 26px;
	color: #000;
}
.hub__body { margin-top: 20px; }
.hub__body p { margin-bottom: 20px; }
.hub__body p:last-child { margin-bottom: 0; }

.hub-cards { padding-block: 77px 59px; }
.hub-cards .cat-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; }
.hub-cards .cat-grid > li { flex: 0 0 360px; }
.hub-cards .cat-card { box-shadow: 0 0 5px 1px rgba(6, 55, 101, .224); border-top-color: #2F6FBC; }
.hub-cards .cat-card:hover { transform: none; }
.hub-cards .cat-card__title {
	padding: 18px 0 21px;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: #2B6DBF;
}
.hub-cards .cat-card__media img { width: auto; max-width: 100%; height: auto; max-height: 241px; margin-inline: auto; }
@media (max-width: 767.98px) {
	.hub.section { padding-top: 30px; }
	.article.hub > .container .hub__intro { text-align: left; }
	.hub__lead { font-size: 27px; line-height: 34px; }
	.hub-cards { padding-block: 67px 45px; }
	.hub-cards .cat-grid > li { flex-basis: 100%; }
	.hub-cards .cat-card__media img { max-height: 234px; }
}

/* Dönüşümlü blok: çift sırada görsel sağa geçer */
.article--flip > .container { direction: rtl; }
.article--flip > .container > * { direction: ltr; }

/* --------------------------------------------------------------------------
   Ürün ölçü tablosu satırı: solda tablo, sağda görsel + metin
   -------------------------------------------------------------------------- */

.article.spec-row > .container {
	grid-template-columns: 1fr 1fr;
	align-items: start;
}
/* Görsel .article__media içinde değil (tablo satırında), bu yüzden
   tek kolona düşüren genel kuralı burada geçersiz kılıyoruz. */
/* Solda görsel + metin, sağda ölçü tablosu */
.article.spec-row > .container > .spec-row__left {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	max-width: none;
}
.article.spec-row > .container > .spec-col {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
}
.spec-row__left .article__media { margin-bottom: var(--sp-6); }

/* Tablo başlığı ortalı (eski sitedeki gibi) */
.spec-row .spec-head { text-align: center; margin-bottom: var(--sp-5); }
.spec-row .spec-head h2 {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}

@media (max-width: 1024px) {
	/* Tablo satırı da tek kolona düşer; iki kolonlu kural burada
	   geçersiz kılınmazsa dar ekranda yatay taşma oluşuyordu. */
	.article.spec-row > .container { grid-template-columns: minmax(0, 1fr); }
	.article.spec-row > .container > .spec-row__left,
	.article.spec-row > .container > .spec-col { grid-column: 1; }
	.spec-col, .spec-row .article__body { grid-column: 1; }
}

/* --------------------------------------------------------------------------
   Mükemmellik İlkeleri — tam genişlikte renkli bantlar
   Solda başlık, sağda metin (eski site düzeni)
   -------------------------------------------------------------------------- */

/* Avantaj bantlarıyla aynı desen: her bant eşit yükseklikte, içerik dikey ortalı */
/* Eski site: her bant 170px ve bandın hemen altında başlıyor; başlık
   27px / 23px normal kalınlıkta, kabın 2px solundan; metin 790px sütunda
   (519px'den) 16px / 23px. Başlık ve metin dikeyde ortalı, ikisinin de
   altında 10px pay var. Mobilde bant içerik kadar: başlık 20px içeride,
   metin 20px altında, bandın altında 15px. */
.principle-band {
	display: flex;
	align-items: center;
	min-height: 170px;
	padding: 0;
	color: var(--white);
}
.principle-band > .container {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: 381px 790px;
	align-items: center;
}
.principle-band__title {
	margin: 0 0 10px -2px;
	font-size: 27px;
	font-weight: 400;
	line-height: 23px;
	color: var(--white);
}
.principle-band__text {
	margin: 0;
	font-size: 16px;
	line-height: 23px;
	color: var(--white);
}
.principle-band__text p,
.principle-band__text p:last-child { margin-bottom: 10px; }

@media (max-width: 991.98px) {
	.principle-band > .container { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
	.principle-band { min-height: 0; padding: 28px 0 15px; }
	.principle-band__title { margin: 0 0 20px; }
}

/* --------------------------------------------------------------------------
   Bölümlü içerik sayfaları (Felsefemiz / Vizyon & Misyon / Yaklaşımımız)
   Başlıklar eski sitedeki gibi mavi
   -------------------------------------------------------------------------- */

/* Bölümlü içerik (Felsefemiz, Vizyon & Misyon, Yaklaşımımız) — eski
   sitedeki ölçüler: başlık 29px/600 mavi (mobilde 25px), 23px satır, metin
   başlıktan 20px sonra; metin 17px / 25px siyah, paragraf altı 10px;
   bölümler arası 20px. Üst satır görsel | iki bölüm; görselden 45px sonra
   tam genişlik bölümler; son satırdan alt bilgiye 85px. Mobilde önce
   metin, 20px sonra görsel. */
.section-item + .section-item { margin-top: 20px; }
.section-item__title {
	margin: 0 0 20px;
	font-size: 29px;
	font-weight: 600;
	line-height: 23px;
	color: #2B6DBF;
}
.section-item .prose { font-size: 17px; line-height: 25px; color: #000; }
.section-item .prose p,
.section-item .prose p:last-child { margin-bottom: 10px; }

.sections-top.section { padding-block: 80px 0; }
.sections-top > .container { align-items: start; }
.sections-rest { padding: 45px 0 75px; }
.sections-top + .sections-rest { padding-top: 45px; }
.sections-rest .section-item:first-child { margin-top: 0; }

@media (max-width: 1024px) {
	.sections-top > .container { gap: 0; }
	.sections-top .article__media { order: 2; margin-top: 20px; }
}
@media (max-width: 767.98px) {
	.sections-top.section { padding-top: 30px; }
	.sections-rest { padding: 30px 0 30px; }
	.sections-top + .sections-rest { padding-top: 30px; }
	.section-item__title { font-size: 25px; }
}


/* --------------------------------------------------------------------------
   İnsan Kaynakları Başvuru Formu
   Uzun form; alanlar iki kolon, iş geçmişi satırları hafif çerçeveli grup.
   -------------------------------------------------------------------------- */

.hr-form__title {
	margin: 0 0 var(--sp-8);
	font-size: 26px;
	font-weight: 700;
	color: var(--brand-500);
	text-align: center;
}

.hr-form { max-width: 940px; margin: 0 auto; }

.hr-form__group {
	margin: 0 0 var(--sp-5);
	padding: var(--sp-5);
	border: 1px solid var(--ink-200);
}

.hr-form__checks {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-3) var(--sp-5);
	padding-top: var(--sp-2);
}

.consent--inline { margin: 0; }

@media (max-width: 767.98px) {
	.hr-form__title { font-size: 20px; }
	.hr-form__group { padding: var(--sp-4); }
}

/* --------------------------------------------------------------------------
   Kalite sayfası — politika metni ve sertifika rozetleri
   Eski sitede politika metinleri tam genişlikte akar, rozetler dört sütunlu
   bir sıra hâlinde dizilir.
   -------------------------------------------------------------------------- */

/* Eski site ölçüleri: politika başlıkları 31px / 41px siyah (mobilde 27px /
   34px), metin 17px / 25px, paragraf ve madde altı 10px; metin kabın 8px
   içinde, maddeler 40px girintili. Görselden ilk başlığa 72px. */
.kalite-policies { padding-top: 72px; }
.kalite-intro.article--sector { padding-bottom: 0; }
.policy-text { max-width: none; padding-left: 8px; font-size: 17px; line-height: 25px; color: #000; }
.policy-text p,
.policy-text p:last-child { margin-bottom: 10px; }
.policy-text ul { margin: 7px 0 23px; padding-left: 40px; }
.policy-text li { margin-bottom: 10px; }
.policy-text h3 {
	margin: 66px 0 20px;
	font-size: 31px;
	font-weight: 600;
	line-height: 41px;
	color: #000;
}
.policy-text h3:first-child { margin-top: 0; }

/* Sertifika logoları: 185px, aralarında 100px, ortalı; ikinci sıra
   üstünkine bitişik. Mobilde 95px, iki sütun, sıralar arası 20px. */
.kalite-badges { padding: 4px 0 35px; }
.cert-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 3px 100px;
	margin: 0 auto;
	padding: 0;
	max-width: 1040px;
	list-style: none;
}
.cert-badges li { flex: 0 0 185px; }
.cert-badges img { display: block; width: 100%; height: auto; }

@media (max-width: 767.98px) {
	.kalite-policies { padding-top: 40px; }
	.policy-text { padding-left: 0; }
	.policy-text h3 { margin-top: 40px; font-size: 27px; line-height: 34px; }
	.cert-badges { gap: 20px 100px; max-width: 290px; }
	.cert-badges li { flex-basis: 95px; }
	/* Eski sitede mobilde yalnız ilk sıra (dört LRQA logosu) görünüyor */
	.cert-badges li:nth-child(n+5) { display: none; }
}

/* --------------------------------------------------------------------------
   Geri Dönüşüm — "Üstün Kullanım Avantajları" renkli bantları
   Eski sitede her avantaj tam genişlikte renkli bir satır: solda büyük harf
   etiket (1/3), sağda açıklama (2/3).
   -------------------------------------------------------------------------- */

/* Başlık da bir bant: yeşil zemin, beyaz büyük harf, 32px */
.advantages__heading {
	margin: 0;
	font-size: 35px;
	font-weight: 400;
	line-height: 23px;
	color: var(--white);
	text-align: center;
}

/* Eski sitede her bant 178px: metinler dikey ortalanır */
.advantage-band {
	display: flex;
	align-items: center;
	min-height: 179px;
	padding-block: var(--sp-6);
	color: var(--white);
}

.advantage-band--head { background-color: #24BF19; }

.advantage-band > .container {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: 381px 790px;
	gap: 0;
	align-items: center;
}

.advantage-band--head > .container { grid-template-columns: minmax(0, 1fr); }

/* Eski sitede etiket 27px / 23px (iki satırda 26px), metin 16px / 23px;
   metin sütunu 519px'den başlıyor */
.advantage-band__label {
	margin: 0 0 0 -2px;
	font-size: 27px;
	font-weight: 400;
	color: var(--white);
}
.advantage-band__text { font-size: 16px; line-height: 23px; }

/* .prose'un 32px alt boşluğu, ızgara metnin *kenar kutusunu* ortaladığı için
   yazıyı 16px yukarı kaydırıyordu; boşluk paragraf aralarına taşındı. */
.advantage-band__text { margin: 0; color: var(--white); }
.advantage-band__text p { margin: 0; color: var(--white); }
.advantage-band__text p + p { margin-top: var(--sp-3); }

@media (max-width: 767.98px) {
	.advantage-band { min-height: 171px; padding-block: var(--sp-6); }
	.advantage-band > .container { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.advantage-band__label { margin-left: 0; }
	.advantages__heading { line-height: 38.5px; }
}

/* Geri Dönüşüm girişi: başlıklar yeşil (#25BF1A), 31px / 41px */
.recycle-intro .article__lead { color: #25BF1A; }
.recycle-intro .article__summary { margin-bottom: 10px; }
.recycle-intro.article--sector { padding-bottom: 51px; }
.recycle-intro .prose h3 { margin: 22px 0 20px; font-size: 31px; font-weight: 600; line-height: 41px; color: #25BF1A; }
@media (max-width: 767.98px) {
	.recycle-intro .prose h3 { font-size: 27px; line-height: 34px; }
}

/* --------------------------------------------------------------------------
   Anasayfa dikey ritmi — eski sitenin bölüm boşlukları

   Değerler eski anasayfanın Elementor bölüm margin/padding'lerinden
   hesaplandı (post-71635.css); bitişik margin'lerin birleşmesi dikkate
   alındı. Sağdaki sayı iki bölüm arasında kalan net boşluktur.

     hero            → Kısaca Biz        55px
     Kısaca Biz      → tanıtım kartları  48px
     kart satırları  → arası              0px
     kartlar         → Sürdürülebilirlik 128px
     başlık          → rozetler           25px
     rozetler        → Taahhütlerimiz    116px
     Taahhütlerimiz  → slogan bandı      152px
     slogan          → karusel           100px
     karusel         → alt bilgi         100px
   -------------------------------------------------------------------------- */

.home-rhythm .intro          { padding-block: 55px 101px; }
/* Eski sitede kart sütunlarının aralığı 20px (Elementor varsayılan dolgu) */
.home-rhythm .promo-grid     { gap: 36px 40px; }
.home-rhythm .section--tight { padding-block: 0; }
.home-rhythm .sustain        { padding-block: 137px 122px; }
.home-rhythm .sustain__head  { margin-bottom: 84px; }
.home-rhythm .commit         { padding-block: 0 138px; }

@media (max-width: 767.98px) {
	/* Eski sitenin 767px kırılımından hesaplanan mobil ritim:
	     hero → Kısaca Biz        39px
	     Kısaca Biz → kartlar     10px
	     kartlar → Sürdürülebilirlik 50px
	     başlık → rozetler        17px
	     rozetler → Taahhütlerimiz 25px
	     Taahhütlerimiz → slogan  60px   */
	.home-rhythm .intro          { padding-block: 39px 63px; }
	/* Eski sitede kartlar arası boşluk kart sırasına göre değişiyor */
	.home-rhythm .promo-grid     { gap: 0; }
	.home-rhythm .promo-grid > li:nth-child(2) { margin-top: 71px; }
	.home-rhythm .promo-grid > li:nth-child(3) { margin-top: 67px; }
	.home-rhythm .promo-grid > li:nth-child(4) { margin-top: 39px; }
	.home-rhythm .promo-grid > li:nth-child(5),
	.home-rhythm .promo-grid > li:nth-child(6) { margin-top: 36px; }
	.home-rhythm .sustain        { padding-block: 66px 45px; }
	.home-rhythm .sustain__head  { margin-bottom: 37px; gap: 27px; }
	.home-rhythm .commit         { padding-block: 0 71px; }
}

/* --------------------------------------------------------------------------
   Sektör detayı — eski sitedeki ölçüler
   Masaüstü: görsel bandın 80px altında; başlık görselden 8px yukarıda
   başlar, metin başlıktan 20px sonra; her paragrafın altında 10px (sonuncu
   dahil) ve bölümün altında 80px. Mobil: önce başlık + metin (bandın 30px
   altında, 17px/25px), metinden 30px sonra görsel; bloklar arası 30px,
   son görselden alt bilgiye 40px.
   -------------------------------------------------------------------------- */
.article--sector { padding-block: 80px; }
.article--sector + .article--sector { padding-top: 0; }
.article--sector .article__lead { margin: -8px 0 20px; }
.article--sector .prose { margin-bottom: 0; }
.article--sector .prose p,
.article--sector .prose p:last-child { margin-bottom: 10px; }

@media (max-width: 1024px) {
	.article--sector .article__media { order: 2; }
	.article--sector > .container { gap: 0; }
	.article--sector .article__body { padding-bottom: 20px; }
}
@media (max-width: 767.98px) {
	.article--sector { padding-block: 30px 40px; }
	.article--sector:has(+ .article--sector) { padding-bottom: 30px; }
	.article--sector .article__lead { margin: 0 0 20px; }
	.article--sector .prose { font-size: 17px; line-height: 25px; }
}

/* Görsel kaydırıcı (sektör detayı) — eski sitedeki Swiper: görseller üst
   üste, yumuşak geçiş, kenarlarda ince beyaz oklar */
.media-slider { position: relative; overflow: hidden; border-radius: 20px; }
.media-slider__slide { display: block; }
.media-slider__slide:not(.is-active) { position: absolute; inset: 0; opacity: 0; }
.media-slider__slide { transition: opacity .6s ease; }
.media-slider__nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	padding: 6px;
	font-size: 20px;
	color: rgba(255, 255, 255, .9);
	background: transparent;
	border: 0;
	transform: translateY(-50%);
	cursor: pointer;
}
.media-slider__nav--prev { left: 10px; }
.media-slider__nav--next { right: 10px; }

/* --------------------------------------------------------------------------
   Ürün detayı, ilk satır — eski sitedeki ölçüler (TablePress)
   Masaüstü: solda görsel, 70px sonra başlık (31px) + metin; sağda 26px
   ortalı tablo başlığı ve 28px altında tablo. Hücreler 17px, 10px dolgu,
   ortalı; başlık satırı mavi ve altı çizgili, gövde satırları beyaz /
   #f9f9f9 dönüşümlü ve üstten ince çizgili.
   Mobil: önce başlık + metin, 40px sonra görsel, 50px sonra tablo başlığı
   (23px); tablo 14px, 9px dolgu — karta dönüşmez.
   -------------------------------------------------------------------------- */
.article.spec-row { padding-block: 80px 79px; }
.spec-row__left { display: flex; flex-direction: column; }
.spec-row__left .article__media { margin-bottom: 70px; }
.spec-row .article__lead { margin: 0 0 20px; }
.spec-row .prose { margin-bottom: 0; }
.spec-row .prose p,
.spec-row .prose p:last-child { margin-bottom: 10px; }

.spec-row .spec-head { display: block; margin: 0 0 28px; text-align: center; }
.spec-row .spec-head h2 {
	margin: 0;
	font-size: 26px;
	font-weight: 600;
	line-height: 25px;
	color: #030303;
}

.spec-row .spec-table-wrap { background: none; border-radius: 0; overflow: visible; box-shadow: none; }
.spec-row .spec-table-wrap .product-spec-scroll { max-height: none; overflow: visible; border: 0; border-radius: 0; }
.spec-row .product-spec-table {
	width: 100%;
	min-width: 0;
	margin-bottom: 16px;
	font-size: 17px;
	line-height: 26px;
	table-layout: fixed;
}
.spec-row .product-spec-table th,
.spec-row .product-spec-table td {
	padding: 10px;
	text-align: center;
	white-space: normal;
	border: 0;
	color: #333;
}
.spec-row .product-spec-table thead th {
	position: static;
	font-weight: 600;
	color: #2B6DBF;
	background: transparent;
	border-bottom: 1px solid #ddd;
}
.spec-row .product-spec-table tbody tr td { background: #fff; }
.spec-row .product-spec-table tbody tr:nth-child(even) td { background: #f9f9f9; }
.spec-row .product-spec-table tbody tr + tr td { border-top: 1px solid #ddd; }

@media (max-width: 1024px) {
	.article.spec-row > .container > .spec-row__left,
	.article.spec-row > .container > .spec-col { grid-row: auto; }
	.article.spec-row > .container { gap: 0; }
	.spec-row__left .article__media { order: 2; margin: 40px 0 0; }
	.spec-row .spec-col { margin-top: 50px; }
}
@media (max-width: 767.98px) {
	.article.spec-row { padding-block: 30px; }
	.spec-row .article__lead { margin-bottom: 20px; }
	.spec-row .prose { font-size: 17px; line-height: 25px; }
	.spec-row .spec-head { margin-bottom: 24px; }
	.spec-row .spec-head h2 { font-size: 23px; line-height: 1.3; }
	.spec-row .product-spec-table { font-size: 14px; }
	.spec-row .product-spec-table th,
	.spec-row .product-spec-table td { padding: 9px; }
}
@media (max-width: 575.98px) {
	/* Genel kart görünümü bu tabloda kapalı: eski sitede tablo olarak kalıyor */
	.spec-row .product-spec-table thead { display: table-header-group; }
	.spec-row .product-spec-table tbody { display: table-row-group; }
	.spec-row .product-spec-table tr { display: table-row; border: 0; border-radius: 0; margin: 0; }
	.spec-row .product-spec-table { display: table; }
	.spec-row .product-spec-table td { display: table-cell; width: auto; text-align: center; }
	.spec-row .product-spec-table td::before { content: none; }
}

/* Çok bloklu ürün (Aerosol, Boya & Kimyasal): üst satır sektör detayıyla
   aynı; altında iki kolon — solda tablo, sağda görsel (20px yuvarlak) ve
   70px altında metin, bloklar arası 60px. */
.product-top { padding-bottom: 0; }
.product-top + .product-split { padding-top: 110px; }
.product-split { padding-bottom: 80px; }
.product-split > .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
}
.product-split__block + .product-split__block { padding-top: 60px; }
.product-split__block img { display: block; width: 100%; height: auto; border-radius: 20px; margin-bottom: 70px; }
.product-split .prose { font-size: 17px; line-height: 25px; color: #000; }
.product-split .prose p,
.product-split .prose p:last-child { margin-bottom: 10px; }

@media (max-width: 1024px) {
	.product-split > .container { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.product-top + .product-split { padding-top: 50px; }
	.product-split__blocks { margin-top: 20px; }
	.product-split__block { display: flex; flex-direction: column; }
	.product-split__block img { order: 2; margin: 30px 0 0; }
	.product-split__block + .product-split__block { padding-top: 30px; }
	.product-split .spec-col { margin-top: 0; }
}
@media (max-width: 767.98px) {
	.product-split { padding-bottom: 40px; }
	.product-split .prose { font-size: 17px; line-height: 25px; }
}

/* Yaklaşımımız ve Vizyon & Misyon: başlık 31px / 41px (mobilde 27px /
   34px), metin başlıktan 10px sonra, bölümler arası 17px. Yaklaşımımız'da
   başlıklar mavi ve ilk başlık görselden 8px yukarıda; Vizyon & Misyon'da
   siyah, bandın 42px altında ve 8px içeride. */
.sections--v501 .section-item__title,
.sections--v701 .section-item__title { margin-bottom: 10px; font-size: 31px; line-height: 41px; }
.sections--v501 .section-item + .section-item { margin-top: 17px; }
.sections--v701 .section-item__title { margin-bottom: 20px; }
.sections--v701 .section-item + .section-item { margin-top: 25px; }
.sections--v501 .section-item:first-child { margin-top: -8px; }
.sections--v701 .section-item__title { color: #000; }
.sections--v701.sections-rest { padding-block: 42px 50px; }
.sections--v701.sections-rest > .container { padding-left: 28px; }
@media (max-width: 767.98px) {
	.sections--v501 .section-item__title,
	.sections--v701 .section-item__title { margin-bottom: 20px; font-size: 27px; line-height: 34px; }
	.sections--v501 .section-item + .section-item { margin-top: 20px; }
	.sections--v501 .section-item:first-child { margin-top: 0; }
	.sections--v701.sections-rest { padding-block: 30px 22px; }
	.sections--v701.sections-rest > .container { padding-left: 20px; }
}

/* Genel içerik sayfası (İnovasyon, Bilgi Toplumu, Raporlar…): sektör
   detayıyla aynı ölçüler; özet paragrafı da metin gibi 10px aralıklı */
.article--content .article__summary { margin-bottom: 10px; }

/* --------------------------------------------------------------------------
   Belge kartları (Politikalarımız, Sürdürülebilirlik Raporlarımız)
   Eski site: 360px kart, üstte 4px mavi çizgi ve hafif gölge; başlık
   22px/600 mavi ortalı ve kartın 32px içinde; GÖRÜNTÜLE / İNDİR 18px/500
   siyah, ikonlu, kartın 113px içinde. Sütunlar arası 40px, satırlar 72px.
   -------------------------------------------------------------------------- */
.section.policies { padding-block: 81px 70px; }
.doc-cards {
	display: grid;
	grid-template-columns: repeat(3, 360px);
	gap: 72px 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.doc-card {
	display: flex;
	flex-direction: column;
	min-height: 179px;
	padding: 32px 10px 40px;
	background: #fff;
	border-top: 4px solid #2F6FBC;
	box-shadow: 0 0 5px 1px rgba(6, 55, 101, .224);
	text-align: center;
}
.doc-card__title {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 23px;
	color: #2B6DBF;
}
.doc-card__actions {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top: auto;
	padding-top: 20px;
}
.doc-card__actions a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	color: #000;
}
.doc-card__actions a:hover { color: #2B6DBF; text-decoration: none; }
.doc-card__actions i { font-size: 18px; }

@media (max-width: 1199.98px) {
	.doc-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}
@media (max-width: 767.98px) {
	.section.policies { padding-block: 81px 72px; }
	.doc-cards { grid-template-columns: minmax(0, 1fr); gap: 57px; }
	.doc-card { min-height: 179px; }
	.doc-card__title { padding-inline: 10px; }
	/* Raporlar kartında başlık eski sitede dar (253px) ve üç satır */
	.policies--v900 .doc-card { min-height: 206px; }
	.policies--v900 .doc-card__title { padding-inline: 38px; }
}

/* Görselsiz içerik sayfası (Bilgi Toplumu Hizmetleri) — eski site: metin
   bandın 42px altında ve 8px içeride; alt başlıklar 26px / 41px siyah
   (mobilde 21px / 36px), metin başlıktan 10px sonra; bağlantılar mavi ve
   altı çizgisiz. */
.article--content:not(:has(.article__media)) { padding-block: 42px 40px; }
.article--content:not(:has(.article__media)) .article__body { max-width: none; padding-left: 8px; }
.article--content .prose h3 { margin: 37px 0 10px; font-size: 26px; font-weight: 600; line-height: 41px; color: #000; }
.article--content .prose h3:first-child { margin-top: 0; }
.article--content .prose a { color: #0069B4; text-decoration: none; }
.article--content .prose a:hover { text-decoration: underline; }
@media (max-width: 767.98px) {
	.article--content:not(:has(.article__media)) { padding-block: 30px 2px; }
	.article--content:not(:has(.article__media)) .article__body { padding-left: 0; }
	.article--content .prose h3 { margin: 45px 0 8px; font-size: 21px; line-height: 36px; }
	.article--content .prose h3:first-child { margin-top: 0; }
}

/* Sektör düzenindeki özet paragrafı mobilde de 17px / 25px */
@media (max-width: 767.98px) {
	.article--sector .article__summary { font-size: 17px; line-height: 25px; }
}

/* Sertifikalarımız & Başarılarımız — satır başına logo genişliği (şablonda
   --cert-w / --cert-w-m), kolonunda ortalı. Görselsiz son bölüm
   (Sürdürülebilirlik Politikası) tam genişlikte, 8px içeride. */
.cert-block .article__media { display: flex; justify-content: center; }
.cert-block .article__media img { width: var(--cert-w, 100%); max-width: 100%; border-radius: 0; }
.cert-block + .cert-block { padding-top: 0; }
.cert-block > .container:not(:has(.article__media)) .article__body { max-width: none; padding-left: 8px; }
@media (max-width: 1024px) {
	.cert-block .article__media img { width: var(--cert-w-m, 100%); }
}
@media (max-width: 767.98px) {
	.cert-block + .cert-block { padding-top: 37px; }
}

/* --------------------------------------------------------------------------
   İletişim — eski site düzeni
   Gri zemin (#EBECED). Üst bölüm: solda firma adı (22px) + adres (16px /
   23px) + Telefon / E-posta, sağda 615x300 harita. Alt bölüm: 31px başlık,
   17px açıklama ve gölgeli kutuda iki sütunlu form (etiket 16px/600,
   alanlar 38px yüksek, 445px; mesaj 206px). Mobilde her şey tek sütun.
   -------------------------------------------------------------------------- */
.contact-top,
.contact-form-section { background: #EBECED; }

.contact-top { padding: 53px 0 80px; }
.contact-top > .container {
	display: grid;
	grid-template-columns: 507px 615px;
	justify-content: start;
	align-items: start;
}
.contact-top__title { margin: 0 0 -4px; font-size: 22px; font-weight: 600; line-height: 41px; color: #000; }
.contact-top__address { margin: 0 0 32px; font-size: 16px; line-height: 23px; color: #000; }
.contact-top__reach { margin: 0; font-size: 16px; line-height: 22px; color: #383838; }
.contact-top__reach a { color: #0069B4; }
.contact-top__map { margin-top: 12px; }
.contact-top__map iframe { display: block; width: 615px; max-width: 100%; height: 300px; border: 0; }

.contact-form-section { padding: 0 0 50px; }
.contact-form-section__title { margin: -28px 0 20px -1px; font-size: 31px; font-weight: 600; line-height: 41px; color: #000; }
.contact-form-section__text { margin: 0 0 30px -1px; font-size: 17px; line-height: 25px; color: #000; }

.contact-form-box {
	margin-left: -1px;
	padding: 40px 122px 50px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}
.contact-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 30px;
}
.contact-field--wide { grid-column: 1 / -1; }
.contact-field label {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	color: #333;
}
.contact-field .req { color: #ff4f4f; }
.contact-field input,
.contact-field select,
.contact-field textarea {
	display: block;
	width: 100%;
	height: 38px;
	padding: 6px 12px;
	font: inherit;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	color: #495057;
	background: #fff;
	border: 1px solid #CED4DA;
	border-radius: 2.5px;
}
.contact-field textarea { height: 206px; resize: vertical; }
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus { outline: 0; border-color: #80bdff; }

.contact-consent {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	margin: 20px 0 28px;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}
.contact-consent input { margin-top: 7px; }
.contact-consent a { color: #383838; }
.contact-submit {
	padding: 6px 12px;
	font: inherit;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #083C6C;
	border: 1px solid #083C6C;
	border-radius: 4px;
	cursor: pointer;
}
.contact-submit:hover { background: #0b4f8f; }

@media (max-width: 1199.98px) {
	.contact-top > .container { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; }
	.contact-form-box { padding-inline: 40px; }
}
@media (max-width: 767.98px) {
	.contact-top { padding: 20px 0 0; }
	.contact-top > .container { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.contact-top__title { margin: 0 0 -1px; font-size: 20px; line-height: 34px; }
	.contact-top__map { margin-top: 32px; }
	.contact-top__map iframe { width: 100%; }
	.contact-form-section { padding: 30px 0 50px; }
	.contact-form-section__title { margin: 0 0 20px; font-size: 27px; line-height: 34px; }
	.contact-form-section__text { margin: 0; }
	.contact-form-box { margin-left: 0; padding: 40px 10px 10px; }
	.contact-form-grid { grid-template-columns: minmax(0, 1fr); }
}

/* --------------------------------------------------------------------------
   İş Başvuruları / Staj — eski site düzeni
   Başlık 31px / 41px bandın 55px altında ve 8px içeride; açıklama 17px.
   Form iki sütun (563px, arası 29px): etiket 16px/600 #404041, alan 38px;
   satırlar 86px aralıklı. Altta "Sizi daha yakından…" 31px başlık ve
   lacivert "Başvuru Formu" butonu. Mobilde tek sütun.
   -------------------------------------------------------------------------- */
.career-page { padding: 55px 0 58px; }
.career-page:not(:has(.career-more)) { padding-bottom: 70px; }
.career-page > .container { padding-left: 28px; }
.career-page__title { margin: 0 0 21px; font-size: 31px; font-weight: 600; line-height: 41px; color: #000; }
.career-page__text { margin: 0 0 39px; font-size: 17px; line-height: 25px; color: #000; }

.career-form-grid {
	display: grid;
	grid-template-columns: 563px 563px;
	gap: 20px 29px;
}
.career-field label {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
	color: #404041;
}
.career-field .req { color: #ff4f4f; }
.career-field input,
.career-field select {
	display: block;
	width: 100%;
	height: 38px;
	padding: 6px 12px;
	font: inherit;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	color: #495057;
	background: #fff;
	border: 1px solid #CED4DA;
	border-radius: 2.5px;
}
.career-consent {
	grid-column: 1 / -1;
	display: flex;
	align-items: flex-start;
	gap: 7px;
	margin-top: 0;
	font-size: 16px;
	line-height: 23px;
	color: #404041;
}
.career-consent input { margin-top: 5px; }
.career-consent a { color: #383838; }
.career-actions { grid-column: 1 / -1; margin-top: 8px; }

.career-more { margin-top: 69px; margin-left: -5px; font-size: 17px; line-height: 25px; color: #000; }
.career-more h3 { margin: 0 0 20px; font-size: 31px; font-weight: 600; line-height: 41px; color: #000; }
.career-more p { margin-bottom: 10px; }
.career-more .btn {
	display: inline-block;
	margin-top: 11px;
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	color: #fff;
	background: #073C6C;
	border: 0;
	border-radius: 8px;
}
.career-more .btn:hover { background: #0b4f8f; color: #fff; }

@media (max-width: 1199.98px) {
	.career-form-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
	.career-page { padding: 30px 0 58px; }
	.career-page:not(:has(.career-more)) { padding-bottom: 104px; }
	.career-page > .container { padding-left: 20px; }
	.career-page__title { margin-bottom: 21px; font-size: 27px; line-height: 34px; }
	.career-form-grid { grid-template-columns: minmax(0, 1fr); }
	.career-more { margin-left: 0; }
	.career-more h3 { font-size: 27px; line-height: 34px; }
}

/* --------------------------------------------------------------------------
   Kategori sayfaları (Sektörler / Ürünler) — eski site ölçüleri
   Sektörler girişi: sol sütunda 390px görsel ortalı, metin 723px'den 580px
   genişlikte; başlık 31px / 41px. Ürünler girişi sektör detayıyla aynı.
   Kartlar: 360px, aralarında 40px, satırlar arası 67px, eksik son satır
   ortalı; kart 440px, üstte 4px mavi çizgi; başlık 22px mavi (kartın 22px
   içinde), görsel 73px içinde ve kendi oranında, metin görselden 20px
   sonra 16px ortalı. Mobilde tek sütun, kartlar arası 40px.
   -------------------------------------------------------------------------- */
.cat-intro--sector.section { padding-block: 60px 0; }
.cat-intro--sector > .container { grid-template-columns: 583px 580px; gap: 0; }
.cat-intro--sector .article__media { display: flex; justify-content: center; }
.cat-intro--sector .article__media img { width: 390px; border-radius: 0; }
.cat-intro--sector .article__lead { margin: 2px 0 20px; }
.cat-intro--sector .article__summary,
.cat-intro--sector .prose p { margin-bottom: 10px; }
.cat-intro--product.article--sector { padding-bottom: 0; }

.cat-cards { padding: 75px 0 69px; }
.cat-intro--product + .cat-cards { padding-top: 100px; }
.cat-cards .cat-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 67px 40px; }
.cat-cards .cat-grid > li { flex: 0 0 360px; }
.cat-cards .cat-card { min-height: 440px; box-shadow: 0 0 5px 1px rgba(6, 55, 101, .224); border-top-color: #2F6FBC; }
.cat-cards .cat-card:hover { transform: none; }
.cat-cards .cat-card__title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 69px;
	padding: 0 10px;
	font-size: 22px;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 0;
	color: #2B6DBF;
}
/* Başlık iki satıra insede görsel yerinde kalır (başlık alanı sabit) */
.cat-cards .cat-card__media img { height: 229px; object-fit: cover; }
.cat-cards .cat-card__text {
	padding: 20px 30px 25px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
}

@media (max-width: 1024px) {
	.cat-intro--sector > .container { grid-template-columns: minmax(0, 1fr); }
	.cat-intro--sector .article__media { order: 2; margin-top: 40px; }
}
@media (max-width: 767.98px) {
	.cat-intro--sector.section { padding-top: 30px; }
	.cat-intro--sector .article__lead { margin: 0 0 20px; font-size: 30px; line-height: 36px; }
	.cat-intro--sector .article__summary,
	.cat-intro--sector .prose { font-size: 17px; line-height: 25px; }
	.cat-intro--sector .article__media img { width: 100%; }
	.cat-cards { padding: 65px 0 40px; }
	.cat-intro--product + .cat-cards { padding-top: 65px; }
	.cat-cards .cat-grid { gap: 40px; }
	.cat-cards .cat-grid > li { flex-basis: 100%; }
	.cat-cards .cat-card { min-height: 0; }
	.cat-cards .cat-card__media img { height: 222px; }
}
/* Ürünler kartları eski sitede 414px ve satır aralığı 40px */
.cat-intro--product + .cat-cards { padding-bottom: 70px; }
.cat-intro--product + .cat-cards .cat-grid { row-gap: 40px; }
.cat-intro--product + .cat-cards .cat-card { min-height: 414px; }
@media (max-width: 767.98px) {
	.cat-intro--product + .cat-cards .cat-card { min-height: 0; }
}

/* Sürdürülebilirlik hub'ında eski sitede satırlar arası 59px, son satırdan
   alt bilgiye 99px */
.hub-cards--v500 { padding-top: 74px; padding-bottom: 99px; }
.hub-cards--v500 .cat-grid { row-gap: 59px; }
@media (max-width: 767.98px) {
	.hub-cards--v500 { padding-top: 59px; padding-bottom: 64px; }
	.hub-cards--v500 .cat-grid { row-gap: 40px; }
	/* Eski sitede masaüstündeki iki satır mobilde de ayrı blok: araları 104px */
	.hub-cards--v500 .cat-grid > li:nth-child(4) { margin-top: 64px; }
	.hub--v500.section { padding-top: 35px; }
}

/* Eski sitedeki sabit sütunlar (381px + 790px) 1200px altında sığmaz:
   dar masaüstü ve tablette oransal sütunlara geçilir */
@media (max-width: 1199.98px) {
	.principle-band > .container,
	.advantage-band > .container { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 24px; }
	.advantage-band--head > .container { grid-template-columns: minmax(0, 1fr); }
	.contact-top > .container { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.cat-intro--sector > .container { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
	.doc-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}
@media (max-width: 1024px) {
	.cat-intro--sector > .container { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 991.98px) {
	.principle-band > .container { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
	.advantage-band > .container { grid-template-columns: minmax(0, 1fr); }
	.contact-top > .container { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.doc-cards { grid-template-columns: minmax(0, 1fr); }
}

/* Kariyer hub'ı: eski sitede giriş tek paragraf (özet + metin arası boşluk
   yok), masaüstünde 784px; mobilde 304px ve 19px satır aralığı */
.hub--v800 .hub__body { margin-top: 0; }
.article.hub--v800 > .container .hub__intro { max-width: 784px; }
@media (max-width: 767.98px) {
	.article.hub--v800 > .container .hub__intro { max-width: none; }
	.hub--v800 .hub__text,
	.hub--v800 .hub__body.prose { max-width: 304px; line-height: 19px; }
}

/* Fuarlar / Haberler mobil ölçüleri (eski site, 390px) */
@media (max-width: 767.98px) {
	.posts--fair .posts__heading { margin-bottom: 20px; }
	.posts-past { margin-top: -1px; }
	.posts-past + .post-block { padding-top: 20px; }
	.post-block--fair .post-block__title { margin-bottom: 14px; }
	.post-block .article__media { margin-top: 25px; }
	.post-block--fair .article__media { margin-top: 25px; }
	.post-block--fair + .post-block--fair { padding-top: 54px; }
	.post-block--news + .post-block--news { padding-top: 46px; }
}
/* Genel .prose alt boşluğu (32px): eski sitede masaüstünde 16px, mobilde
   metinle görsel arasında yok */
.post-block .prose { margin-bottom: 18px; }
@media (max-width: 767.98px) { .post-block .prose { margin-bottom: 0; } }

/* Mobil ince ayarlar (eski site 390px ölçümleri) */
@media (max-width: 767.98px) {
	/* Vizyon & Misyon: başlık→metin 10px, bölümler arası 20px, sonda 32px */
	.sections--v701 .section-item__title { margin-bottom: 10px; }
	.sections--v701.sections-rest { padding-bottom: 32px; }
	/* Bölümlü sayfalarda genel .prose alt boşluğu (32px) bölüm aralığına eklenmesin */
	.section-item .prose { margin-bottom: 0; }
	.section-item + .section-item,
	.sections--v501 .section-item + .section-item,
	.sections--v701 .section-item + .section-item { margin-top: 30px; }
	/* Felsefemiz'in ikinci başlığı eski sitede 33px satır aralığında */
	.sections--v700.sections-top .section-item:nth-child(2) .section-item__title { line-height: 33px; }
	/* Görselin altından alt bilgiye 40px (altında başka bölüm yoksa) */
	.sections-top:not(:has(+ .sections-rest)) { padding-bottom: 40px; }
	/* İş Başvuruları: "Başvuru Formu" butonu metinden 25px sonra, altta 18px */
	.career-more .btn { margin-top: 15px; }
	.career-page:has(.career-more) { padding-bottom: 18px; }
}
@media (min-width: 768px) {
	.sections-top:not(:has(+ .sections-rest)) { padding-bottom: 23px; }
}
@media (max-width: 767.98px) {
	/* Kategori girişi: .prose alt boşluğu görselle arasına eklenmesin */
	.cat-intro .prose { margin-bottom: 0; }
	/* Mobilde iki satırlık kart başlığı başlık alanını büyütür (eski site) */
	.cat-cards .cat-card__title { height: auto; min-height: 69px; padding: 23px 10px; }
}
@media (max-width: 767.98px) {
	/* Eski sitede masaüstündeki her üçlü satır mobilde ayrı blok: aralarında 67px */
	.cat-cards .cat-grid > li:nth-child(3n+4) { margin-top: 27px; }
	.cat-intro--product + .cat-cards .cat-grid > li:nth-child(3n+4) { margin-top: 0; }
}
@media (max-width: 767.98px) {
	/* Çok bloklu ürün: giriş görseli metinden 40px sonra (eski site) */
	.product-top .article__media { margin-top: 10px; }
}

/* Eski sitede bazı ürünlerin mobil sıralaması elle yapılmış:
   - Aerosol (3): 2. bloğun metni tablodan önce, görseli tablodan sonra
   - Boya & Kimyasal (4): 2. bloğun görseli metnin 3. paragrafından sonra */
@media (max-width: 767.98px) {
	.product-top .article__media { margin-top: 10px; }
	.product-split--p3 ~ * , .product-top:has(+ .product-split--p3) .article__media { margin-top: 20px; }

	.product-split--p3 > .container { display: flex; flex-direction: column; }
	.product-split--p3 .product-split__blocks,
	.product-split--p3 .product-split__block:first-child { display: contents; }
	.product-split--p3 .product-split__block:first-child .prose { order: 1; margin-bottom: 20px; }
	.product-split--p3 .spec-col { order: 2; margin-top: 13px; }
	.product-split--p3 .product-split__block:first-child img { order: 3; margin: 20px 0 0; }
	.product-split--p3 .product-split__block:nth-child(n+2) { order: 4; }

	.product-split--p4 .product-split__block:first-child,
	.product-split--p4 .product-split__block:first-child .prose { display: contents; }
	.product-split--p4 .product-split__block:first-child { display: flex; flex-direction: column; }
	.product-split--p4 .product-split__block:first-child .prose p:nth-child(-n+3) { order: 1; }
	.product-split--p4 .product-split__block:first-child img { order: 2; width: calc(100% + 20px); max-width: none; margin: 46px -10px 41px; }
	.product-split--p4 .product-split__block:first-child .prose p:nth-child(n+4) { order: 3; margin-inline: -10px; }
}
@media (max-width: 767.98px) {
	.product-split--p3 .product-split__block:nth-child(n+2) img { margin-top: 40px; }
	.product-split--p3 { padding-bottom: 50px; }
}
@media (min-width: 1025px) {
	/* Boya & Kimyasal: eski sitede üst satırla tablo arası 120px */
	.product-top + .product-split--p4 { padding-top: 120px; padding-bottom: 100px; }
}
@media (max-width: 767.98px) {
	/* Son karttan alt bilgiye: Sektörler 19px, Ürünler 16px (eski site) */
	.cat-cards { padding-bottom: 19px; }
	.cat-intro--product + .cat-cards { padding-bottom: 46px; }
}
@media (max-width: 767.98px) {
	/* Geri Dönüşüm girişi: ikinci başlık metinden 30px, görsel metinden 40px sonra */
	.recycle-intro .prose h3 { margin-top: 30px; }
	.recycle-intro .article__media { margin-top: 20px; }
}
@media (max-width: 767.98px) {
	/* Geri Dönüşüm bantları: eski sitede mobilde bant yükseklikleri ve üst üste
	   binmeleri (Elementor negatif boşlukları) bant sırasına göre */
	.advantage-band--head,
	.advantage-band { min-height: 180px; }
	.advantage-band--i1 { min-height: 236px; }
	.advantage-band--i4 { min-height: 285px; }
	.advantage-band--i9 { min-height: 220px; }
	.advantage-band--i2 { margin-top: -5px; }
	.advantage-band--i3 { margin-top: -26px; }
	.advantage-band--i4 { margin-top: -8px; }
	.advantage-band--i6 { margin-top: -7px; }
	.advantage-band--i7 { margin-top: -11px; }
	.advantage-band--i8 { margin-top: -56px; }
}
@media (max-width: 767.98px) {
	.recycle-intro.article--sector { padding-bottom: 40px; }
	/* Bant metni eski sitede mobilde 372px (x=14) */
	.advantage-band__text { margin: 0 -16px 0 -6px; }
}
@media (max-width: 767.98px) {
	/* Mükemmellik İlkeleri bantları: eski sitede mobilde her bandın üst
	   boşluğu ve başlık→metin mesafesi ayrı; altta 25px */
	.principle-band { padding: 20px 0 15px; }
	.principle-band__title { margin-bottom: 20px; }
	.principle-band--i2 { padding-top: 32px; }
	.principle-band--i2 .principle-band__title { margin-bottom: 14px; }
	.principle-band--i2 .principle-band__text { margin: 0 14px 0 4px; }
	.principle-band--i3 { padding-top: 30px; }
	.principle-band--i3 .principle-band__title { margin-bottom: 25px; }
	.principle-band--i4 { padding-top: 31px; }
	.principle-band--i4 .principle-band__title { margin-bottom: 31px; }
	.principle-band--i5 { padding: 23px 0 13px; }
}
@media (min-width: 768px) {
	/* Fuarlar: eski sitede masaüstünde kayıtlar arası 82px */
	.post-block--fair + .post-block--fair { padding-top: 82px; }
}
@media (max-width: 767.98px) {
	.kalite-intro .article__media { margin-top: -6px; }
	.kalite-policies { padding-top: 33px; }
}
@media (max-width: 767.98px) {
	/* Sertifikalarımız: eski sitede mobilde her satırın metin→logo ve logo→sonraki
	   başlık mesafesi ayrı (Elementor); sıraya göre düzeltme */
	.cert-block--i1 .article__media { margin-top: -18px; }
	.cert-block--i2 .article__media { margin-top: 9px; }
	.cert-block--i3 .article__media { margin-top: -18px; }
	.cert-block--i4 .article__media { margin-top: 9px; }
	.cert-block--i5 .article__media { margin-top: -18px; }
	.cert-block--i6 .article__media { margin-top: 9px; }
	.cert-block--i7 .article__media { margin-top: 3px; }
	.cert-block--i10 .article__media { margin-top: -9px; }
	.cert-block--i11 .article__media { margin-top: -14px; }
	.cert-block--i2 + .cert-block { padding-top: 30px; }
	.cert-block--i4 + .cert-block { padding-top: 30px; }
	.cert-block--i6 + .cert-block { padding-top: 30px; }
	.cert-block--i7 + .cert-block { padding-top: 23px; }
	.cert-block--i8 + .cert-block { padding-top: 38px; }
	.cert-block--i9 + .cert-block { padding-top: 59px; }
	.cert-block--i10 + .cert-block { padding-top: 38px; }
}
/* KalDer logosu eski sitede 352px yükseklikte sabit kutuda (masaüstü 376px,
   mobil 235px genişlik) */
.cert-block--i7 .article__media img { height: 352px; object-fit: contain; }
@media (max-width: 767.98px) {
	/* Sertifikalarımız'ın son (görselsiz) bölümü: başlık 30px / 36px, girintisiz */
	.cert-block > .container:not(:has(.article__media)) .article__body { padding-left: 0; }
	.cert-block > .container:not(:has(.article__media)) .article__lead { font-size: 30px; line-height: 36px; }
}
/* certfit:start */
/* Sertifikalarımız masaüstü: her satırın başlık ve logo konumu eski siteye göre */
@media (min-width: 1025px) {
	section.cert-block.cert-block--i1 { padding-top: 84px; }
	.cert-block--i1 .article__media { margin-top: 9px; }
	.cert-block--i1 .article__lead { margin-top: 0px; }
	section.cert-block.cert-block--i2 { padding-top: 0; margin-top: -28px; }
	.cert-block--i2 .article__media { margin-top: 0px; }
	.cert-block--i2 .article__lead { margin-top: 24px; }
	section.cert-block.cert-block--i3 { padding-top: 0; margin-top: 44px; }
	.cert-block--i3 .article__media { margin-top: 9px; }
	.cert-block--i3 .article__lead { margin-top: 0px; }
	section.cert-block.cert-block--i4 { padding-top: 0; margin-top: -9px; }
	.cert-block--i4 .article__media { margin-top: 8px; }
	.cert-block--i4 .article__lead { margin-top: 0px; }
	section.cert-block.cert-block--i5 { padding-top: 0; margin-top: 10px; }
	.cert-block--i5 .article__media { margin-top: 0px; }
	.cert-block--i5 .article__lead { margin-top: 8px; }
	section.cert-block.cert-block--i6 { padding-top: 0; margin-top: -20px; }
	.cert-block--i6 .article__media { margin-top: 0px; }
	.cert-block--i6 .article__lead { margin-top: 13px; }
	section.cert-block.cert-block--i7 { padding-top: 0; margin-top: -24px; }
	.cert-block--i7 .article__media { margin-top: 17px; }
	.cert-block--i7 .article__lead { margin-top: 0px; }
	section.cert-block.cert-block--i8 { padding-top: 0; margin-top: -7px; }
	.cert-block--i8 .article__media { margin-top: 19px; }
	.cert-block--i8 .article__lead { margin-top: 0px; }
	section.cert-block.cert-block--i9 { padding-top: 0; margin-top: -3px; }
	.cert-block--i9 .article__media { margin-top: 15px; }
	.cert-block--i9 .article__lead { margin-top: 0px; }
	section.cert-block.cert-block--i10 { padding-top: 0; margin-top: -4px; }
	.cert-block--i10 .article__media { margin-top: 0px; }
	.cert-block--i10 .article__lead { margin-top: 11px; }
	section.cert-block.cert-block--i11 { padding-top: 0; margin-top: -11px; }
	.cert-block--i11 .article__media { margin-top: 0px; }
	.cert-block--i11 .article__lead { margin-top: 12px; }
}
/* certfit:end */
/* Sertifikalarımız sonundaki politika metni (eski site): paragraf/madde
   altı 10px, maddeler 40px girintili */
.cert-block > .container:not(:has(.article__media)) .prose ul { margin: 0 0 10px; padding-left: 40px; }
.cert-block > .container:not(:has(.article__media)) .prose li { margin-bottom: 10px; }
@media (min-width: 1025px) {
	section.cert-block.cert-block--i12 { padding-top: 0; padding-bottom: 103px; margin-top: 14px; }
	.cert-block--i12 .article__lead { margin: 0 0 20px; }
}
@media (max-width: 767.98px) {
	section.cert-block.cert-block--i12 { margin-top: 8px; padding-bottom: 25px; }
}