/* Kampüsio tanıtım sitesi · v2 (Ekim 2026)
   Marka: #2E5BFF → #00D4FF gradyan, lacivert #08111C (docs/marka/kampusio-marka-kiti.md).
   Yazı: Schibsted Grotesk (başlık), Inter (gövde), JetBrains Mono (küçük etiketler). */

:root {
	--lacivert: #08111C;
	--lacivert-2: #0D1828;
	--lacivert-3: #13233A;
	--cizgi-koyu: rgb(141 169 198 / 18%);
	--yazi-koyu-soluk: #8DA9C6;

	--mavi: #2E5BFF;
	--mavi-koyu: #1F45D6;
	--camgobegi: #00D4FF;
	--gradyan: linear-gradient(120deg, #2E5BFF 0%, #00D4FF 100%);
	--mavi-soluk: rgb(46 91 255 / 9%);

	--zemin: #F4F7FB;
	--beyaz: #FFFFFF;
	--murekkep: #0B1524;
	--govde: #33445A;
	--soluk: #5B6B80;
	--cizgi: #DCE5F0;
	--cizgi-acik: #E8EEF6;

	--sicak: #E5484D;
	--sicak-z: #FDECEC;
	--ilik: #C77700;
	--ilik-z: #FFF4E0;
	--soguk: #2F6FDB;
	--soguk-z: #E7F0FF;
	--yesil: #12935A;
	--yesil-z: #E3F6EC;

	--yazi-baslik: "Schibsted Grotesk", "Inter", system-ui, sans-serif;
	--yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--yazi-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

	--yaricap: 14px;
	--yaricap-b: 22px;
	--golge-1: 0 1px 2px rgb(8 17 28 / 6%), 0 4px 14px rgb(8 17 28 / 6%);
	--golge-2: 0 2px 6px rgb(8 17 28 / 8%), 0 24px 60px -12px rgb(8 17 28 / 22%);
	--golge-koyu: 0 30px 80px -20px rgb(0 0 0 / 60%), 0 0 0 1px rgb(255 255 255 / 6%);

	--kenar: clamp(16px, 4vw, 32px);
	--ust-yuk: 68px;
}

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--ust-yuk) + 12px);
}

body {
	margin: 0;
	background: var(--zemin);
	color: var(--govde);
	font-family: var(--yazi-govde);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

img, svg { display: block; max-width: 100%; }
h1, h2, h3, h4 { margin: 0; color: var(--murekkep); font-family: var(--yazi-baslik); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: inherit; }
b, strong { font-weight: 600; color: var(--murekkep); }

:focus-visible { outline: 2px solid var(--mavi); outline-offset: 3px; border-radius: 6px; }

.kap { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: var(--kenar); }

.atla {
	position: absolute; left: 12px; top: -60px; z-index: 100;
	background: var(--beyaz); color: var(--murekkep); padding: 10px 14px; border-radius: 10px;
	font-weight: 600; text-decoration: none; box-shadow: var(--golge-2);
}
.atla:focus { top: 12px; }

/* ───────────── Düğmeler ───────────── */

.dugme {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 0 22px;
	border: 0; border-radius: 12px;
	background: var(--mavi); color: #fff;
	font: 600 15.5px/1 var(--yazi-govde); letter-spacing: -0.005em;
	text-decoration: none; cursor: pointer;
	box-shadow: 0 1px 0 rgb(255 255 255 / 18%) inset, 0 8px 22px -8px rgb(46 91 255 / 70%);
	transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.dugme:hover { background: var(--mavi-koyu); transform: translateY(-1px); }
.dugme:active { transform: translateY(0); }
.dugme:disabled { opacity: .7; cursor: default; transform: none; }
.dugme-kucuk { min-height: 40px; padding: 0 16px; font-size: 14.5px; border-radius: 10px; }
.dugme-hayalet {
	background: rgb(255 255 255 / 6%); color: #fff;
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 18%);
}
.dugme-hayalet:hover { background: rgb(255 255 255 / 12%); }
.dugme-genis { width: 100%; }

/* ───────────── Üst çubuk ───────────── */

.ust {
	position: fixed; inset: 0 0 auto 0; z-index: 50;
	height: var(--ust-yuk);
	transition: background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}
.ust.kaydi {
	background: rgb(8 17 28 / 82%);
	backdrop-filter: saturate(160%) blur(14px);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	box-shadow: 0 1px 0 var(--cizgi-koyu);
}
.ust-ic { height: 100%; display: flex; align-items: center; gap: 28px; }
.marka img { height: 26px; width: auto; }
.ust-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.ust-nav a {
	color: #C9D6E6; text-decoration: none; font-size: 14.5px; font-weight: 500;
	padding: 8px 12px; border-radius: 8px; transition: color .15s, background .15s;
}
.ust-nav a:hover { color: #fff; background: rgb(255 255 255 / 6%); }
.ust-giris { margin-left: 6px; }
.ust-sag { display: flex; align-items: center; gap: 10px; }
.menu-dugme {
	display: none; width: 42px; height: 42px; border: 0; border-radius: 10px;
	background: rgb(255 255 255 / 7%); cursor: pointer; position: relative;
}
.menu-dugme span {
	position: absolute; left: 12px; right: 12px; height: 2px; border-radius: 2px; background: #fff;
	transition: transform .2s ease, top .2s ease;
}
.menu-dugme span:first-child { top: 16px; }
.menu-dugme span:last-child { top: 24px; }
.menu-dugme[aria-expanded="true"] span:first-child { top: 20px; transform: rotate(45deg); }
.menu-dugme[aria-expanded="true"] span:last-child { top: 20px; transform: rotate(-45deg); }

/* ───────────── Hero ───────────── */

.hero {
	position: relative; overflow: hidden;
	background: var(--lacivert); color: #C9D6E6;
	padding: calc(var(--ust-yuk) + 64px) 0 112px;
	isolation: isolate;
}
.hero-zemin {
	position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient(60% 55% at 78% 30%, rgb(46 91 255 / 32%), transparent 70%),
		radial-gradient(40% 40% at 95% 85%, rgb(0 212 255 / 16%), transparent 70%),
		radial-gradient(50% 50% at 0% 0%, rgb(46 91 255 / 12%), transparent 70%);
}
.hero-zemin::after {
	content: ""; position: absolute; inset: 0;
	background-image:
		linear-gradient(rgb(141 169 198 / 7%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(141 169 198 / 7%) 1px, transparent 1px);
	background-size: 56px 56px;
	mask-image: radial-gradient(70% 70% at 60% 40%, #000 30%, transparent 85%);
	-webkit-mask-image: radial-gradient(70% 70% at 60% 40%, #000 30%, transparent 85%);
}
.hero::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
	background: linear-gradient(90deg, transparent, rgb(0 212 255 / 40%), transparent);
}
.hero-ic {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
	gap: 56px; align-items: center;
}
.rozet {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 7px 14px 7px 10px; border-radius: 999px;
	background: rgb(255 255 255 / 5%); box-shadow: inset 0 0 0 1px var(--cizgi-koyu);
	font: 500 13px/1.3 var(--yazi-govde); color: #C9D6E6;
}
.rozet-nokta {
	width: 8px; height: 8px; border-radius: 50%; background: var(--camgobegi); flex: none;
	box-shadow: 0 0 0 4px rgb(0 212 255 / 16%);
}
.hero h1 {
	margin-top: 22px; color: #fff;
	font-size: clamp(2.3rem, 4.3vw, 3.55rem); font-weight: 800; letter-spacing: -0.024em; line-height: 1.06;
}
.vurgu {
	background: var(--gradyan); -webkit-background-clip: text; background-clip: text; color: transparent;
	padding-right: .04em;
}
.hero-alt { margin-top: 22px; max-width: 34em; font-size: 18px; line-height: 1.6; color: #B4C4D8; }
.hero-eylem { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }
.hero-gercek { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; color: var(--yazi-koyu-soluk); }
.hero-gercek li { display: inline-flex; align-items: center; gap: 8px; }
.hero-gercek li::before {
	content: ""; width: 16px; height: 16px; flex: none; border-radius: 50%;
	background: rgb(0 212 255 / 14%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.9' fill='none' stroke='%2300D4FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
}

/* Hero maketi */
.hero-maket { position: relative; padding: 8px 0 40px; }
.pencere {
	background: var(--beyaz); border-radius: 16px; overflow: hidden;
	box-shadow: var(--golge-koyu);
	color: var(--govde); font-size: 13px; line-height: 1.45;
}
.pencere-ust {
	display: flex; align-items: center; gap: 14px; height: 38px; padding: 0 14px;
	background: #EEF2F8; border-bottom: 1px solid var(--cizgi);
}
.nokta3 { display: flex; gap: 6px; }
.nokta3 i { width: 10px; height: 10px; border-radius: 50%; background: #CBD5E3; }
.adres {
	flex: 1; max-width: 300px; margin-inline: auto; transform: translateX(-26px);
	background: var(--beyaz); border-radius: 7px; padding: 3px 10px;
	font: 500 11.5px/1.5 var(--yazi-mono); color: var(--soluk); text-align: center;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pencere-govde { display: grid; grid-template-columns: 38% 62%; min-height: 410px; }

.mk-liste { background: #F7F9FC; border-right: 1px solid var(--cizgi); }
.mk-liste-bas { padding: 14px 14px 10px; border-bottom: 1px solid var(--cizgi-acik); }
.mk-liste-bas strong { display: block; font-size: 13.5px; color: var(--murekkep); }
.mk-sekme { font-size: 11px; color: var(--soluk); }
.mk-liste li {
	display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center;
	padding: 11px 14px; border-bottom: 1px solid var(--cizgi-acik);
}
.mk-liste li.secili { background: var(--beyaz); box-shadow: inset 3px 0 0 var(--mavi); }
.mk-kisi { min-width: 0; }
.mk-kisi b, .mk-kisi small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-kisi b { font-size: 12.5px; }
.mk-kisi small { font-size: 11.5px; color: var(--soluk); }
.mk-yan { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.mk-yan time { font-size: 10.5px; color: var(--soluk); }

.av {
	display: inline-grid; place-items: center; flex: none;
	width: 32px; height: 32px; border-radius: 50%;
	font: 600 11px/1 var(--yazi-govde); color: #fff;
}
.av-1 { background: linear-gradient(135deg, #2E5BFF, #00B7E8); }
.av-2 { background: linear-gradient(135deg, #7C5CFF, #B07CFF); }
.av-3 { background: linear-gradient(135deg, #F08A3C, #F2B33D); }
.av-4 { background: linear-gradient(135deg, #12935A, #3CC48A); }
.av-mini { width: 22px; height: 22px; font-size: 10px; }

.etk { font: 600 9.5px/1 var(--yazi-govde); font-style: normal; padding: 3px 6px; border-radius: 5px; letter-spacing: .01em; }
.etk-reklam { background: var(--mavi-soluk); color: var(--mavi); }
.etk-yorum { background: var(--ilik-z); color: var(--ilik); }
.etk-dm { background: #EEF1F6; color: var(--soluk); }
.etk-story { background: #FCE8F3; color: #C0307E; }

.mk-sohbet { display: flex; flex-direction: column; min-width: 0; }
.mk-sohbet-bas {
	display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi-acik);
}
.mk-sohbet-bas b, .mk-sohbet-bas small { display: block; }
.mk-sohbet-bas b { font-size: 13px; }
.mk-sohbet-bas small { font-size: 11px; color: var(--soluk); }
.mk-sohbet-bas > span:nth-child(2) { min-width: 0; flex: 1; }
.mk-devral {
	margin-left: auto; font-size: 11.5px; font-weight: 600; color: var(--murekkep);
	padding: 5px 10px; border-radius: 7px; box-shadow: inset 0 0 0 1px var(--cizgi);
}
.mk-mesajlar { display: flex; flex-direction: column; gap: 8px; padding: 16px; background: #FBFCFE; flex: 1; }
.balon { max-width: 82%; padding: 9px 12px; border-radius: 14px; font-size: 12.5px; }
.balon.gelen { background: #EEF2F8; color: var(--murekkep); border-bottom-left-radius: 4px; }

.taslak {
	margin-top: 6px; align-self: flex-end; width: 90%;
	padding: 12px; border-radius: 14px 14px 4px 14px;
	background: linear-gradient(var(--beyaz), var(--beyaz)) padding-box, var(--gradyan) border-box;
	border: 1.5px dashed transparent;
	box-shadow: 0 10px 24px -14px rgb(46 91 255 / 55%);
}
.taslak-bas { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; color: var(--mavi); }
.taslak-bas small { font-weight: 500; color: var(--soluk); }
.yz-im {
	width: 14px; height: 14px; flex: none; border-radius: 4px; background: var(--gradyan);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.8 6.2L16 8l-6.2 1.8L8 16l-1.8-6.2L0 8l6.2-1.8z'/%3E%3C/svg%3E") center/contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.8 6.2L16 8l-6.2 1.8L8 16l-1.8-6.2L0 8l6.2-1.8z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.taslak-metin { margin-top: 7px; font-size: 12.5px; color: var(--murekkep); min-height: 3.6em; }
.taslak-metin.yaziyor::after {
	content: ""; display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: -2px;
	background: var(--mavi); animation: imlec 1s steps(1) infinite;
}
@keyframes imlec { 50% { opacity: 0; } }
.taslak-eylem { display: flex; justify-content: flex-end; gap: 6px; margin-top: 10px; }

.mini-d {
	display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 7px;
	font: 600 11px/1 var(--yazi-govde); color: var(--murekkep); background: var(--beyaz);
	box-shadow: inset 0 0 0 1px var(--cizgi); white-space: nowrap;
}
.mini-d-dolu { background: var(--mavi); color: #fff; box-shadow: none; }

.kart-yuzen {
	position: absolute; background: var(--beyaz); border-radius: 14px; box-shadow: var(--golge-koyu);
	color: var(--govde); font-size: 12px;
}
.aday-kart { left: -36px; bottom: -8px; width: 228px; padding: 14px; }
.ak-bas { display: flex; align-items: center; gap: 10px; }
.ak-bas b, .ak-bas small { display: block; }
.ak-bas b { font-size: 13px; }
.ak-bas small { font-size: 11px; color: var(--soluk); }
.ak-etiketler { display: flex; gap: 6px; margin-top: 12px; }
.sicaklik, .asama { font: 600 10.5px/1 var(--yazi-govde); padding: 5px 8px; border-radius: 999px; }
.sicaklik::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.sicak { background: var(--sicak-z); color: var(--sicak); }
.ilik { background: var(--ilik-z); color: var(--ilik); }
.soguk { background: var(--soguk-z); color: var(--soguk); }
.asama { background: #EEF1F6; color: var(--murekkep); }
.ak-alan { margin: 12px 0 0; display: grid; gap: 6px; }
.ak-alan div { display: flex; justify-content: space-between; gap: 10px; }
.ak-alan dt { color: var(--soluk); }
.ak-alan dd { margin: 0; font-weight: 600; color: var(--murekkep); }
.ak-adim {
	margin-top: 12px; padding: 9px 10px; border-radius: 9px; background: var(--mavi-soluk);
	font-weight: 600; color: var(--mavi);
}
.ak-adim span { display: block; font: 500 10.5px/1.4 var(--yazi-govde); color: var(--soluk); }

.bugun-cip { right: -26px; top: -20px; display: flex; align-items: center; gap: 10px; padding: 10px 14px 10px 10px; }
.bugun-cip b, .bugun-cip small { display: block; }
.bugun-cip b { font-size: 12.5px; }
.bugun-cip small { font-size: 11px; color: var(--soluk); }
.cip-im {
	display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px;
	background: var(--sicak-z); color: var(--sicak); font: 800 14px/1 var(--yazi-baslik);
}

/* ───────────── Güven satırı ───────────── */

.guven { background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.guven-liste { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.guven-liste li {
	display: flex; gap: 12px; align-items: flex-start; padding: 26px 18px;
	font-size: 13.5px; line-height: 1.45; color: var(--soluk);
}
.guven-liste li + li { border-left: 1px solid var(--cizgi-acik); }
.guven-liste b { display: block; font-size: 14.5px; margin-bottom: 2px; }
.guven-liste svg {
	width: 22px; height: 22px; flex: none; margin-top: 1px;
	fill: none; stroke: var(--mavi); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}

/* ───────────── Bölüm ortak ───────────── */

.bolum { padding: 112px 0; }
.bolum-bas { max-width: 720px; margin-bottom: 56px; }
.ust-yazi {
	display: inline-flex; align-items: center; gap: 8px;
	font: 600 12.5px/1 var(--yazi-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mavi);
}
.ust-yazi::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: var(--gradyan); }
.ust-yazi-acik { color: var(--camgobegi); }
.bolum-bas h2 { margin-top: 16px; font-size: clamp(1.95rem, 3.6vw, 2.9rem); letter-spacing: -0.022em; }
.bolum-alt { margin-top: 16px; font-size: 18px; color: var(--soluk); }

/* ───────────── Kimler için ───────────── */

.sektor-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sektor {
	display: flex; flex-direction: column;
	background: var(--beyaz); border-radius: var(--yaricap-b); padding: 28px;
	box-shadow: var(--golge-1), inset 0 0 0 1px var(--cizgi-acik);
}
.sektor-ust { font: 600 13px/1.3 var(--yazi-govde); color: var(--mavi); }
.sektor h3 { margin-top: 10px; font-size: 22px; }
.hat { display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0 24px; counter-reset: hat; }
.hat li {
	position: relative; padding: 6px 10px; border-radius: 8px;
	background: #F1F5FA; font-size: 12.5px; font-weight: 500; color: var(--murekkep);
}
.hat li:last-child { background: var(--yesil-z); color: var(--yesil); font-weight: 600; }
.sektor-alan { margin-top: auto; padding-top: 18px; border-top: 1px dashed var(--cizgi); font-size: 14px; color: var(--soluk); }
.sektor-alan span { display: block; font: 600 11.5px/1.6 var(--yazi-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--murekkep); margin-bottom: 4px; }

/* ───────────── Ürün özellikleri ───────────── */

.bolum-urun { background: var(--beyaz); border-block: 1px solid var(--cizgi); }
.ozellik {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 72px; align-items: center;
}
.ozellik + .ozellik { margin-top: 128px; }
.ozellik-ters .ozellik-metin { order: 2; }
.ozellik-no { font: 600 12.5px/1 var(--yazi-mono); letter-spacing: .03em; color: var(--soluk); }
.ozellik-metin h3 { margin-top: 14px; font-size: clamp(1.6rem, 2.6vw, 2.1rem); letter-spacing: -0.02em; line-height: 1.12; }
.ozellik-metin > p:not(.ozellik-no) { margin-top: 16px; font-size: 17px; color: var(--soluk); }
.tikli { margin-top: 24px; display: grid; gap: 12px; }
.tikli li { position: relative; padding-left: 30px; font-size: 15.5px; line-height: 1.55; }
.tikli li::before {
	content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 6px;
	background: var(--mavi-soluk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.3l2.6 2.6L14.2 7.3' fill='none' stroke='%232E5BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat;
}

.ozellik-maket {
	position: relative; border-radius: 26px; padding: clamp(20px, 3.4vw, 44px);
	background:
		radial-gradient(80% 80% at 100% 0%, rgb(0 212 255 / 14%), transparent 60%),
		radial-gradient(80% 80% at 0% 100%, rgb(46 91 255 / 12%), transparent 60%),
		#EEF3FA;
	box-shadow: inset 0 0 0 1px var(--cizgi-acik);
	overflow: hidden;
}
.mk-kart {
	background: var(--beyaz); border-radius: 16px; padding: 18px;
	box-shadow: var(--golge-2); font-size: 13px; color: var(--govde);
}
.mk-kart-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--cizgi-acik); }
.mk-kart-bas b { font-size: 14.5px; }
.mk-sekmeler { display: flex; gap: 4px; }
.mk-sekmeler i { font-style: normal; font-size: 11.5px; padding: 5px 8px; border-radius: 7px; color: var(--soluk); }
.mk-sekmeler i.aktif { background: var(--mavi-soluk); color: var(--mavi); font-weight: 600; }
.secim-grup { padding: 14px 0; border-bottom: 1px solid var(--cizgi-acik); }
.secim-etiket { display: block; font-size: 12px; font-weight: 600; color: var(--murekkep); margin-bottom: 9px; }
.bolmeli { display: grid; grid-template-columns: repeat(4, 1fr); padding: 3px; border-radius: 10px; background: #EEF1F6; }
.bolmeli i { font-style: normal; text-align: center; font-size: 11.5px; padding: 7px 4px; border-radius: 8px; color: var(--soluk); white-space: nowrap; }
.bolmeli i.aktif { background: var(--beyaz); color: var(--murekkep); font-weight: 600; box-shadow: var(--golge-1); }
.radyo { display: flex; gap: 10px; align-items: flex-start; padding: 7px 0; font-size: 12.5px; }
.radyo i { width: 16px; height: 16px; flex: none; margin-top: 1px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #B8C5D6; }
.radyo.aktif i { box-shadow: inset 0 0 0 5px var(--mavi); }
.radyo.aktif span { font-weight: 600; color: var(--murekkep); }
.radyo small { display: block; font-weight: 400; color: var(--soluk); font-style: italic; margin-top: 2px; }
.cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.cipler i {
	font-style: normal; font-size: 11.5px; padding: 6px 10px; border-radius: 999px;
	box-shadow: inset 0 0 0 1px var(--cizgi); color: var(--govde);
}
.cipler i.aktif { background: var(--mavi); color: #fff; box-shadow: none; font-weight: 600; }
.koruma { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: var(--yesil-z); color: #0B6B41; font-size: 12px; }
.kalkan {
	width: 16px; height: 16px; flex: none; margin-top: 1px; background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l9 3.4v6.5c0 5-3.8 9.3-9 10.1-5.2-.8-9-5.1-9-10.1V5.4z'/%3E%3C/svg%3E") center/contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l9 3.4v6.5c0 5-3.8 9.3-9 10.1-5.2-.8-9-5.1-9-10.1V5.4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Akış maketi */
.akis { display: flex; flex-direction: column; align-items: center; font-size: 12.5px; }
.dugum {
	width: 100%; max-width: 330px; padding: 12px 14px; border-radius: 13px;
	background: var(--beyaz); box-shadow: var(--golge-2); color: var(--murekkep);
}
.dugum b { display: block; font-weight: 600; line-height: 1.4; }
.dg-tur { display: block; margin-bottom: 4px; font: 600 10.5px/1.3 var(--yazi-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--soluk); }
.dugum-tetik { background: var(--lacivert); color: #fff; }
.dugum-tetik b { color: #fff; }
.dugum-tetik .dg-tur { color: var(--camgobegi); }
.dg-dugmeler { display: flex; gap: 6px; margin-top: 10px; }
.dg-dugmeler i { flex: 1; text-align: center; font-style: normal; font-weight: 600; font-size: 12px; padding: 7px; border-radius: 8px; background: var(--mavi-soluk); color: var(--mavi); }
.baglac { width: 2px; height: 22px; background: linear-gradient(var(--mavi), var(--camgobegi)); }
.dal { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; width: 100%; max-width: 440px; margin-top: 22px; padding-top: 22px; }
.dal::before { content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: 22px; border: 2px solid rgb(46 91 255 / 45%); border-bottom: 0; border-radius: 14px 14px 0 0; }
.dal::after { content: ""; position: absolute; top: -22px; left: calc(50% - 1px); width: 2px; height: 22px; background: rgb(46 91 255 / 45%); }
.dal-kol { display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
.dal-ad { align-self: center; font: 600 11px/1 var(--yazi-mono); padding: 5px 9px; border-radius: 999px; background: var(--lacivert); color: #fff; }
.dugum-kucuk { padding: 10px 12px; font-size: 12px; }
.dugum-bekle { background: #FFFBF2; box-shadow: var(--golge-1), inset 0 0 0 1px #F3DDB0; }
.dugum-bekle .dg-tur { color: var(--ilik); }
.akis-alt { display: flex; align-items: center; gap: 8px; margin-top: 22px; font-size: 12px; color: var(--soluk); }
.durum-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 4px var(--yesil-z); }

/* Bugün maketi */
.sayac { font: 600 11.5px/1 var(--yazi-mono); padding: 5px 8px; border-radius: 7px; background: var(--mavi-soluk); color: var(--mavi); }
.is-liste li { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--cizgi-acik); }
.is-tur { justify-self: start; font: 600 10.5px/1 var(--yazi-govde); padding: 5px 7px; border-radius: 6px; white-space: nowrap; }
.tur-yeni { background: var(--sicak-z); color: var(--sicak); }
.tur-randevu { background: var(--mavi-soluk); color: var(--mavi); }
.tur-sonuc { background: var(--ilik-z); color: var(--ilik); }
.tur-cevapsiz { background: #EEF1F6; color: var(--soluk); }
.is-ad { min-width: 0; }
.is-ad b, .is-ad small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.is-ad b { font-size: 13px; }
.is-ad em { font-style: normal; font-weight: 500; font-size: 10.5px; padding: 2px 6px; border-radius: 5px; background: #F3EEFF; color: #6A4BD8; margin-left: 4px; }
.is-ad small { font-size: 11.5px; color: var(--soluk); }
.temas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: #F6F8FB; font-size: 12px; }
.temas span { margin-right: 4px; color: var(--soluk); }
.temas i { font-style: normal; font-weight: 600; font-size: 11.5px; padding: 6px 10px; border-radius: 8px; background: var(--beyaz); box-shadow: inset 0 0 0 1px var(--cizgi); color: var(--murekkep); }
.temas i.aktif { background: var(--yesil); color: #fff; box-shadow: none; }

/* Kanban maketi */
.kanban { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; font-size: 12px; }
.kanban .kb-sutun:nth-child(4) { display: none; }
.kb-sutun { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 13px; background: rgb(255 255 255 / 55%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 80%); }
.kb-bas { display: flex; justify-content: space-between; font-weight: 600; color: var(--murekkep); font-size: 12px; padding: 2px 2px 4px; }
.kb-bas span { font: 600 11px/1.6 var(--yazi-mono); color: var(--soluk); }
.kb-kart { padding: 10px; border-radius: 10px; background: var(--beyaz); box-shadow: var(--golge-1); }
.kb-kart b, .kb-kart small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kb-kart b { font-size: 12.5px; }
.kb-kart small { font-size: 11px; color: var(--soluk); }
.kb-alt { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.kb-alt .sicaklik { font-size: 10px; padding: 4px 7px; white-space: nowrap; }
.kb-kart-surukle { transform: rotate(-2.5deg) translateY(-2px); box-shadow: var(--golge-2), 0 0 0 2px var(--mavi); }

/* Telefon maketi */
.telefon {
	width: 100%; max-width: 300px; margin-inline: auto; padding: 10px; border-radius: 40px;
	background: var(--lacivert); box-shadow: var(--golge-2), inset 0 0 0 1px rgb(255 255 255 / 8%);
}
.tel-ekran { position: relative; overflow: hidden; border-radius: 31px; background: var(--beyaz); padding: 26px 18px 0; font-size: 12px; }
.tel-bas { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--cizgi-acik); }
.tel-bas b, .tel-bas small { display: block; }
.tel-bas b { font-size: 13.5px; }
.tel-bas small { color: var(--soluk); font-size: 11px; }
.tel-logo { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #1B3A5C; color: #fff; font: 700 12px/1 var(--yazi-baslik); }
.tel-baslik { margin: 14px 0 8px; font-weight: 600; color: var(--murekkep); font-size: 12px; }
.gunler, .saatler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.gunler i, .saatler i { font-style: normal; text-align: center; padding: 7px 0; border-radius: 9px; box-shadow: inset 0 0 0 1px var(--cizgi); font-weight: 600; color: var(--murekkep); }
.gunler i small { display: block; font-weight: 500; color: var(--soluk); font-size: 10px; }
.gunler i.aktif, .saatler i.aktif { background: var(--mavi); color: #fff; box-shadow: none; }
.gunler i.aktif small { color: rgb(255 255 255 / 75%); }
.tel-onay { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; font-size: 11px; color: var(--soluk); }
.kutu-isaret { width: 15px; height: 15px; flex: none; border-radius: 4px; background: var(--mavi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.4 2.4L12 5.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat; }
.tel-dugme { display: block; margin-top: 12px; text-align: center; padding: 11px; border-radius: 11px; background: var(--mavi); color: #fff; font-weight: 600; font-size: 12.5px; }
.cerez { display: flex; align-items: center; gap: 6px; margin: 16px -18px 0; padding: 11px 14px 16px; background: var(--lacivert); color: #C9D6E6; font-size: 11px; }
.cerez span { margin-right: auto; }
.cerez i { font-style: normal; font-weight: 600; padding: 6px 9px; border-radius: 7px; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 20%); color: #fff; }
.cerez i.aktif { background: #fff; color: var(--lacivert); box-shadow: none; }

/* ───────────── Satış ve gelir ───────────── */

.gelir-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.gelir-kart {
	position: relative; background: var(--beyaz); border-radius: var(--yaricap-b); padding: 28px;
	box-shadow: var(--golge-1), inset 0 0 0 1px var(--cizgi-acik);
}
.gelir-kart h3 { font-size: 21px; }
.gelir-kart > p { margin-top: 10px; color: var(--soluk); font-size: 15px; }
.gelir-kart-genis { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 8px 40px; align-items: center; }
.gelir-kart-genis h3, .gelir-kart-genis > p:not(.mk-not) { grid-column: 1; }
.gelir-kart-genis .mk-tablo { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; }
.mk-hizmet { margin-top: 22px; display: grid; gap: 8px; font-size: 13.5px; }
.mk-hizmet li { display: flex; justify-content: space-between; gap: 12px; padding: 11px 14px; border-radius: 11px; background: #F6F8FB; }
.mk-hizmet span { color: var(--murekkep); font-weight: 500; }
.mk-hizmet b { font-weight: 500; color: var(--soluk); font-size: 12.5px; white-space: nowrap; }
.mk-hizmet b.ucretsiz { color: var(--yesil); font-weight: 600; }
.mk-taksit { margin-top: 22px; display: grid; gap: 8px; font-size: 13.5px; }
.tk-satir { display: flex; justify-content: space-between; gap: 12px; color: var(--murekkep); font-weight: 500; }
.tk-satir small { color: var(--soluk); font-size: 12.5px; }
.tk-satir small.gecikti { color: var(--sicak); font-weight: 600; }
.tk-cubuk { height: 8px; border-radius: 99px; background: #EEF1F6; overflow: hidden; margin-bottom: 8px; }
.tk-cubuk i { display: block; height: 100%; border-radius: inherit; background: var(--gradyan); }
.mk-tablo { margin-top: 22px; font-size: 13px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--cizgi-acik); overflow: hidden; }
.mt-satir { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 10px; align-items: center; padding: 11px 16px; border-top: 1px solid var(--cizgi-acik); color: var(--murekkep); font-variant-numeric: tabular-nums; }
.mt-satir > span { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mt-satir > span:first-child { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.mt-bas { border-top: 0; background: #F6F8FB; font: 600 11px/1.4 var(--yazi-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--soluk); }
.mt-cubuk { display: block; flex: 0 0 46px; height: 6px; border-radius: 99px; background: #EEF1F6; position: relative; overflow: hidden; }
.mt-cubuk::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--g); border-radius: inherit; background: var(--gradyan); }
.gelir-kart .mk-not { margin-top: 10px; text-align: right; font: 500 10.5px/1 var(--yazi-mono); color: #9AA9BC; }
.gelir-kart-genis .mk-not { grid-column: 2; grid-row: 4; margin-top: 0; }

.ek-liste { margin-top: 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ek-liste li { padding: 22px; border-radius: var(--yaricap); background: var(--beyaz); box-shadow: inset 0 0 0 1px var(--cizgi-acik); font-size: 14px; color: var(--soluk); }
.ek-liste b { display: block; margin-bottom: 6px; font-size: 15px; }

/* ───────────── Adımlar ───────────── */

.bolum-adimlar { background: var(--beyaz); border-block: 1px solid var(--cizgi); }
.adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: adim; }
.adimlar li { position: relative; padding: 30px 28px 30px; border-radius: var(--yaricap-b); background: var(--zemin); box-shadow: inset 0 0 0 1px var(--cizgi-acik); }
.adimlar li:not(:last-child)::after {
	content: ""; position: absolute; top: 50px; right: -20px; width: 20px; height: 2px;
	background: linear-gradient(90deg, var(--mavi), var(--camgobegi));
}
.adim-no {
	display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px;
	background: var(--lacivert); color: #fff; font: 700 17px/1 var(--yazi-baslik);
	box-shadow: inset 0 -3px 0 rgb(0 212 255 / 55%);
}
.adimlar h3 { margin-top: 22px; font-size: 21px; }
.adimlar p { margin-top: 10px; color: var(--soluk); font-size: 15.5px; }

/* ───────────── SSS ───────────── */

.sss-ic { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; }
.sss-ic .bolum-bas { position: sticky; top: calc(var(--ust-yuk) + 32px); margin-bottom: 0; }
.sss-liste { border-top: 1px solid var(--cizgi); }
.sss-liste details { border-bottom: 1px solid var(--cizgi); }
.sss-liste summary {
	display: flex; justify-content: space-between; align-items: center; gap: 20px;
	padding: 22px 2px; cursor: pointer; list-style: none;
	font: 600 17px/1.4 var(--yazi-govde); color: var(--murekkep); letter-spacing: -0.01em;
}
.sss-liste summary::-webkit-details-marker { display: none; }
.sss-liste summary::after {
	content: ""; width: 28px; height: 28px; flex: none; border-radius: 8px;
	background: var(--beyaz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M9 14h10M14 9v10' stroke='%230B1524' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/28px no-repeat;
	box-shadow: inset 0 0 0 1px var(--cizgi); transition: transform .2s ease;
}
.sss-liste details[open] summary::after { transform: rotate(45deg); }
.sss-liste summary:hover { color: var(--mavi); }
.sss-liste details p { padding: 0 48px 24px 2px; color: var(--govde); font-size: 15.5px; }

/* ───────────── Erken erişim ───────────── */

.erisim { position: relative; overflow: hidden; isolation: isolate; background: var(--lacivert); color: #B4C4D8; padding: 112px 0; }
.erisim-zemin {
	position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient(50% 70% at 10% 100%, rgb(46 91 255 / 30%), transparent 70%),
		radial-gradient(40% 60% at 100% 0%, rgb(0 212 255 / 16%), transparent 70%);
}
.erisim-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 64px; align-items: center; }
.erisim h2 { margin-top: 16px; color: #fff; font-size: clamp(2rem, 4vw, 3.1rem); letter-spacing: -0.022em; }
.erisim-metin > p:last-child { margin-top: 18px; font-size: 18px; max-width: 30em; }
.form {
	display: grid; gap: 16px; padding: 28px; border-radius: var(--yaricap-b);
	background: rgb(255 255 255 / 4%); box-shadow: inset 0 0 0 1px var(--cizgi-koyu);
	backdrop-filter: blur(6px);
}
.alan { display: grid; gap: 7px; }
.alan span { font-size: 13.5px; font-weight: 600; color: #DCE5F0; }
.alan input, .alan select {
	width: 100%; height: 50px; padding: 0 14px; border-radius: 12px; border: 0;
	background: var(--beyaz); color: var(--murekkep);
	font: 500 16px/1 var(--yazi-govde);
	box-shadow: inset 0 0 0 1px var(--cizgi);
	appearance: none; -webkit-appearance: none;
}
.alan select {
	padding-right: 40px; cursor: pointer;
	background: var(--beyaz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%235B6B80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/20px no-repeat;
}
.alan input::placeholder { color: #93A2B5; }
.alan input:focus, .alan select:focus { outline: none; box-shadow: inset 0 0 0 2px var(--mavi), 0 0 0 4px rgb(46 91 255 / 30%); }
.form-durum { min-height: 1.4em; font-size: 14px; font-weight: 500; }
.form-durum:empty { display: none; }
.form-durum.olumlu { color: #5BE3A4; }
.form-durum.olumsuz { color: #FF9A9E; }
.form-kvkk { font-size: 12.5px; line-height: 1.5; color: var(--yazi-koyu-soluk); }

/* ───────────── Altbilgi ───────────── */

.alt { background: #050B13; color: var(--yazi-koyu-soluk); padding: 56px 0 40px; border-top: 1px solid var(--cizgi-koyu); }
.alt-ic { display: grid; grid-template-columns: 1fr auto; gap: 28px 40px; align-items: start; }
.alt-marka img { height: 24px; width: auto; }
.alt-marka p { margin-top: 14px; max-width: 26em; font-size: 14px; }
.alt-nav { display: flex; flex-wrap: wrap; gap: 6px 24px; font-size: 14px; }
.alt-nav a { text-decoration: none; color: #C9D6E6; }
.alt-nav a:hover { color: #fff; }
.alt-telif { grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid var(--cizgi-koyu); font-size: 13px; }

/* ───────────── Görünme animasyonu ───────────── */

.js .gor { opacity: 0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay: var(--gec, 0ms); }
.js .gor.gorundu { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.js .gor { opacity: 1; transform: none; transition: none; }
	.taslak-metin.yaziyor::after { animation: none; }
	*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}

/* ───────────── Duyarlı ───────────── */

@media (max-width: 1100px) {
	.guven-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.guven-liste li:nth-child(4) { border-left: 0; }
	.guven-liste li:nth-child(n+4) { border-top: 1px solid var(--cizgi-acik); }
	.ek-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
	.hero { padding: calc(var(--ust-yuk) + 44px) 0 88px; }
	.hero-ic { grid-template-columns: 1fr; gap: 56px; }
	.hero-metin { max-width: 640px; }
	.hero-maket { max-width: 640px; margin-inline: auto; width: 100%; }
	.aday-kart { left: -12px; }
	.bugun-cip { right: -10px; }
	.ozellik, .ozellik-ters { grid-template-columns: 1fr; gap: 40px; }
	.ozellik-ters .ozellik-metin { order: 0; }
	.ozellik + .ozellik { margin-top: 96px; }
	.ozellik-metin { max-width: 640px; }
	.sektor-izgara { grid-template-columns: 1fr; }
	.sektor-izgara .sektor { max-width: 640px; }
	.adimlar { grid-template-columns: 1fr; }
	.adimlar li:not(:last-child)::after { top: auto; bottom: -20px; left: 49px; right: auto; width: 2px; height: 20px; background: linear-gradient(var(--mavi), var(--camgobegi)); }
	.sss-ic { grid-template-columns: 1fr; gap: 32px; }
	.sss-ic .bolum-bas { position: static; }
	.erisim-ic { grid-template-columns: 1fr; gap: 36px; }
	.gelir-kart-genis { grid-template-columns: 1fr; }
	.gelir-kart-genis .mk-tablo { grid-column: 1; grid-row: auto; margin-top: 22px; }
	.gelir-kart-genis .mk-not { grid-column: 1; grid-row: auto; margin-top: 10px; }
}

@media (max-width: 860px) {
	.ust-nav {
		position: absolute; top: var(--ust-yuk); left: 0; right: 0;
		flex-direction: column; align-items: stretch; gap: 2px; margin: 0;
		padding: 10px var(--kenar) 18px;
		background: var(--lacivert); box-shadow: 0 1px 0 var(--cizgi-koyu), 0 20px 40px rgb(0 0 0 / 40%);
		visibility: hidden; opacity: 0; transform: translateY(-8px);
		transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
	}
	.ust.menu-acik .ust-nav { visibility: visible; opacity: 1; transform: none; transition: opacity .2s ease, transform .2s ease; }
	.ust.menu-acik { background: var(--lacivert); }
	.ust-nav a { padding: 13px 12px; font-size: 16px; }
	.ust-giris { margin-left: 0; }
	.ust-sag { margin-left: auto; }
	.menu-dugme { display: block; }
	.gelir-izgara { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
	body { font-size: 15.5px; }
	.marka img { height: 22px; }
	.ust-sag .dugme-kucuk { min-height: 38px; padding: 0 12px; font-size: 14px; }
	.hero h1 { font-size: clamp(2.15rem, 9.6vw, 2.6rem); }
	.hero-alt { font-size: 16.5px; }
	.hero-eylem .dugme { flex: 1 1 auto; }
	.hero-maket { padding-bottom: 0; }
	.pencere-govde { grid-template-columns: 1fr; min-height: 0; }
	.mk-liste { display: none; }
	.adres { transform: none; font-size: 10.5px; }
	.mk-mesajlar { padding: 14px 12px 18px; }
	.balon { max-width: 88%; }
	.taslak { width: 96%; }
	.aday-kart { position: relative; left: auto; right: auto; bottom: auto; width: auto; margin: -18px 14px 0 auto; max-width: 280px; }
	.bugun-cip { display: none; }

	.guven-liste { grid-template-columns: 1fr 1fr; }
	.guven-liste li { padding: 18px 12px 18px 0; border: 0 !important; }
	.guven-liste li:nth-child(n+3) { border-top: 1px solid var(--cizgi-acik) !important; }
	.guven-liste li:last-child { grid-column: 1 / -1; }

	.bolum { padding: 80px 0; }
	.bolum-bas { margin-bottom: 36px; }
	.bolum-alt { font-size: 16.5px; }
	.sektor, .gelir-kart { padding: 22px; }
	.ozellik + .ozellik { margin-top: 80px; }
	.ozellik-metin > p:not(.ozellik-no) { font-size: 16px; }
	.tikli li { font-size: 15px; }
	.ozellik-maket { border-radius: 20px; padding: 16px; }
	.mk-kart { padding: 14px; }
	.mk-sekmeler i:not(.aktif) { display: none; }
	.bolmeli i { font-size: 10.5px; padding: 7px 2px; }
	.dal { gap: 8px; }
	.dugum-kucuk { padding: 9px 10px; font-size: 11.5px; }
	.kanban { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kanban .kb-sutun:nth-child(n+3) { display: none; }
	.temas span { flex-basis: 100%; }
	.is-liste li { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
	.is-tur { grid-column: 1 / -1; }
	.telefon { max-width: 270px; }
	.mt-satir { grid-template-columns: 1.7fr .6fr .9fr .6fr; padding: 10px 12px; gap: 6px; font-size: 12.5px; }
	.mt-cubuk { display: none; }
	.ek-liste { grid-template-columns: 1fr; gap: 12px; }
	.sss-liste summary { font-size: 16px; padding: 18px 2px; }
	.sss-liste details p { padding-right: 8px; font-size: 15px; }
	.erisim { padding: 80px 0; }
	.form { padding: 20px; }
	.alt-ic { grid-template-columns: 1fr; }
}