/* ==========================================================================
   NOKSEL — İç sayfalar
   Bölüm dili ana sayfayla aynıdır; ortak sınıflar home.css'ten gelir.
   ========================================================================== */

/* --- Bölüm zeminleri ------------------------------------------------------ */

.section-block--body    { background: var(--white); }
.section-block--std     { background: var(--surface-alt); }
.section-block--docs    { background: var(--navy); }
.section-block--gallery { background: var(--white); }
.section-block--sss     { background: var(--surface-alt); }
.section-block--other   { background: var(--white); }

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

.pagehead {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: var(--pagehead-h);
	padding-top: var(--header-h); /* sabit header */
	overflow: hidden;
	background: var(--navy-deep);
	background-size: cover;
	background-position: center;
}

.pagehead__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(30, 35, 40, 0.9) 40%, rgba(30, 35, 40, 0.5) 100%);
}

/*
 * .pagehead flex konteyner olduğu için içindeki .section-inner flex öğesi
 * olur ve içeriği kadar daralır. width:100% olmazsa ortalanıp içeride kalır,
 * alttaki bölümlerle hizası tutmaz.
 */
.pagehead__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-block: 56px 64px;
}

.crumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	color: rgba(255, 255, 255, 0.45);
}

.crumbs a { color: rgba(255, 255, 255, 0.65); text-decoration: none; }
.crumbs a:hover { color: var(--white); }

.pagehead__tag {
	display: inline-block;
	margin-bottom: 14px;
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green-light);
}

/*
 * Başlık ve giriş metni için iki satırlık yer ayrılıyor. Aksi hâlde arşiv
 * sayfaları arasında (özellikle sektör süzgecinde) başlığın bir satır mı iki
 * satır mı sürdüğüne göre pagehead yüksekliği değişiyor ve süzgeç şeridi
 * her tıklamada yukarı aşağı kayıyordu.
 */
.pagehead__title {
	max-width: 18ch;
	min-height: 2.16em; /* 2 × line-height */
	margin-bottom: 20px;
	font-family: var(--font-display);
	font-size: var(--fs-h1);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: var(--ls-tight);
	color: var(--white);
}

.pagehead__lead {
	max-width: 62ch;
	min-height: 3.4em; /* 2 × var(--lh-loose) */
	margin-bottom: 32px;
	font-family: var(--font-body);
	font-size: var(--fs-lead);
	font-weight: 300;
	line-height: var(--lh-loose);
	color: rgba(255, 255, 255, 0.75);
}

.pagehead__actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* Ürün sayfasındaki stats şeridinde sayaç yok, metin gösterilir */
.stat-static {
	display: block;
	font-family: var(--font-display);
	font-size: clamp(1.125rem, 1.9vw, 1.5rem);
	font-weight: 800;
	line-height: 1.2;
	color: var(--white);
	font-variant-numeric: tabular-nums;
	text-wrap: balance;
}

/* Değerler farklı uzunlukta olduğu için etiketler alt hizada kalsın */
.pagehead + #stats .stat-item { justify-content: flex-end; }
.pagehead + #stats .stat-num-wrap { min-height: 2.6em; align-items: flex-end; }

/* --- Anlatı + künye ------------------------------------------------------- */

.urun-grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(32px, 5vw, 72px); align-items: start; }

.prose { font-family: var(--font-body); font-size: var(--fs-lead); line-height: var(--lh-loose); color: var(--ink-light); }
.prose p + p { margin-top: 1.1em; }
.prose h2, .prose h3 { margin: 1.6em 0 0.6em; color: var(--ink); }
.prose ul, .prose ol { margin: 1em 0 1em 1.2em; }
.prose li { margin-bottom: 0.4em; list-style: disc; }
/* Numaralı listeler (ör. işe alım adımları) rakamla gösterilir. */
.prose ol li { list-style: decimal; }
.prose ol li::marker { font-family: var(--font-display); font-weight: 700; color: var(--blue); }
.prose a { color: var(--blue); }

.sub-title {
	margin: 44px 0 20px;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--ink);
}

.uses { display: grid; gap: 0; }

.uses li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 15px 0;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	color: var(--ink-light);
}

.uses li:first-child { border-top: 1px solid var(--line); }

.uses__bar {
	flex-shrink: 0;
	width: 3px;
	height: 18px;
	background: var(--green-light);
	opacity: 0.5;
	transition: opacity 0.25s ease, background 0.25s ease;
}

.uses li:hover .uses__bar { opacity: 1; background: var(--green); }

/* Teknik künye tablosu */
.urun-aside { position: sticky; top: 104px; }

.spectable { background: var(--surface-alt); border-top: 3px solid var(--navy); padding: 32px 28px; }

.spectable__title {
	margin-bottom: 20px;
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--blue);
}

.spectable dl { display: grid; }

.spectable dl > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid var(--line);
}

.spectable dl > div:last-child { border-bottom: 0; padding-bottom: 0; }

.spectable dt { font-family: var(--font-body); font-size: var(--fs-sm); color: var(--muted); }

.spectable dd {
	font-family: var(--font-display);
	font-size: var(--fs-body);
	font-weight: 700;
	text-align: end;
	color: var(--ink);
	font-variant-numeric: tabular-nums;
}

/* --- Standartlar ---------------------------------------------------------- */

.stds {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: var(--line);
	border: 1px solid var(--line);
}

.std { padding: 28px 24px; background: var(--white); transition: background 0.25s ease; }
.std:hover { background: rgba(28, 66, 121, 0.03); }

.std__name {
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 800;
	color: var(--navy);
}

.std__note { font-family: var(--font-body); font-size: var(--fs-sm); line-height: var(--lh-body); color: var(--muted); }

/* --- Dokümanlar ----------------------------------------------------------- */

.docs { display: flex; flex-direction: column; }

.docs a {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 20px 4px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	text-decoration: none;
	transition: background 0.2s ease, padding-inline 0.2s ease;
}

.docs li:last-child a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.docs a:hover { background: rgba(255, 255, 255, 0.04); padding-inline: 16px; }

.docs__icon { flex-shrink: 0; color: var(--blue-light); }
.docs__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.docs__name {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 700;
	color: var(--white);
}

.docs__meta { font-family: var(--font-body); font-size: var(--fs-xs); color: rgba(255, 255, 255, 0.45); }

.docs__dl { margin-inline-start: auto; color: rgba(255, 255, 255, 0.3); transition: color 0.2s ease; }
.docs a:hover .docs__dl { color: var(--green); }

/* --- Galeri --------------------------------------------------------------- */

.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.gallery__item { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--surface-alt); }

.gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.gallery__item:hover img { transform: scale(1.05); }

/* --- S.S.S. --------------------------------------------------------------- */

.faq { border-top: 1px solid var(--line); }

.faq__item { border-bottom: 1px solid var(--line); }

.faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 4px;
	cursor: pointer;
	list-style: none;
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 700;
	line-height: 1.4;
	color: var(--ink);
	transition: color 0.2s ease;
}

.faq__q::-webkit-details-marker { display: none; }
.faq__q:hover { color: var(--navy); }

/* Artı → eksi */
.faq__mark {
	position: relative;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}

.faq__mark::before,
.faq__mark::after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-start: 0;
	width: 16px;
	height: 2px;
	background: var(--blue);
	transition: transform 0.25s ease;
}

.faq__mark::after { transform: rotate(90deg); }
.faq__item[open] .faq__mark::after { transform: rotate(0); }
.faq__item[open] .faq__q { color: var(--navy); }

.faq__a {
	padding: 0 4px 24px;
	max-width: 76ch;
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: var(--lh-loose);
	color: var(--muted);
	animation: nkFaqIn 0.25s ease both;
}

@keyframes nkFaqIn {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.faq__a { animation: none; }
}

.faq__a p + p { margin-top: 0.9em; }

.faq__permalink { margin-top: 14px; }

.faq__permalink a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	text-decoration: none;
	color: var(--blue);
}

.faq__more { margin-top: 28px; }

/* --- S.S.S. arşivi -------------------------------------------------------- */

.pagehead--plain { background: var(--navy); }

/* Başlıkta buton şeridi olan sayfalar bir kademe daha yüksek. */
.pagehead--actions { min-height: var(--pagehead-h-btn); }
.pagehead--plain .pagehead__veil { background: none; }

.pagehead__count {
	margin-top: 4px;
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: rgba(255, 255, 255, 0.5);
	font-variant-numeric: tabular-nums;
}

.faq-search { margin-bottom: 28px; }

.faq-search__field {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--white);
	border: 1px solid var(--line);
	transition: border-color 0.2s ease;
}

.faq-search__field:focus-within { border-color: var(--blue); }

.faq-search__icon {
	display: flex;
	flex-shrink: 0;
	padding-inline: 18px;
	color: var(--muted);
}

.faq-search input {
	flex: 1;
	min-width: 0;
	padding: 18px 0;
	background: none;
	border: 0;
	font-family: var(--font-body);
	font-size: var(--fs-lead);
	color: var(--ink);
}

.faq-search input:focus { outline: none; }
.faq-search input::-webkit-search-cancel-button { display: none; }

.faq-search__clear {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-inline-end: 8px;
	background: none;
	border: 0;
	color: var(--muted);
	cursor: pointer;
	transition: color 0.2s ease;
}

.faq-search__clear:hover { color: var(--ink); }

.faq-search__count {
	margin-top: 10px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	color: var(--muted);
	font-variant-numeric: tabular-nums;
}

/* Kategori süzgeci */
.faq-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }

.faq-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 16px;
	background: var(--white);
	border: 1px solid var(--line);
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: var(--ink-light);
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.faq-chip:hover { border-color: var(--blue-light); }

.faq-chip.is-active {
	background: var(--navy);
	border-color: var(--navy);
	color: var(--white);
}

.faq-chip__n {
	font-size: var(--fs-xs);
	color: var(--muted);
	font-variant-numeric: tabular-nums;
}

.faq-chip.is-active .faq-chip__n { color: rgba(255, 255, 255, 0.55); }

/* Gruplar */
.faq-group + .faq-group { margin-top: 44px; }
.faq-group[hidden] { display: none; }

.faq-group__title {
	margin-bottom: 4px;
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--blue);
}

.faq-group__title a { color: inherit; text-decoration: none; }
.faq-group__title a:hover { color: var(--navy); }

.faq__item[hidden] { display: none; }

/* --- Doküman arşivi ------------------------------------------------------- */

.docfilter { margin-bottom: 36px; }

.docfilter__search {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	background: var(--white);
	border: 1px solid var(--line);
	transition: border-color 0.2s ease;
}

.docfilter__search:focus-within { border-color: var(--blue); }

.docfilter__icon { display: flex; flex-shrink: 0; padding-inline: 18px; color: var(--muted); }

.docfilter__input {
	flex: 1;
	min-width: 0;
	padding: 16px 0;
	background: none;
	border: 0;
	font-family: var(--font-body);
	font-size: var(--fs-lead);
	color: var(--ink);
}

.docfilter__input:focus { outline: none; }
.docfilter__input::-webkit-search-cancel-button { display: none; }

.docfilter__clear {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-inline-end: 6px;
	background: none;
	border: 0;
	color: var(--muted);
	cursor: pointer;
}

.docfilter__clear:hover { color: var(--ink); }

.docfilter__row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.docfilter__label {
	min-width: 36px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
}

.docchip {
	padding: 7px 14px;
	background: var(--white);
	border: 1px solid var(--line);
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: var(--ink-light);
	cursor: pointer;
	font-variant-numeric: tabular-nums;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.docchip:hover { border-color: var(--blue-light); }
.docchip.is-active { background: var(--navy); border-color: var(--navy); color: var(--white); }

.docfilter__count {
	margin-top: 14px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	color: var(--muted);
	font-variant-numeric: tabular-nums;
}

/* Belge listesi */
.doclist { border-top: 1px solid var(--line); }

.docitem[hidden] { display: none; }

.doclist a {
	display: grid;
	grid-template-columns: 76px 1fr auto;
	align-items: center;
	gap: 20px;
	padding: 18px 4px;
	border-bottom: 1px solid var(--line);
	background: var(--white);
	text-decoration: none;
	transition: background 0.18s ease, padding-inline 0.18s ease;
}

.doclist a:hover { background: rgba(28, 66, 121, 0.04); padding-inline: 16px; }

.docitem__year {
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1;
	color: #dde2e8;
	font-variant-numeric: tabular-nums;
	transition: color 0.25s ease;
}

.doclist a:hover .docitem__year { color: var(--blue-light); }

.docitem__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.docitem__name {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 700;
	line-height: 1.35;
	color: var(--ink);
}

.doclist a:hover .docitem__name { color: var(--navy); }

.docitem__meta { font-family: var(--font-body); font-size: var(--fs-xs); color: var(--muted); }
.docitem__valid { font-family: var(--font-body); font-size: var(--fs-xs); color: var(--green); }

.docitem__dl { color: #ccd3da; transition: color 0.18s ease; }
.doclist a:hover .docitem__dl { color: var(--navy); }

.doc-empty {
	max-width: 52ch;
	padding: 32px 0;
	font-family: var(--font-body);
	font-size: var(--fs-lead);
	line-height: var(--lh-loose);
	color: var(--muted);
}

@media (max-width: 600px) {
	.doclist a { grid-template-columns: 52px 1fr auto; gap: 12px; }
	.docitem__year { font-size: 1rem; }
	.docfilter__label { width: 100%; min-width: 0; }
}

/* --- Genel iç sayfa ------------------------------------------------------- */

.page-body { max-width: 76ch; }

/* Alt sayfa / diğer tesis kartları */
.subpages {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1px;
	background: var(--line);
	border: 1px solid var(--line);
}

.subpage {
	display: flex;
	flex-direction: column;
	padding: 26px 24px;
	background: var(--white);
	text-decoration: none;
	transition: background 0.22s ease;
}

.subpage:hover { background: rgba(28, 66, 121, 0.04); }

.subpage__label {
	margin-bottom: 8px;
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--blue);
}

.subpage__title {
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--ink);
	transition: color 0.2s ease;
}

.subpage:hover .subpage__title { color: var(--navy); }

.subpage__desc {
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

.subpage__arrow { margin-top: 18px; color: #ccd3da; transition: color 0.2s ease, transform 0.2s ease; }
.subpage:hover .subpage__arrow { color: var(--navy); transform: translateX(3px); }

/* --- Tesis arşivi --------------------------------------------------------- */

.tsgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.tscard {
	display: flex;
	flex-direction: column;
	background: var(--white);
	border: 1px solid var(--line);
	transition: border-color 0.3s ease;
}

.tscard:hover { border-color: var(--blue-light); }

.tscard__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--surface-alt); }
.tscard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.tscard:hover .tscard__media img { transform: scale(1.04); }

.tscard__body { display: flex; flex: 1; flex-direction: column; padding: 24px 22px 22px; }

.tscard__type {
	display: block;
	margin-bottom: 10px;
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--blue);
}

.tscard__title { margin-bottom: 8px; font-size: 1.125rem; font-weight: 800; line-height: 1.3; }
.tscard__title a { color: var(--ink); text-decoration: none; }
.tscard__title a:hover { color: var(--navy); }

.tscard__city {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 14px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	color: var(--muted);
}

.tscard__city .icon { color: var(--green); flex-shrink: 0; }

.tscard__desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	min-height: calc(3 * var(--lh-body) * 1em);
	margin-bottom: 18px;
	overflow: hidden;
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

.tscard__specs {
	display: grid;
	gap: 8px;
	margin-bottom: 18px;
	padding: 14px 0;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.tscard__specs div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.tscard__specs dt { font-family: var(--font-body); font-size: var(--fs-xs); color: var(--muted); }
.tscard__specs dd {
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 700;
	text-align: end;
	color: var(--ink);
	font-variant-numeric: tabular-nums;
}

.tscard__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
}

.tscard__link .icon { transition: transform 0.2s ease; }
.tscard:hover .tscard__link .icon { transform: translateX(3px); }

/* Tesis iletişim bilgileri */
.tsinfo { display: flex; flex-direction: column; }

.tsinfo li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 15px 0;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	color: var(--ink-light);
}

.tsinfo li:first-child { border-top: 1px solid var(--line); }
.tsinfo a { color: var(--ink-light); text-decoration: none; }
.tsinfo a:hover { color: var(--navy); }
.tsinfo__icon { flex-shrink: 0; color: var(--green); margin-top: 1px; }

.tsmap { margin-top: 24px; }

@media (max-width: 1024px) {
	.tsgrid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

@media (max-width: 640px) {
	.tsgrid { grid-template-columns: 1fr; }
	.tscard__desc { min-height: 0; }
}

/* --- Proje arşivi --------------------------------------------------------- */

.pagehead__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin-top: 4px;
}

.pagehead__meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: rgba(255, 255, 255, 0.7);
}

.pagehead__meta .icon { color: var(--green); }

/* Sektör süzgeci */
.pjfilter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 40px;
}

.pjfilter__item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 16px;
	background: var(--white);
	border: 1px solid var(--line);
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	text-decoration: none;
	color: var(--ink-light);
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

a.pjfilter__item:hover { border-color: var(--blue-light); color: var(--navy); }

.pjfilter__item.is-active {
	background: var(--navy);
	border-color: var(--navy);
	color: var(--white);
}

.pjfilter__n { font-size: var(--fs-xs); color: var(--muted); font-variant-numeric: tabular-nums; }
.pjfilter__item.is-active .pjfilter__n { color: rgba(255, 255, 255, 0.55); }

/* Proje ızgarası */
.pjgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.pjcard { display: flex; }

.pjcard__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: var(--white);
	border: 1px solid var(--line);
	text-decoration: none;
	transition: border-color 0.3s ease;
}

.pjcard__link:hover { border-color: var(--blue-light); }

.pjcard__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--navy-deep) center / cover no-repeat;
}

.pjcard__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(21, 47, 86, 0.55) 0%, transparent 55%);
	transition: background 0.3s ease;
}

.pjcard__link:hover .pjcard__veil {
	background: linear-gradient(to top, rgba(21, 47, 86, 0.7) 0%, rgba(21, 47, 86, 0.1) 65%);
}

.pjcard__year {
	position: absolute;
	bottom: 0;
	inset-inline-start: 0;
	padding: 8px 14px;
	background: var(--navy);
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 800;
	letter-spacing: 0.08em;
	color: var(--white);
	font-variant-numeric: tabular-nums;
}

.pjcard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 22px 22px 20px;
}

.pjcard__sector {
	display: block;
	margin-bottom: 10px;
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--blue);
}

.pjcard__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	min-height: 3.9em;
	margin-bottom: 12px;
	overflow: hidden;
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--ink);
	transition: color 0.2s ease;
}

.pjcard__link:hover .pjcard__title { color: var(--navy); }

.pjcard__country {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 16px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	color: var(--muted);
}

.pjcard__country .icon { color: var(--green); flex-shrink: 0; }

.pjcard__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--blue);
}

.pjcard__more .icon { transition: transform 0.2s ease; }
.pjcard__link:hover .pjcard__more .icon { transform: translateX(3px); }

/* --- Kullanılan ürünler --------------------------------------------------- */

.usedprod { display: flex; flex-direction: column; }

.usedprod__item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 4px;
	border-bottom: 1px solid var(--line);
	text-decoration: none;
	transition: background 0.18s ease, padding-inline 0.18s ease;
}

.usedprod__item:first-child { border-top: 1px solid var(--line); }
.usedprod__item:hover { background: rgba(28, 66, 121, 0.04); padding-inline: 14px; }

.usedprod__media { flex-shrink: 0; width: 56px; height: 56px; overflow: hidden; }
.usedprod__media img { width: 100%; height: 100%; object-fit: cover; }

.usedprod__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }

.usedprod__tag {
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--blue);
}

.usedprod__name {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 700;
	line-height: 1.3;
	color: var(--ink);
}

.usedprod__arrow { margin-inline-start: auto; color: #ccd3da; transition: color 0.18s ease, transform 0.18s ease; }
.usedprod__item:hover .usedprod__arrow { color: var(--navy); transform: translateX(3px); }

/* --- Sayfalama ------------------------------------------------------------ */

.pagination { margin-top: 44px; }

.pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	background: var(--white);
	border: 1px solid var(--line);
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 700;
	text-decoration: none;
	color: var(--ink-light);
	font-variant-numeric: tabular-nums;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.pagination a.page-numbers:hover { border-color: var(--blue-light); color: var(--navy); }

.pagination .page-numbers.current {
	background: var(--navy);
	border-color: var(--navy);
	color: var(--white);
}

.pagination .page-numbers.dots { border-color: transparent; background: none; }
.screen-reader-text + .nav-links { margin-top: 0; }

@media (max-width: 1024px) {
	.pjgrid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

@media (max-width: 640px) {
	.pjgrid { grid-template-columns: 1fr; }
	.pjcard__title { min-height: 0; -webkit-line-clamp: 4; }
	.usedprod__media { width: 48px; height: 48px; }
}

/* --- Tekil soru ----------------------------------------------------------- */

.pagehead--narrow .pagehead__inner { padding-block: 40px 64px; }

.pagehead__title--q {
	max-width: 26ch;
	margin-bottom: 0;
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	line-height: 1.2;
}

.sss-grid { display: grid; grid-template-columns: 7fr 4fr; gap: clamp(32px, 5vw, 72px); align-items: start; }

/* Cevabın altındaki yönlendirme kutusu */
.sss-ask {
	margin-top: 40px;
	padding: clamp(28px, 4vw, 44px) clamp(20px, 3vw, 32px);
	background: var(--surface-alt);
	border: 1px solid var(--line);
	border-top: 3px solid var(--navy);
	text-align: center;
}

.sss-ask__title {
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: clamp(1.125rem, 2vw, 1.375rem);
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--ink);
}

.sss-ask__text {
	max-width: 46ch;
	margin: 0 auto 26px;
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

.sss-ask__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

.sss-ask__actions .btn { padding: 14px 28px; font-size: var(--fs-btn-sm); }

@media (max-width: 480px) {
	.sss-ask__actions { flex-direction: column; align-items: stretch; }
	.sss-ask__actions .btn { justify-content: center; }
}

.sss-back { margin-top: 28px; }

.sss-back a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
}

.sss-aside { position: sticky; top: 104px; }

.sss-related { padding: 28px 24px; background: var(--surface-alt); border-top: 3px solid var(--navy); }

.sss-related__title {
	margin-bottom: 18px;
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--blue);
}

.sss-related ul { display: flex; flex-direction: column; }

.sss-related li a {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	line-height: 1.5;
	text-decoration: none;
	color: var(--ink-light);
	transition: color 0.18s ease;
}

.sss-related li:last-child a { border-bottom: 0; }
.sss-related li a:hover { color: var(--navy); }

.sss-related__all { margin-top: 16px; }

.sss-related__all a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	text-decoration: none;
	color: var(--blue);
}

@media (max-width: 1024px) {
	.sss-grid { grid-template-columns: 1fr; }
	.sss-aside { position: static; }
}

.faq-empty,
.empty {
	max-width: 52ch;
	padding: 32px 0;
	font-family: var(--font-body);
	font-size: var(--fs-lead);
	line-height: var(--lh-loose);
	color: var(--muted);
}

.faq__more a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
}

/* --- Kullanıldığı projeler ------------------------------------------------ */

.section-block--refs { background: var(--surface-alt); }

.refs { border-top: 1px solid var(--line); }

.refs a {
	display: grid;
	grid-template-columns: 88px 1fr auto;
	align-items: center;
	gap: 24px;
	padding: 20px 4px;
	border-bottom: 1px solid var(--line);
	text-decoration: none;
	color: inherit;
	transition: background 0.18s ease, padding-inline 0.18s ease;
}

.refs a:hover { background: rgba(28, 66, 121, 0.04); padding-inline: 16px; }

.ref__year {
	font-family: var(--font-display);
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 1;
	color: #dde2e8;
	font-variant-numeric: tabular-nums;
	transition: color 0.25s ease;
}

.refs a:hover .ref__year { color: var(--blue-light); }

.ref__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.ref__name {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 700;
	line-height: 1.35;
	color: var(--ink);
}

.refs a:hover .ref__name { color: var(--navy); }

.ref__meta { font-family: var(--font-body); font-size: var(--fs-xs); color: var(--muted); }

.ref__arrow { color: #ccd3da; transition: color 0.18s ease, transform 0.18s ease; }
.refs a:hover .ref__arrow { color: var(--navy); transform: translateX(3px); }

@media (max-width: 600px) {
	.refs a { grid-template-columns: 56px 1fr; gap: 14px; }
	.ref__arrow { display: none; }
	.ref__year { font-size: 1.125rem; }
}

/* --- Diğer ürünler -------------------------------------------------------- */

.others { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.other {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 220px;
	overflow: hidden;
	background: var(--navy-deep);
	background-size: cover;
	background-position: center;
	text-decoration: none;
}

.other__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(21, 47, 86, 0.92) 0%, rgba(21, 47, 86, 0.35) 65%, transparent 100%);
	transition: background 0.35s ease;
}

.other:hover .other__veil {
	background: linear-gradient(to top, rgba(21, 47, 86, 0.96) 0%, rgba(21, 47, 86, 0.6) 70%, rgba(21, 47, 86, 0.2) 100%);
}

.other__body { position: relative; z-index: 2; padding: 24px; }

.other__tag {
	display: block;
	margin-bottom: 8px;
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green-light);
}

.other__name {
	display: block;
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.25;
	color: var(--white);
}

/* --- Duyarlılık ----------------------------------------------------------- */

@media (max-width: 1024px) {
	.urun-grid { grid-template-columns: 1fr; }
	.urun-aside { position: static; }
	.stds { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	/* Dar ekranda blok kısalır ama standart olmayı sürdürür. */
	:root { --pagehead-h: 380px; --pagehead-h-btn: 460px; }

	/*
	 * Dar ekranda başlıklar bir satır daha uzayabiliyor; kardeş arşivler
	 * (sektör süzgeci gibi) arasında hiza kaymasın diye üç satır ayrılıyor.
	 */
	.pagehead__title { min-height: 3.24em; }

	.pagehead__inner { padding-block: 40px 48px; }
	.gallery { grid-template-columns: repeat(2, 1fr); }
	.others { grid-template-columns: 1fr; }
	.other { min-height: 180px; }
}

@media (max-width: 600px) {
	.stds { grid-template-columns: 1fr; }
	.gallery { grid-template-columns: 1fr; }
	/*
	 * Uzun sektör/ürün adlarında breadcrumb ikinci satıra iniyor. Kardeş
	 * arşivler arasında blok yüksekliği değişmesin diye iki satır ayrılıyor.
	 */
	.crumbs { flex-wrap: wrap; min-height: 3.9em; }
	.faq__q { font-size: var(--fs-body); padding: 18px 4px; }
}

/* =========================================================================
   İletişim sayfası — lokasyon sekmeleri ve form
   ========================================================================= */

/* --- Sekmeler ------------------------------------------------------------
   Radyo düğmeleri görünmez; sekmeyi açan da paneli seçen de CSS.
   Betik yok, JavaScript kapalıyken de çalışır.                           */

.loktab { position: relative; }

.loktab__radio {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.loktab__bar {
	display: flex;
	border: 1px solid var(--line);
	border-bottom: 0;
	background: var(--white);
	overflow-x: auto;
	scrollbar-width: none;
}

.loktab__bar::-webkit-scrollbar { display: none; }

.loktab__tab {
	flex: 1 1 0;
	min-width: 170px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 7px;
	padding: 24px 24px;
	border-right: 1px solid var(--line);
	border-bottom: 2px solid transparent;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.loktab__tab:last-child { border-right: 0; }
.loktab__tab:hover { background: var(--surface-alt); }

.loktab__tab-kind {
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.loktab__tab-name {
	font-family: var(--font-display);
	font-size: var(--fs-body);
	font-weight: 700;
	line-height: var(--lh-heading);
	color: var(--ink);
}

.loktab__panels {
	border: 1px solid var(--line);
	background: var(--white);
}

.loktab__panel { display: none; }

.loktab__radio:nth-of-type(1):checked ~ .loktab__panels > .loktab__panel:nth-child(1),
.loktab__radio:nth-of-type(2):checked ~ .loktab__panels > .loktab__panel:nth-child(2),
.loktab__radio:nth-of-type(3):checked ~ .loktab__panels > .loktab__panel:nth-child(3),
.loktab__radio:nth-of-type(4):checked ~ .loktab__panels > .loktab__panel:nth-child(4),
.loktab__radio:nth-of-type(5):checked ~ .loktab__panels > .loktab__panel:nth-child(5),
.loktab__radio:nth-of-type(6):checked ~ .loktab__panels > .loktab__panel:nth-child(6),
.loktab__radio:nth-of-type(7):checked ~ .loktab__panels > .loktab__panel:nth-child(7),
.loktab__radio:nth-of-type(8):checked ~ .loktab__panels > .loktab__panel:nth-child(8) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	/*
	 * Sekme değiştirirken blok zıplamasın diye ortak taban yükseklik.
	 * En dolu lokasyon (dört bilgi satırı + iki düğme) 481px sürüyor;
	 * pay bırakıp yuvarladık. İçerik büyürse bu değer de büyütülmeli.
	 */
	min-height: 500px;
}

.loktab__radio:nth-of-type(1):checked ~ .loktab__bar > .loktab__tab:nth-child(1),
.loktab__radio:nth-of-type(2):checked ~ .loktab__bar > .loktab__tab:nth-child(2),
.loktab__radio:nth-of-type(3):checked ~ .loktab__bar > .loktab__tab:nth-child(3),
.loktab__radio:nth-of-type(4):checked ~ .loktab__bar > .loktab__tab:nth-child(4),
.loktab__radio:nth-of-type(5):checked ~ .loktab__bar > .loktab__tab:nth-child(5),
.loktab__radio:nth-of-type(6):checked ~ .loktab__bar > .loktab__tab:nth-child(6),
.loktab__radio:nth-of-type(7):checked ~ .loktab__bar > .loktab__tab:nth-child(7),
.loktab__radio:nth-of-type(8):checked ~ .loktab__bar > .loktab__tab:nth-child(8) {
	background: var(--navy);
	border-bottom-color: var(--green);
}

.loktab__radio:nth-of-type(1):checked ~ .loktab__bar > .loktab__tab:nth-child(1) .loktab__tab-name,
.loktab__radio:nth-of-type(2):checked ~ .loktab__bar > .loktab__tab:nth-child(2) .loktab__tab-name,
.loktab__radio:nth-of-type(3):checked ~ .loktab__bar > .loktab__tab:nth-child(3) .loktab__tab-name,
.loktab__radio:nth-of-type(4):checked ~ .loktab__bar > .loktab__tab:nth-child(4) .loktab__tab-name,
.loktab__radio:nth-of-type(5):checked ~ .loktab__bar > .loktab__tab:nth-child(5) .loktab__tab-name,
.loktab__radio:nth-of-type(6):checked ~ .loktab__bar > .loktab__tab:nth-child(6) .loktab__tab-name,
.loktab__radio:nth-of-type(7):checked ~ .loktab__bar > .loktab__tab:nth-child(7) .loktab__tab-name,
.loktab__radio:nth-of-type(8):checked ~ .loktab__bar > .loktab__tab:nth-child(8) .loktab__tab-name {
	color: var(--white);
}

.loktab__radio:nth-of-type(1):checked ~ .loktab__bar > .loktab__tab:nth-child(1) .loktab__tab-kind,
.loktab__radio:nth-of-type(2):checked ~ .loktab__bar > .loktab__tab:nth-child(2) .loktab__tab-kind,
.loktab__radio:nth-of-type(3):checked ~ .loktab__bar > .loktab__tab:nth-child(3) .loktab__tab-kind,
.loktab__radio:nth-of-type(4):checked ~ .loktab__bar > .loktab__tab:nth-child(4) .loktab__tab-kind,
.loktab__radio:nth-of-type(5):checked ~ .loktab__bar > .loktab__tab:nth-child(5) .loktab__tab-kind,
.loktab__radio:nth-of-type(6):checked ~ .loktab__bar > .loktab__tab:nth-child(6) .loktab__tab-kind,
.loktab__radio:nth-of-type(7):checked ~ .loktab__bar > .loktab__tab:nth-child(7) .loktab__tab-kind,
.loktab__radio:nth-of-type(8):checked ~ .loktab__bar > .loktab__tab:nth-child(8) .loktab__tab-kind {
	color: var(--green-light);
}

/* Klavyeyle gezinirken odaktaki sekme görünsün. */
.loktab__radio:nth-of-type(1):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(1),
.loktab__radio:nth-of-type(2):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(2),
.loktab__radio:nth-of-type(3):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(3),
.loktab__radio:nth-of-type(4):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(4),
.loktab__radio:nth-of-type(5):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(5),
.loktab__radio:nth-of-type(6):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(6),
.loktab__radio:nth-of-type(7):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(7),
.loktab__radio:nth-of-type(8):focus-visible ~ .loktab__bar > .loktab__tab:nth-child(8) {
	outline: 2px solid var(--blue);
	outline-offset: -2px;
}

.loktab__info { padding: clamp(24px, 3vw, 40px); }

.loktab__title {
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: 800;
	line-height: var(--lh-heading);
	letter-spacing: var(--ls-tight);
	color: var(--ink);
}

.loktab__city {
	margin-top: 6px;
	font-size: var(--fs-sm);
	color: var(--muted);
}

.loktab__info .tsinfo { margin-top: 22px; }

.loktab__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 24px;
	margin-top: 26px;
}

.loktab__actions .btn { padding: 13px 26px; font-size: var(--fs-btn-sm); }

.loktab__map {
	position: relative;
	min-height: 320px;
	border-left: 1px solid var(--line);
	background: var(--surface-alt);
}

.loktab__map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
	border: 0;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.loktab__map iframe:hover { filter: grayscale(0); }

.loktab__map-bos {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 100%;
	min-height: 320px;
	padding: 24px;
	color: var(--muted);
	font-size: var(--fs-sm);
	text-align: center;
}

/* --- Form --------------------------------------------------------------- */

.ilform {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.ilform__metin {
	margin-top: 22px;
	font-size: var(--fs-lead);
	line-height: var(--lh-loose);
	color: var(--ink-light);
}

.ilform__yan .tsinfo--compact { margin-top: 26px; }

.ilform__kutu {
	padding: clamp(24px, 3vw, 40px);
	border: 1px solid var(--line);
	background: var(--surface-alt);
}

.ilform__durum {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 24px;
	padding: 14px 18px;
	border-left: 3px solid var(--green);
	background: var(--white);
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--ink-light);
}

.ilform__durum svg { flex-shrink: 0; margin-top: 2px; color: var(--green); }
.ilform__durum--hata { border-left-color: #c0392b; }
.ilform__durum--hata svg { color: #c0392b; }

/* Bal küpü — insanlar görmez, botlar doldurur. */
.ilform__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ilform__satir {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
}

.ilform__alan { display: flex; flex-direction: column; margin-bottom: 20px; }

.ilform__alan label {
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: var(--fs-label);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--ink-light);
}

.ilform__alan .req { color: var(--green); }

.ilform__alan input,
.ilform__alan select,
.ilform__alan textarea {
	width: 100%;
	padding: 13px 15px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	color: var(--ink);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ilform__alan textarea { resize: vertical; min-height: 130px; }

.ilform__alan input:focus,
.ilform__alan select:focus,
.ilform__alan textarea:focus {
	outline: none;
	border-color: var(--navy);
	box-shadow: 0 0 0 3px rgba(28, 66, 121, 0.10);
}

.ilform__alan select {
	appearance: none;
	padding-right: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.ilform__onay {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 4px 0 26px;
}

.ilform__onay input {
	flex-shrink: 0;
	width: 17px;
	height: 17px;
	margin-top: 2px;
	accent-color: var(--navy);
}

.ilform__onay label {
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--ink-light);
}

.ilform__onay a { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; }
.ilform__onay a:hover { color: var(--green); }

.ilform__gonder .btn { width: 100%; justify-content: center; }

@media (max-width: 1024px) {
	.loktab__radio:nth-of-type(1):checked ~ .loktab__panels > .loktab__panel:nth-child(1),
	.loktab__radio:nth-of-type(2):checked ~ .loktab__panels > .loktab__panel:nth-child(2),
	.loktab__radio:nth-of-type(3):checked ~ .loktab__panels > .loktab__panel:nth-child(3),
	.loktab__radio:nth-of-type(4):checked ~ .loktab__panels > .loktab__panel:nth-child(4),
	.loktab__radio:nth-of-type(5):checked ~ .loktab__panels > .loktab__panel:nth-child(5),
	.loktab__radio:nth-of-type(6):checked ~ .loktab__panels > .loktab__panel:nth-child(6),
	.loktab__radio:nth-of-type(7):checked ~ .loktab__panels > .loktab__panel:nth-child(7),
	.loktab__radio:nth-of-type(8):checked ~ .loktab__panels > .loktab__panel:nth-child(8) {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.loktab__info { min-height: 300px; }

	.loktab__map {
		border-left: 0;
		border-top: 1px solid var(--line);
		min-height: 280px;
	}

	.loktab__map iframe,
	.loktab__map-bos { min-height: 280px; }

	.ilform { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.loktab__tab { min-width: 150px; padding: 14px 18px; }
	.ilform__satir { grid-template-columns: 1fr; }
	.ilform__kutu { padding: 22px 18px; }
}

/* =========================================================================
   Yönetim — kişi kartları, tekil sayfa, komiteler
   ========================================================================= */

/* --- Kart ızgarası -------------------------------------------------------- */

.kgrid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.kcard { background: var(--white); border: 1px solid var(--line); }

.kcard__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
}

.kcard__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--navy);
}

.kcard__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	filter: grayscale(100%);
	transition: filter 0.35s ease, transform 0.35s ease;
}

.kcard__link:hover .kcard__img { filter: grayscale(0); transform: scale(1.03); }

/* Portre yoksa baş harfler — kart yine dolu görünür. */
.kcard__harf {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-size: clamp(2.4rem, 4vw, 3.4rem);
	font-weight: 800;
	letter-spacing: var(--ls-tight);
	color: rgba(255, 255, 255, 0.28);
	background: linear-gradient(150deg, var(--navy) 0%, var(--navy-deep) 100%);
}

.kcard__rozet {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 7px 12px;
	background: var(--green);
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--white);
}

.kcard__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 22px 22px 20px;
}

.kcard__ad {
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	line-height: var(--lh-heading);
	letter-spacing: var(--ls-tight);
	color: var(--ink);
}

.kcard__unvan {
	margin-top: 5px;
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--green);
}

.kcard__ozet {
	margin-top: 12px;
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

.kcard__more {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: auto;
	padding-top: 18px;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--navy);
	transition: gap 0.2s ease, color 0.2s ease;
}

.kcard__link:hover .kcard__more { gap: 12px; color: var(--green); }

/* --- Tekil sayfa: sol sütun ---------------------------------------------- */

/*
 * Ürün sayfasının ızgarası 7fr/5fr ve geniş sütun solda. Kişi sayfasında
 * sıra ters — solda portre, sağda özgeçmiş — bu yüzden kendi ızgarası var.
 * Portre sütunu sabit: 320px genişlik, 4:5 oranda 400px yükseklik demek.
 */
.kisi-grid {
	display: grid;
	grid-template-columns: 320px minmax(0, 1fr);
	gap: clamp(32px, 5vw, 64px);
	align-items: start;
}

.kisi-portre {
	position: relative;
	aspect-ratio: 4 / 5;
	margin-bottom: 26px;
	overflow: hidden;
	background: linear-gradient(150deg, var(--navy) 0%, var(--navy-deep) 100%);
}

.kisi-portre img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }

.kisi-portre__harf {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-size: clamp(3rem, 6vw, 4.5rem);
	font-weight: 800;
	letter-spacing: var(--ls-tight);
	color: rgba(255, 255, 255, 0.28);
}

.kisi-iletisim { margin-bottom: 26px; }

.kisi-iletisim__baslik {
	margin-bottom: 12px;
	font-family: var(--font-display);
	font-size: var(--fs-label);
	font-weight: 700;
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--muted);
}

.kisi-diller { font-size: var(--fs-sm); line-height: var(--lh-body); color: var(--ink-light); }

.kisi-sosyal { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.kisi-sosyal a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--line);
	color: var(--ink-light);
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.kisi-sosyal a:hover {
	background: var(--brand, var(--navy));
	border-color: var(--brand, var(--navy));
	color: var(--white);
}

/* --- Tekil sayfa: zaman çizelgesi (kariyer, eğitim) ---------------------- */

.zaman { margin-bottom: 8px; }

.zaman__item {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	gap: 20px;
	padding: 20px 0;
	border-bottom: 1px solid var(--line);
}

.zaman__item:first-child { border-top: 1px solid var(--line); }

.zaman__yil {
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	color: var(--green);
	padding-top: 2px;
}

.zaman__govde { display: flex; flex-direction: column; gap: 4px; }

.zaman__baslik {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 800;
	line-height: var(--lh-heading);
	color: var(--ink);
}

.zaman__kurum { font-size: var(--fs-sm); color: var(--ink-light); }

.zaman__aciklama {
	margin-top: 6px;
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

/* --- Komite görevleri / üyelikler listesi -------------------------------- */

.komgorev { display: flex; flex-direction: column; margin-bottom: 8px; }

.komgorev li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 20px;
	padding: 16px 0;
	border-bottom: 1px solid var(--line);
}

.komgorev li:first-child { border-top: 1px solid var(--line); }

.komgorev__ad {
	font-family: var(--font-display);
	font-size: var(--fs-body);
	font-weight: 700;
	color: var(--ink);
}

.komgorev__rol {
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--green);
}

/* --- Komiteler sayfası --------------------------------------------------- */

.komuye {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.komuye__item { background: var(--white); border: 1px solid var(--line); }

.komuye__link {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.komuye__link:hover { background: var(--surface-alt); }

.komuye__media {
	position: relative;
	flex-shrink: 0;
	width: 64px;
	height: 80px;
	overflow: hidden;
	background: linear-gradient(150deg, var(--navy) 0%, var(--navy-deep) 100%);
}

.komuye__media img { width: 100%; height: 100%; object-fit: cover; object-position: top center; filter: grayscale(100%); }

.komuye__harf {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-size: 1.1rem;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.3);
}

.komuye__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }

.komuye__rol {
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.komuye__ad {
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 800;
	line-height: var(--lh-heading);
	color: var(--ink);
}

.komuye__unvan { font-size: var(--fs-xs); line-height: var(--lh-body); color: var(--muted); }

@media (max-width: 1024px) {
	.kisi-grid { grid-template-columns: 1fr; }
	.kgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.komuye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kisi-aside { position: static; }
	.kisi-portre { max-width: 320px; }
}

@media (max-width: 768px) {
	.kgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.zaman__item { grid-template-columns: 1fr; gap: 6px; }
}

@media (max-width: 480px) {
	.kgrid { grid-template-columns: 1fr; }
	.komuye { grid-template-columns: 1fr; }
}

/* =========================================================================
   Medya — haber kartları, detay sayfası, arama
   ========================================================================= */

/* --- Kart ızgarası -------------------------------------------------------- */

.hbgrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

/* Listenin ilk kartı iki sütun kaplar ve görseli yanda durur. */
.hbcard--buyuk { grid-column: span 3; }

.hbcard { background: var(--white); border: 1px solid var(--line); }

.hbcard__link { display: flex; flex-direction: column; height: 100%; text-decoration: none; }

.hbcard--buyuk .hbcard__link {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	align-items: stretch;
}

.hbcard__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	/* background-image satır içi stille geliyor (kart şablonu). */
	background-color: var(--navy);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hbcard--buyuk .hbcard__media { aspect-ratio: auto; min-height: 340px; }

.hbcard__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(28, 66, 121, 0) 55%, rgba(28, 66, 121, 0.35) 100%);
	transition: background 0.3s ease;
}

.hbcard__link:hover .hbcard__veil { background: linear-gradient(180deg, rgba(28, 66, 121, 0.15) 0%, rgba(28, 66, 121, 0.5) 100%); }

.hbcard__media--bos { background: linear-gradient(150deg, var(--navy) 0%, var(--navy-deep) 100%); }

.hbcard__mark {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.25);
}

.hbcard__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 24px 24px 22px;
}

.hbcard--buyuk .hbcard__body { padding: clamp(26px, 3vw, 40px); justify-content: center; }

.hbcard__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }

.hbcard__cat {
	padding: 5px 10px;
	background: var(--surface-alt);
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--navy);
}

.hbcard__date { font-size: var(--fs-xs); color: var(--muted); }

.hbcard__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 14px;
	overflow: hidden;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	line-height: var(--lh-heading);
	letter-spacing: var(--ls-tight);
	color: var(--ink);
	transition: color 0.2s ease;
}

.hbcard--buyuk .hbcard__title { -webkit-line-clamp: 4; font-size: var(--fs-h3); }

.hbcard__link:hover .hbcard__title { color: var(--navy); }

.hbcard__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 12px;
	overflow: hidden;
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

.hbcard--buyuk .hbcard__excerpt { -webkit-line-clamp: 5; font-size: var(--fs-body); }

.hbcard__more {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: auto;
	padding-top: 20px;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--navy);
	transition: gap 0.2s ease, color 0.2s ease;
}

.hbcard__link:hover .hbcard__more { gap: 12px; color: var(--green); }

/* --- Haber detay ---------------------------------------------------------- */

/*
 * Haber başlıkları ürün/sayfa başlıklarından çok daha uzun olabiliyor.
 * 18ch'lik varsayılan genişlikte beş satıra kadar çıkıyor ve blok standart
 * yüksekliği aşıyordu; burada satır genişliği artırılıp üç satır ayrılıyor.
 */
.pagehead--haber .pagehead__title {
	max-width: 34ch;
	min-height: 3.24em;
	font-size: clamp(1.5rem, 2.4vw, 2.1rem);
}


.haber-govde { max-width: var(--wrap-narrow); }

.haber-etiket {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 40px;
}

.haber-etiket a {
	display: inline-block;
	padding: 7px 13px;
	border: 1px solid var(--line);
	font-size: var(--fs-xs);
	text-decoration: none;
	color: var(--muted);
	transition: border-color 0.2s ease, color 0.2s ease;
}

.haber-etiket a:hover { border-color: var(--navy); color: var(--navy); }

.haber-paylas {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid var(--line);
}

.haber-paylas__etiket {
	font-family: var(--font-display);
	font-size: var(--fs-label);
	font-weight: 700;
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--muted);
}

.haber-paylas ul { display: flex; gap: 8px; }

.haber-paylas a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--line);
	color: var(--ink-light);
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.haber-paylas a:hover {
	background: var(--brand, var(--navy));
	border-color: var(--brand, var(--navy));
	color: var(--white);
}

.haber-gezinme {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--line);
}

.haber-gezinme__link {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 22px;
	border: 1px solid var(--line);
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.haber-gezinme__link:hover { border-color: var(--navy); background: var(--surface-alt); }

/* Tek bağlantı varsa yer kaplamasın diye ikinci sütuna itiliyor. */
.haber-gezinme__link--sonraki { text-align: right; grid-column: 2; }

.haber-gezinme__yon {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.haber-gezinme__link--sonraki .haber-gezinme__yon { justify-content: flex-end; }

.haber-gezinme__baslik {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 700;
	line-height: var(--lh-heading);
	color: var(--ink);
}

/* --- Arama ---------------------------------------------------------------- */

.aramakutu {
	display: flex;
	gap: 12px;
	max-width: 640px;
	margin-bottom: 44px;
}

.aramakutu input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
	font-family: var(--font-body);
	font-size: var(--fs-body);
	color: var(--ink);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.aramakutu input:focus {
	outline: none;
	border-color: var(--navy);
	box-shadow: 0 0 0 3px rgba(28, 66, 121, 0.10);
}

.aramakutu .btn { flex-shrink: 0; padding: 14px 26px; font-size: var(--fs-btn-sm); }

.sonuclar { display: flex; flex-direction: column; }

.sonuc { border-bottom: 1px solid var(--line); }
.sonuc:first-child { border-top: 1px solid var(--line); }

.sonuc__link {
	display: block;
	padding: 24px 4px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.sonuc__link:hover { background: var(--surface-alt); }

.sonuc__tip {
	display: inline-block;
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.sonuc__baslik {
	display: block;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	line-height: var(--lh-heading);
	color: var(--ink);
	transition: color 0.2s ease;
}

.sonuc__link:hover .sonuc__baslik { color: var(--navy); }

.sonuc__ozet {
	display: block;
	margin-top: 8px;
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

@media (max-width: 1024px) {
	.hbgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hbcard--buyuk { grid-column: span 2; }
	.hbcard--buyuk .hbcard__link { grid-template-columns: 1fr; }
	.hbcard--buyuk .hbcard__media { aspect-ratio: 16 / 9; min-height: 0; }
}

@media (max-width: 768px) {
	.haber-gezinme { grid-template-columns: 1fr; }
	.haber-gezinme__link--sonraki { grid-column: 1; text-align: left; }
	.haber-gezinme__link--sonraki .haber-gezinme__yon { justify-content: flex-start; }
}

@media (max-width: 600px) {
	.hbgrid { grid-template-columns: 1fr; }
	.hbcard--buyuk { grid-column: span 1; }
	.aramakutu { flex-direction: column; }
	.aramakutu .btn { justify-content: center; }
}

/* --- Bölüm yan menüsü (inc/yan-menu.php) ----------------------------------- */

/*
 * Sayfa ana menüdeki bir bölümün içindeyse içerik iki sütuna ayrılır:
 * solda bölümün sayfaları, sağda içerik. Mobilde yan menü içeriğin üstünde
 * açılır bir kutuya dönüşür.
 */
.sayfa-duzen {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	gap: 64px;
	align-items: start;
}

.sayfa-duzen__ana { min-width: 0; }
.sayfa-duzen__ana > .prose { max-width: 76ch; }
.sayfa-duzen__giris { margin-bottom: 48px; }
.sayfa-duzen__altlar { margin-top: 56px; }
.sayfa-duzen__ana > .prose + .sayfa-duzen__altlar { margin-top: 64px; }
.sayfa-duzen__ana > .sayfa-duzen__altlar:first-child { margin-top: 0; }
.sayfa-duzen__altlar .section-label { margin-bottom: 18px; }
.sayfa-duzen__bos { color: var(--muted); font-size: var(--fs-body); }

.yanmenu {
	position: sticky;
	top: calc(var(--header-h) + 24px);
	border-top: 2px solid var(--green);
	background: var(--surface-alt);
}

.yanmenu__ac { display: none; }

.yanmenu__kok {
	display: block;
	padding: 20px 22px 16px;
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--navy);
	text-decoration: none;
	border-bottom: 1px solid var(--line);
}

.yanmenu__kok:hover { color: var(--green); }

.yanmenu__liste { list-style: none; margin: 0; padding: 0; }
.yanmenu__liste--0 { padding: 8px 0 12px; }

.yanmenu__oge a {
	position: relative;
	display: block;
	padding: 10px 22px;
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	font-weight: 500;
	line-height: 1.4;
	color: var(--ink-light);
	text-decoration: none;
	transition: color 0.18s ease, background 0.18s ease;
}

.yanmenu__oge a:hover { color: var(--navy); background: rgba(28, 66, 121, 0.04); }

/* Bulunulan sayfa: solda yeşil çizgi. */
.yanmenu__oge.is-aktif > a {
	color: var(--navy);
	font-weight: 700;
	background: var(--white);
}

.yanmenu__oge.is-aktif > a::before {
	content: "";
	position: absolute;
	inset-block: 8px;
	inset-inline-start: 0;
	width: 3px;
	background: var(--green);
}

.yanmenu__oge.is-yolda > a { color: var(--navy); font-weight: 600; }

/* İç seviye (ör. Kalite → Sertifikalarımız). */
.yanmenu__liste--1,
.yanmenu__liste--2 { margin: 2px 0 8px 22px; border-inline-start: 1px solid var(--line); }
.yanmenu__liste--1 .yanmenu__oge a,
.yanmenu__liste--2 .yanmenu__oge a { padding: 7px 18px; font-size: var(--fs-xs); }

@media (max-width: 1024px) {
	.sayfa-duzen { grid-template-columns: 230px minmax(0, 1fr); gap: 40px; }
}

@media (max-width: 860px) {
	.sayfa-duzen { grid-template-columns: minmax(0, 1fr); gap: 32px; }

	.yanmenu { position: static; }

	.yanmenu__ac {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 16px 20px;
		border: 0;
		background: none;
		font: inherit;
		text-align: start;
		cursor: pointer;
	}

	.yanmenu__ac span {
		font-size: var(--fs-xs);
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: var(--muted);
	}

	.yanmenu__ac strong { font-family: var(--font-display); font-size: var(--fs-body); color: var(--navy); }

	.yanmenu__ac::after {
		content: "";
		width: 8px;
		height: 8px;
		margin-inline-start: auto;
		border-bottom: 1.5px solid var(--navy);
		border-inline-end: 1.5px solid var(--navy);
		transform: translateY(-2px) rotate(45deg);
		transition: transform 0.2s ease;
	}

	.yanmenu.is-acik .yanmenu__ac::after { transform: translateY(2px) rotate(225deg); }

	.yanmenu__icerik { display: none; border-top: 1px solid var(--line); }
	.yanmenu.is-acik .yanmenu__icerik { display: block; }
	.yanmenu__kok { display: none; }
}

/* --- Sertifikalar: konu grupları (page-sertifikalar.php) ------------------- */

.sgrup__kartlar {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	margin-bottom: 40px;
}

.sgrup__kart {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 22px 20px;
	border: 1px solid var(--line);
	border-top: 3px solid transparent;
	background: var(--white);
	font: inherit;
	text-align: start;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.sgrup__kart:hover { border-top-color: var(--line); background: var(--surface-alt); }

.sgrup__kart.is-aktif {
	border-top-color: var(--green);
	background: var(--navy);
	box-shadow: 0 14px 30px rgba(21, 47, 86, 0.18);
}

.sgrup__sayi {
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.sgrup__ad {
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--ink);
}

.sgrup__aciklama {
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	line-height: var(--lh-body);
	color: var(--muted);
}

.sgrup__kart.is-aktif .sgrup__ad { color: var(--white); }
.sgrup__kart.is-aktif .sgrup__aciklama { color: rgba(255, 255, 255, 0.65); }

.sgrup__baslik {
	margin-bottom: 16px;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	color: var(--navy);
}

/* Betik çalışınca yalnızca seçili grup görünür; çalışmazsa hepsi alt alta. */
.sgrup__panel + .sgrup__panel { margin-top: 48px; }
.sgrup.is-hazir .sgrup__panel { display: none; margin-top: 0; }
.sgrup.is-hazir .sgrup__panel.is-aktif { display: block; }

.sgrup .docitem__year--ikon { display: flex; justify-content: center; color: var(--green); }

/* Dosyası olmayan sertifika: bağlantı değil, düz satır. */
.doclist .docitem--dosyasiz > div {
	display: grid;
	grid-template-columns: 76px 1fr auto;
	align-items: center;
	gap: 20px;
	padding: 18px 4px;
	border-bottom: 1px solid var(--line);
}

.sgrup__not { margin-top: 24px; font-size: var(--fs-xs); color: var(--muted); }

@media (max-width: 600px) {
	.sgrup__kartlar { grid-template-columns: 1fr 1fr; gap: 8px; }
	.sgrup__kart { padding: 16px; }
	.sgrup__aciklama { display: none; }
	.doclist .docitem--dosyasiz > div { grid-template-columns: 52px 1fr auto; gap: 12px; }
}

/* --- Bölüm kartları (inc/yan-menu.php → noksel_bolum_kartlari) ------------- */

/*
 * Eski "subpages" kutuları düz çerçeveliydi. Kart artık menü öğesinin
 * görselini kullanıyor; görsel yoksa lacivert bir zemin ve büyük sıra
 * numarasıyla aynı ritmi koruyor.
 */
.bolum-kartlar .section-label { display: block; margin-bottom: 18px; }

.bkart-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}

.bkart {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--white);
	border: 1px solid var(--line);
	text-decoration: none;
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.bkart:hover {
	border-color: transparent;
	box-shadow: 0 18px 38px rgba(21, 47, 86, 0.16);
	transform: translateY(-3px);
}

.bkart__gorsel {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--navy);
}

.bkart__gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.bkart:hover .bkart__gorsel img { transform: scale(1.05); }

/* Görselin altını koyultup numaranın okunmasını sağlıyor. */
.bkart__gorsel::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(21, 47, 86, 0) 45%, rgba(21, 47, 86, 0.55) 100%);
}

.bkart__govde {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 8px;
	padding: 20px 22px 22px;
}

.bkart__no {
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	color: var(--green);
}

.bkart__baslik {
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--ink);
	transition: color 0.2s ease;
}

.bkart:hover .bkart__baslik { color: var(--navy); }

.bkart__desc {
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

.bkart__ok {
	display: flex;
	margin-top: auto;
	padding-top: 14px;
	color: var(--blue-light);
	transition: transform 0.22s ease, color 0.22s ease;
}

.bkart:hover .bkart__ok { color: var(--green); transform: translateX(4px); }

/* Görseli olmayan kart: lacivert zemin, numara filigran. */
.bkart--gorselsiz { background: var(--navy); border-color: transparent; }
.bkart--gorselsiz .bkart__baslik,
.bkart--gorselsiz:hover .bkart__baslik { color: var(--white); }
.bkart--gorselsiz .bkart__desc { color: rgba(255, 255, 255, 0.7); }
.bkart--gorselsiz .bkart__govde { padding-top: 26px; }

@media (max-width: 600px) {
	.bkart-grid { grid-template-columns: 1fr; gap: 14px; }
	.bkart__gorsel { aspect-ratio: 16 / 7; }
}

/* Yönetim kurulu başkanı tek başına üstte, ortada. */
.kgrid-baskan {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}

.kgrid-baskan .kcard { width: 100%; max-width: 300px; }

@media (max-width: 600px) {
	.kgrid-baskan .kcard { max-width: none; }
}

/* --- Politika akordiyonu (page-politikalar.php) ---------------------------- */

/* S.S.S. akordiyonuyla aynı dil; başlıklar uzun metinleri gizliyor. */
.pol-akordiyon { border-top: 1px solid var(--line); }
.pol-item { border-bottom: 1px solid var(--line); }

.pol-q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 4px;
	cursor: pointer;
	list-style: none;
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 700;
	color: var(--ink);
	transition: color 0.18s ease;
}

.pol-q::-webkit-details-marker { display: none; }
.pol-q:hover { color: var(--navy); }

.pol-mark { position: relative; flex-shrink: 0; width: 16px; height: 16px; }

.pol-mark::before,
.pol-mark::after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-start: 0;
	width: 16px;
	height: 2px;
	background: var(--blue);
	transition: transform 0.25s ease;
}

.pol-mark::after { transform: rotate(90deg); }
.pol-item[open] .pol-mark::after { transform: rotate(0); }
.pol-item[open] .pol-q { color: var(--navy); }

.pol-a { padding: 0 4px 28px; max-width: 76ch; }
.pol-a ul { margin: 0; padding-inline-start: 20px; }
.pol-a li + li { margin-top: 10px; }

/* Belgeler: metnin hemen altında, düğmeyle açılıyor. */
.pol-belgeler { margin-top: 32px; }

.pol-belgeler__ac {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 22px;
	background: var(--navy);
	cursor: pointer;
	list-style: none;
	font-family: var(--font-display);
	font-size: var(--fs-btn-sm);
	font-weight: 700;
	letter-spacing: var(--ls-ui);
	text-transform: uppercase;
	color: var(--white);
	transition: background 0.2s ease;
}

.pol-belgeler__ac::-webkit-details-marker { display: none; }
.pol-belgeler__ac:hover { background: var(--blue); }

.pol-belgeler__ok {
	width: 8px;
	height: 8px;
	border-bottom: 2px solid currentColor;
	border-inline-end: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.2s ease;
}

.pol-belgeler[open] .pol-belgeler__ok { transform: translateY(2px) rotate(225deg); }
.pol-belgeler .doclist { margin-top: 20px; }

/* Laboratuvar sayfasındaki belge listesi. */
.lab-belgeler { margin-top: 48px; }
.lab-belgeler .section-label { display: block; margin-bottom: 14px; }

/*
 * Kategori bağlantıları "#filtre" çapasına gidiyor: sayfa banner'dan değil
 * süzgeç satırından başlasın (müşteri isteği, 2026-10-06). Sabit header
 * başlığı örtmesin diye üstten pay bırakılıyor.
 */
#filtre { scroll-margin-top: calc(var(--header-h, 80px) + 24px); }
#iletisim-formu,
#lokasyonlar { scroll-margin-top: calc(var(--header-h, 80px) + 16px); }

/* Sayfalamadaki önceki/sonraki okları. */
.pagination .prev.page-numbers,
.pagination .next.page-numbers { display: inline-flex; align-items: center; gap: 10px; width: auto; padding-inline: 16px; }

.nav-ok {
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-inline-end: 2px solid currentColor;
}

.nav-ok--ileri { transform: rotate(45deg); }
.nav-ok--geri { transform: rotate(-135deg); }

@media (max-width: 600px) {
	.pagination .prev.page-numbers span:not(.nav-ok),
	.pagination .next.page-numbers span:not(.nav-ok) { display: none; }
	.pagination .prev.page-numbers,
	.pagination .next.page-numbers { padding-inline: 12px; }
}

/* İçerik alanındaki tablolar (ortaklık yapısı, hisse bilgileri vb.). */
.prose .wp-block-table { margin: 1.6em 0; overflow-x: auto; }

.prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--fs-sm);
}

.prose th,
.prose td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--line);
	text-align: start;
	vertical-align: top;
}

.prose thead th {
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--navy);
	border-bottom: 2px solid var(--navy);
}

.prose tbody tr:last-child td { border-bottom: 0; }
.prose tbody tr:hover { background: rgba(28, 66, 121, 0.03); }
.prose td strong { color: var(--ink); }

/* İlk sütun etiket gibi davranan tablolar (künye bilgileri). */
.prose .kunye td:first-child { width: 38%; font-weight: 600; color: var(--ink); }

@media (max-width: 600px) {
	.prose th,
	.prose td { padding: 10px; }
	.prose .kunye td:first-child { width: 45%; }
}