@font-face {
	font-family: "Raleway";
	src: url("fonts/raleway-latin-ext.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Raleway";
	src: url("fonts/raleway-latin.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Proje sayfalarıyla (takip) aynı renkler ve tip ölçeği */
:root {
	--zemin: #ffffff;
	--zemin-ince: #e2e8ee;
	--zemin-koyu: #d3dce4;
	--koyu: #1f2a33;
	--ana: #2d3942;
	--ikincil: #52626e;
	--cizgi: #c6d0d9;
	--vurgu: #0e9f8f;
	--vurgu-koyu: #0b7f73;
	--vurgu-acik: #e3f5f2;
	--genislik: 1120px;
	/* Yan boşluk ekranın yüzdesi: geniş ekranda orantılı büyür, içerik 1120 px ile sınırlı kalır */
	--kenar: clamp(24px, 10vw, 400px);
	/* Tip ölçeği (1.333 oran): h4 2.369 · h5 1.777 · h6 1.333 · p 1 · small 0.75 */
	--t-giris: 2.369rem;
	--t-bolum: 1.777rem;
	--t-alt: 1.333rem;
	--t-metin: 1rem;
	--t-yardimci: 0.875rem;
	--t-kucuk: 0.75rem;
	--baslik-font: "Raleway", "Segoe UI", system-ui, sans-serif;
	--govde-font: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 76px;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--zemin);
	color: var(--koyu);
	font: 400 var(--t-metin)/1.7 var(--govde-font);
	-webkit-font-smoothing: antialiased;
	overflow-wrap: break-word;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

h1, h2, h3 {
	margin: 0;
	color: var(--ana);
	font-family: var(--baslik-font);
	line-height: 1.2;
	font-variant-numeric: lining-nums;
	font-feature-settings: "lnum";
}

a {
	color: inherit;
}

:focus-visible {
	outline: 3px solid var(--vurgu);
	outline-offset: 3px;
}

.gizli {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.atla {
	position: absolute;
	left: 16px;
	top: -48px;
	z-index: 30;
	padding: 8px 14px;
	border-radius: 8px;
	background: var(--ana);
	color: #fff;
	text-decoration: none;
}

.atla:focus {
	top: 12px;
}

.kap {
	width: min(var(--genislik), calc(100% - 2 * var(--kenar)));
	margin-inline: auto;
}

.etiket {
	margin: 0 0 12px;
	color: var(--vurgu-koyu);
	font-size: var(--t-kucuk);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* ---------- butonlar ---------- */
.dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	border: 1px solid var(--ana);
	border-radius: 10px;
	background: var(--ana);
	color: #fff;
	font-size: var(--t-yardimci);
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.dugme:hover {
	background: var(--koyu);
}

.dugme.ikincil {
	background: transparent;
	color: var(--ana);
}

.dugme.ikincil:hover {
	background: #fff;
}

.dugme.kucuk {
	min-height: 36px;
	padding: 0 14px;
}

/* ---------- üst çubuk ---------- */
.ust {
	position: sticky;
	top: 0;
	z-index: 20;
	border-bottom: 1px solid var(--cizgi);
	background: rgb(255 255 255 / 0.92);
	backdrop-filter: blur(8px);
}

.ust-ic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 64px;
	gap: 16px;
}

.marka {
	font-family: var(--baslik-font);
	font-weight: 800;
	color: var(--ana);
	text-decoration: none;
	white-space: nowrap;
}

.ust-nav {
	display: flex;
	align-items: center;
	gap: 28px;
	font-size: var(--t-yardimci);
}

.ust-nav a:not(.dugme) {
	color: var(--ikincil);
	text-decoration: none;
}

.ust-nav a:not(.dugme):hover {
	color: var(--ana);
}

.menu-dugme {
	display: none;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--cizgi);
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
}

.menu-cizgi,
.menu-cizgi::before,
.menu-cizgi::after {
	display: block;
	width: 18px;
	height: 2px;
	margin-inline: auto;
	border-radius: 2px;
	background: var(--ana);
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.menu-cizgi {
	position: relative;
}

.menu-cizgi::before,
.menu-cizgi::after {
	content: "";
	position: absolute;
	left: 0;
}

.menu-cizgi::before { top: -6px; }
.menu-cizgi::after { top: 6px; }

.menu-dugme[aria-expanded="true"] .menu-cizgi { background: transparent; }
.menu-dugme[aria-expanded="true"] .menu-cizgi::before { transform: translateY(6px) rotate(45deg); }
.menu-dugme[aria-expanded="true"] .menu-cizgi::after { transform: translateY(-6px) rotate(-45deg); }

/* ---------- giriş ---------- */
.giris {
	padding: 88px 0;
	border-bottom: 1px solid var(--cizgi);
	background: var(--zemin-ince);
}

.giris-ic {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 64px;
}

.giris h1 {
	font-size: var(--t-giris);
	font-weight: 800;
}

.giris-alt {
	max-width: 36rem;
	margin: 16px 0 0;
	color: var(--ikincil);
}

.giris-dugmeler {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.profil {
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 280px;
	aspect-ratio: 4 / 5;
	border-radius: 20px;
	background: linear-gradient(160deg, var(--ana), #3f5361);
	box-shadow: 0 24px 60px rgb(31 42 51 / 0.18);
}

.profil img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profil-harf {
	color: rgb(255 255 255 / 0.85);
	font-family: var(--baslik-font);
	font-size: 4rem;
	font-weight: 800;
	letter-spacing: 0.04em;
}

/* ---------- bölümler ---------- */
.bolum {
	padding: 96px 0;
	border-bottom: 1px solid var(--cizgi);
}

.bolum.gri {
	background: var(--zemin-ince);
}

.bolum h2 {
	font-size: var(--t-bolum);
	font-weight: 800;
}

.bolum-alt {
	max-width: 680px;
	margin: 16px 0 0;
	color: var(--ikincil);
}

/* ---------- projeler ---------- */
.projeler {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	margin-top: 48px;
}

.ikon {
	width: 18px;
	height: 18px;
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Kartın tamamı tıklanabilir: "Önizle" düğmesinin yüzeyi kartı kaplar, dış bağlantı onun üstünde durur */
.proje {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--cizgi);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 2px rgb(31 42 51 / 0.06), 0 6px 18px rgb(31 42 51 / 0.06);
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.proje:has(.proje-onizle:hover) {
	border-color: #a9b6c2;
	box-shadow: 0 2px 4px rgb(31 42 51 / 0.06), 0 18px 40px rgb(31 42 51 / 0.12);
}

.proje:has(.proje-onizle:focus-visible) {
	outline: 3px solid var(--vurgu);
	outline-offset: 3px;
}

/* Ekran görüntüsü gri bir paspartu içinde: kartın metninden ayrı bir nesne gibi durur */
.proje-gorsel {
	position: relative;
	padding: 24px 24px 0;
	border-bottom: 1px solid var(--cizgi);
	background: var(--zemin-ince);
}

.proje-gorsel img {
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px 8px 0 0;
	object-fit: cover;
	object-position: top left;
	box-shadow: 0 0 0 1px rgb(31 42 51 / 0.12), 0 10px 28px rgb(31 42 51 / 0.14);
}

.proje-ipucu {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 999px;
	background: rgb(255 255 255 / 0.95);
	box-shadow: 0 8px 24px rgb(31 42 51 / 0.18);
	color: var(--ana);
	font-size: var(--t-yardimci);
	font-weight: 700;
	opacity: 0;
	transform: translate(-50%, -40%);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.proje:has(.proje-onizle:hover) .proje-ipucu {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.proje-govde {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 24px 26px 22px;
}

.proje h3 {
	font-size: var(--t-alt);
	font-weight: 800;
}

.proje-govde > p {
	margin: 10px 0 0;
	color: var(--ikincil);
}

.etiketler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.proje .etiketler {
	margin-bottom: 22px;
}

.etiketler li {
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--zemin-ince);
	color: var(--ana);
	font-size: var(--t-kucuk);
	font-weight: 600;
}

.proje-not {
	margin: -8px 0 22px !important;
	font-size: var(--t-yardimci);
}

.proje-eylemler {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid var(--cizgi);
}

.proje-onizle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	border: 0;
	background: none;
	color: var(--ana);
	font: inherit;
	font-size: var(--t-yardimci);
	font-weight: 700;
	cursor: pointer;
}

.proje-onizle::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.proje-onizle:focus-visible {
	outline: none;
}

/* Siteden çıkışın tek yolu: ayrı renkte, adresi yazan, yeni sekmede açılan bağlantı */
.dis-baglanti {
	position: relative;
	z-index: 2;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 8px 14px 7px;
	border: 1px solid var(--vurgu-koyu);
	border-radius: 10px;
	background: var(--vurgu-acik);
	color: var(--vurgu-koyu);
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dis-metin {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--t-yardimci);
	font-weight: 700;
}

.dis-metin .ikon {
	width: 15px;
	height: 15px;
	transition: transform 0.2s ease;
}

.dis-adres {
	font-size: var(--t-kucuk);
	opacity: 0.85;
}

.dis-baglanti:hover {
	background: var(--vurgu-koyu);
	color: #fff;
}

.dis-baglanti:hover .dis-metin .ikon {
	transform: translate(2px, -2px);
}

/* ---------- proje önizleme penceresi ---------- */
html.kilitli {
	overflow: hidden;
}

.onizleme {
	width: min(1040px, calc(100vw - 32px));
	max-width: none;
	max-height: calc(100dvh - 32px);
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: #fff;
	color: var(--koyu);
	box-shadow: 0 30px 80px rgb(31 42 51 / 0.35);
}

.onizleme::backdrop {
	background: rgb(31 42 51 / 0.6);
}

.onizleme[open] {
	animation: pencere-gir 0.2s ease;
}

@keyframes pencere-gir {
	from { opacity: 0; transform: translateY(12px); }
}

.onizleme-ust {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 26px 18px;
}

.onizleme-ust .etiket {
	margin-bottom: 6px;
}

.onizleme-ust h2 {
	font-size: var(--t-alt);
	font-weight: 800;
}

.onizleme-kapat {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	flex: none;
	border: 1px solid var(--cizgi);
	border-radius: 10px;
	background: #fff;
	color: var(--ana);
	cursor: pointer;
}

.onizleme-kapat:hover {
	background: var(--zemin-ince);
}

/* Görsel, ekran yüksekliğine sığacak kadar daralır */
.slider {
	position: relative;
	padding: 20px 26px;
	border-block: 1px solid var(--cizgi);
	background: var(--zemin-ince);
}

.slider-iz {
	display: flex;
	width: min(100%, calc((100dvh - 330px) * 1.6));
	margin: 0 auto;
	padding: 0;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	list-style: none;
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgb(31 42 51 / 0.12), 0 10px 28px rgb(31 42 51 / 0.14);
}

.slider-iz::-webkit-scrollbar {
	display: none;
}

.slider-iz li {
	flex: 0 0 100%;
	scroll-snap-align: start;
}

.slider-iz img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background: #fff;
}

.slider-ok {
	position: absolute;
	top: 50%;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--cizgi);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 6px 18px rgb(31 42 51 / 0.18);
	color: var(--ana);
	cursor: pointer;
	transform: translateY(-50%);
}

.slider-ok:hover {
	background: var(--zemin-ince);
}

.slider-ok:disabled {
	opacity: 0;
	pointer-events: none;
}

.slider-ok.onceki { left: 10px; }
.slider-ok.sonraki { right: 10px; }

.onizleme-bilgi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 26px;
	border-bottom: 1px solid var(--cizgi);
}

.slayt-aciklama {
	margin: 0;
	color: var(--ana);
	font-size: var(--t-yardimci);
}

.slider-noktalar {
	display: flex;
	flex: none;
	gap: 4px;
}

.slider-noktalar button {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.slider-noktalar button::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--cizgi);
	transition: background-color 0.2s ease, width 0.2s ease;
}

.slider-noktalar button[aria-current="true"]::before {
	width: 18px;
	border-radius: 4px;
	background: var(--vurgu-koyu);
}

.onizleme-alt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 18px 26px 22px;
}

.onizleme-ozet {
	max-width: 56ch;
	margin: 0;
	color: var(--ikincil);
	font-size: var(--t-yardimci);
}

.onizleme-eylemler {
	display: flex;
	flex: none;
	align-items: center;
	gap: 12px;
}

/* ---------- yetkinlikler ---------- */
.yetkinlikler {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin-top: 40px;
}

.yetkinlik {
	padding: 28px;
	border: 1px solid var(--cizgi);
	border-radius: 16px;
	background: #fff;
}

.yetkinlik h3 {
	font-size: var(--t-alt);
	font-weight: 800;
}

.yetkinlik ul {
	display: grid;
	gap: 10px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.yetkinlik li {
	position: relative;
	padding-left: 22px;
	color: var(--ikincil);
}

.yetkinlik li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.62em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--vurgu);
}

/* ---------- deneyim ---------- */
.zaman {
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}

/* Top tarih satırının ortasında durur; çizgi her toptan bir sonrakine, iki uçta boşluk bırakarak uzanır */
.zaman li {
	--top: 14px;
	--top-ust: 5px;
	--top-sol: 4px;
	--aralik: 8px;
	position: relative;
	padding: 0 0 40px 44px;
}

.zaman li:last-child {
	padding-bottom: 0;
}

.zaman li::before {
	content: "";
	position: absolute;
	top: var(--top-ust);
	left: var(--top-sol);
	box-sizing: border-box;
	width: var(--top);
	height: var(--top);
	border: 2px solid var(--vurgu);
	border-radius: 50%;
	background: #fff;
}

.zaman li:first-child::before {
	background: var(--vurgu);
	box-shadow: 0 0 0 4px var(--vurgu-acik);
}

.zaman li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: calc(var(--top-ust) + var(--top) + var(--aralik));
	bottom: calc(var(--aralik) - var(--top-ust));
	left: calc(var(--top-sol) + var(--top) / 2 - 1px);
	width: 2px;
	border-radius: 2px;
	background: var(--cizgi);
}

.zaman-tarih {
	margin: 0 0 6px;
	color: var(--ikincil);
	font-size: var(--t-yardimci);
}

.zaman h3 {
	font-size: var(--t-alt);
	font-weight: 800;
}

.zaman-kurum {
	margin: 4px 0 0;
	color: var(--ana);
	font-weight: 600;
}

.zaman li > p:last-child {
	margin: 8px 0 0;
	max-width: 680px;
	color: var(--ikincil);
}

.egitim {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	margin-top: 56px;
	padding-top: 40px;
	border-top: 1px solid var(--cizgi);
}

.egitim h3 {
	font-size: var(--t-metin);
	font-weight: 800;
}

.egitim p:not(.etiket) {
	margin: 6px 0 0;
	color: var(--ikincil);
}

/* ---------- iletişim ---------- */
.iletisim {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
	gap: 48px;
}

.iletisim-liste {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--cizgi);
	border-radius: 16px;
	background: #fff;
}

.iletisim-liste li {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 16px 22px;
	border-bottom: 1px solid var(--cizgi);
}

.iletisim-liste li:last-child {
	border-bottom: 0;
}

.iletisim-liste span {
	color: var(--ikincil);
	font-size: var(--t-kucuk);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.iletisim-liste a,
.iletisim-liste p {
	margin: 0;
	color: var(--ana);
	font-weight: 600;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.iletisim-liste a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---------- alt ---------- */
.alt {
	padding: 28px 0;
	background: var(--zemin-koyu);
	font-size: var(--t-yardimci);
}

.alt-ic {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: var(--ikincil);
}

.alt p {
	margin: 0;
}

.alt a {
	color: var(--ana);
	font-weight: 700;
	text-decoration: none;
}

/* ---------- sakin beliriş (yalnız JS varsa) ---------- */
.js .beliren {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.js .beliren.gorunur {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.js .beliren { opacity: 1; transform: none; transition: none; }
	.menu-cizgi, .menu-cizgi::before, .menu-cizgi::after { transition: none; }
	.onizleme[open] { animation: none; }
	.proje-ipucu, .dis-metin .ikon { transition: none; }
}

/* ================= RESPONSIVE ================= */

/* Laptop: boşluklar daralır */
@media (max-width: 1100px) {
	.giris-ic { gap: 48px; }
	.profil { width: 240px; }
	.projeler { gap: 32px; }
	.yetkinlikler { gap: 22px; }
	.proje-gorsel { padding: 18px 18px 0; }
}

/* Tablet: giriş tek sütun, menü açılır kapanır */
@media (max-width: 860px) {
	:root { --kenar: 6vw; }
	.giris { padding: 56px 0 64px; }
	.giris-ic { grid-template-columns: 1fr; gap: 32px; }
	.profil { order: -1; width: 160px; border-radius: 16px; }
	.profil-harf { font-size: 2.6rem; }
	.bolum { padding: 72px 0; }
	.iletisim { grid-template-columns: 1fr; gap: 28px; }

	.menu-dugme { display: grid; place-items: center; }
	.ust-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 8px var(--kenar) 20px;
		border-bottom: 1px solid var(--cizgi);
		background: #fff;
		box-shadow: 0 18px 30px rgb(31 42 51 / 0.08);
		font-size: var(--t-metin);
	}
	.ust-nav.acik { display: flex; }
	.ust-nav a:not(.dugme) { padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
	.ust-nav .dugme { margin-top: 16px; min-height: 44px; }
}

/* Telefon: projeler ve yetkinlikler tek sütun */
@media (max-width: 640px) {
	:root { --kenar: 20px; --t-giris: 1.777rem; --t-bolum: 1.5rem; }
	.projeler,
	.yetkinlikler,
	.egitim { grid-template-columns: 1fr; }
	.projeler { gap: 28px; margin-top: 32px; }
	.proje-govde { padding: 20px; }

	.onizleme { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 14px; }
	.onizleme-ust { padding: 18px 18px 14px; }
	.slider { padding: 12px; }
	.slider-ok { width: 36px; height: 36px; }
	.slider-ok.onceki { left: 4px; }
	.slider-ok.sonraki { right: 4px; }
	.onizleme-bilgi { padding: 12px 18px; }
	.onizleme-alt { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px 18px 18px; }
	.onizleme-eylemler { justify-content: space-between; }
	.yetkinlik { padding: 22px; }
	.egitim { gap: 24px; margin-top: 40px; padding-top: 32px; }
	.iletisim-liste li { grid-template-columns: 1fr; gap: 2px; padding: 14px 18px; }
}

/* Küçük telefon */
@media (max-width: 400px) {
	:root { --kenar: 16px; }
	.giris-dugmeler .dugme { flex: 1 1 100%; }
	.profil { width: 128px; }
	.zaman li { padding-left: 34px; }
}