/* Zirve Güvenlik — tek sayfalık kurumsal site (2026-10-12). Dış kaynak yok: yazı tipi ve ikonlar yerel. */

@font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("yazi/inter-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("yazi/inter-latin-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
	--mavi: #24519f;
	--mavi-koyu: #1b3f7d;
	--acik: #35ade3;
	--lacivert: #0b1e42;
	--gece: #071530;
	--murekkep: #0f172a;
	--yazi: #475569;
	--soluk: #7b8aa0;
	--cizgi: #e3e8f0;
	--zemin: #f4f7fb;
	--yesil: #1faf5a;
	--yesil-koyu: #12824a;
	--yaricap: 18px;
	--golge: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 32px rgba(15, 23, 42, .08);
	--golge-buyuk: 0 2px 4px rgba(15, 23, 42, .05), 0 28px 64px rgba(15, 23, 42, .14);
	--kap: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.65; color: var(--yazi); background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--mavi); text-decoration: none; }
a:hover { color: var(--mavi-koyu); }
h1, h2, h3 { color: var(--murekkep); line-height: 1.15; letter-spacing: -.025em; margin: 0 0 .5em; font-weight: 750; }
h1 { font-size: clamp(2.2rem, 5.2vw, 3.9rem); letter-spacing: -.04em; line-height: 1.06; }
h2 { font-size: clamp(1.7rem, 3.4vw, 2.6rem); letter-spacing: -.03em; }
h3 { font-size: 1.12rem; letter-spacing: -.01em; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
:focus-visible { outline: 3px solid var(--acik); outline-offset: 3px; border-radius: 6px; }
section[id], article[id] { scroll-margin-top: 84px; }

.kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 24px; }
.ikon { width: 1.25em; height: 1.25em; flex: none; }
.atla { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--mavi); color: #fff; padding: 10px 16px; border-radius: 8px; }
.atla:focus { left: 8px; color: #fff; }

/* Kaydırınca beliren öğeler — yalnız JS çalışıyorsa gizlenir */
.js .gir { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
.js .gir.gorundu { opacity: 1; transform: none; }

/* ---- Düğmeler ---- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 22px; border-radius: 12px; border: 1.5px solid transparent; font-weight: 650; font-size: .98rem; line-height: 1; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease, box-shadow .15s ease; white-space: nowrap; }
.dugme:hover { transform: translateY(-2px); }
.dugme.buyuk { min-height: 56px; padding: 0 28px; font-size: 1.04rem; border-radius: 14px; }
.dugme-birincil { background: var(--mavi); color: #fff; box-shadow: 0 6px 18px rgba(36, 81, 159, .28); }
.dugme-birincil:hover { background: var(--mavi-koyu); color: #fff; box-shadow: 0 10px 26px rgba(36, 81, 159, .36); }
.dugme-gecis { background: linear-gradient(120deg, var(--mavi) 0%, #2b86d8 100%); color: #fff; box-shadow: 0 10px 28px rgba(36, 81, 159, .34); }
.dugme-gecis:hover { color: #fff; box-shadow: 0 14px 36px rgba(36, 81, 159, .44); }
.dugme-beyaz { background: #fff; color: var(--murekkep); border-color: #d3dcea; box-shadow: 0 2px 6px rgba(15, 23, 42, .05); }
.dugme-beyaz:hover { color: var(--mavi); border-color: var(--mavi); }
.dugme-beyaz .ikon { color: var(--mavi); }
.dugme-yesil { background: var(--yesil); color: #fff; box-shadow: 0 6px 18px rgba(31, 175, 90, .28); }
.dugme-yesil:hover { background: #189a4e; color: #fff; }

/* ---- Üst bölüm ---- */
.ust { position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid transparent; transition: border-color .2s ease, box-shadow .2s ease; }
.ust.kaydi { border-bottom-color: var(--cizgi); box-shadow: 0 6px 24px rgba(15, 23, 42, .06); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; }
.marka img { height: 40px; width: auto; }
.menu { display: flex; align-items: center; gap: 2px; }
.menu > a:not(.dugme), .acilir-baslik { display: inline-flex; align-items: center; gap: 5px; padding: 10px 13px; border-radius: 10px; color: #1e293b; font-weight: 600; font-size: .95rem; transition: background-color .15s ease, color .15s ease; }
.menu > a:not(.dugme):hover, .acilir-baslik:hover, .menu > a.aktif, .acilir-baslik.aktif { background: #eef3fa; color: var(--mavi); }
.acilir-baslik .ikon { width: 1em; height: 1em; transition: transform .2s ease; }
.acilir { position: relative; }
.acilir-ic { position: absolute; left: 50%; top: calc(100% + 8px); transform: translate(-50%, 6px); width: 320px; background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; box-shadow: var(--golge-buyuk); padding: 8px; opacity: 0; visibility: hidden; transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.acilir::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
.acilir:hover .acilir-ic, .acilir:focus-within .acilir-ic { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.acilir:hover .acilir-baslik .ikon { transform: rotate(180deg); }
.acilir-ic a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; color: #1e293b; font-weight: 600; font-size: .94rem; }
.acilir-ic a .ikon { color: var(--mavi); }
.acilir-ic a:hover { background: #eef3fa; color: var(--mavi); }
.menu-ara { margin-left: 10px; min-height: 44px; padding: 0 18px; }
.menu-dugme { display: none; width: 46px; height: 46px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; color: var(--murekkep); cursor: pointer; align-items: center; justify-content: center; }
.menu-dugme .menu-kapat { display: none; }
.menu-dugme[aria-expanded="true"] .menu-ac { display: none; }
.menu-dugme[aria-expanded="true"] .menu-kapat { display: block; }

/* ---- Giriş ---- */
.kahraman { position: relative; overflow: hidden; border-bottom: 1px solid var(--cizgi); background: radial-gradient(900px 540px at 0% 0%, #dde9fc 0%, transparent 62%), radial-gradient(760px 500px at 100% 10%, #dcf2fd 0%, transparent 60%), linear-gradient(180deg, #f3f7fe 0%, #fff 100%); }
.kahraman::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(36, 81, 159, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 81, 159, .07) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse 70% 75% at 70% 30%, #000 5%, transparent 75%); mask-image: radial-gradient(ellipse 70% 75% at 70% 30%, #000 5%, transparent 75%); pointer-events: none; }

.kahraman-ic { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; padding-top: 92px; padding-bottom: 120px; }
/* Üç satırlık başlık: ortadaki satır yazılıp silinir. Yazı boyu, en uzun ifade (≈9,9em) tek satıra sığacak şekilde seçildi. */
.kahraman h1 { color: var(--lacivert); font-size: clamp(1.6rem, 8.2vw, 4rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.05; margin-bottom: 24px; }
.kahraman h1 > span { display: block; }
.k-doner { white-space: nowrap; min-height: 1.05em; }
.k-yazi { background: linear-gradient(100deg, var(--mavi) 0%, #2b86d8 55%, var(--acik) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em; }
.k-imlec { display: inline-block; width: .055em; min-width: 3px; height: .84em; margin-left: .07em; border-radius: 2px; background: var(--acik); vertical-align: -.07em; animation: imlec 1s steps(2) infinite; }
@keyframes imlec { 50% { opacity: 0; } }

.kahraman-metin > p { font-size: 1.15rem; max-width: 560px; margin-bottom: 32px; }
.kahraman-metin > p b { color: var(--murekkep); font-weight: 650; }
.kahraman-dugmeler { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.kahraman-ozet { display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: .95rem; font-weight: 550; color: #334155; }
.kahraman-ozet li { display: inline-flex; align-items: center; gap: 8px; }
.kahraman-ozet .ikon { color: var(--yesil-koyu); stroke-width: 2.6; }

/* Sağdaki maket: izleme penceresi, piksel süsleri ve yol tabelası */
.kahraman-gorsel { position: relative; }
.piksel { position: absolute; fill: currentColor; pointer-events: none; }
.piksel.p1 { right: -20px; top: -44px; color: var(--acik); }
.piksel.p2 { right: 7%; bottom: -56px; color: var(--mavi); }
@keyframes yuz { from { transform: translateY(0); } to { transform: translateY(-10px); } }
.pencere { position: relative; background: #fff; border: 1px solid #dde6f3; border-radius: 22px; box-shadow: 0 2px 4px rgba(15, 23, 42, .04), 0 30px 70px rgba(27, 63, 125, .2); animation: yuz 7s ease-in-out infinite alternate; }
.pencere-ust { display: flex; align-items: center; gap: 7px; padding: 14px 16px; border-bottom: 1px solid #eef2f8; }
.pencere-ust > span { width: 10px; height: 10px; border-radius: 50%; background: #d7deea; flex: none; }
.pencere-adres { display: flex; align-items: center; gap: 7px; flex: 1; min-width: 0; margin-left: 8px; padding: 6px 14px; border-radius: 999px; background: var(--zemin); border: 1px solid #e6ecf5; font-size: .8rem; font-weight: 600; color: #475569; white-space: nowrap; overflow: hidden; }
.pencere-adres .ikon { width: 15px; height: 15px; color: var(--yesil-koyu); stroke-width: 2; }
.pencere-ust em { display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-size: .72rem; font-weight: 700; color: #b42318; background: #fee9e7; padding: 5px 10px; border-radius: 999px; }
.pencere-ust em::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ef4444; animation: yan 1.4s steps(2) infinite; }
.pencere-govde { display: grid; grid-template-columns: 1.15fr 1fr; gap: 14px; padding: 16px; }
.pencere-govde .kare { aspect-ratio: auto; min-height: 200px; border-color: #dde6f3; }
.arac { position: absolute; left: 21%; bottom: 17%; z-index: 1; width: 58%; height: auto; filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .4)); }
.arac .cerceve { animation: yan 1.6s steps(2) infinite; }
.okunan { position: absolute; right: 10px; top: 10px; z-index: 1; display: inline-flex; align-items: center; gap: 5px; background: #4ade80; color: #052e16; font-size: .66rem; font-weight: 800; letter-spacing: .05em; text-decoration: none; padding: 3px 8px 3px 6px; border-radius: 6px; white-space: nowrap; }
.okunan .ikon { width: 12px; height: 12px; stroke-width: 3.2; }
.pencere-liste { display: flex; flex-direction: column; gap: 9px; }
.pencere-liste li { display: flex; align-items: center; gap: 11px; flex: 1; padding: 10px 12px; border: 1px solid #e9eef6; border-radius: 13px; background: #fbfcfe; }
.p-ikon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: #e9f1fb; color: var(--mavi); flex: none; }
.p-ikon .ikon { width: 20px; height: 20px; }
.pencere-liste div { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.pencere-liste strong { color: var(--murekkep); font-size: .9rem; }
.pencere-liste small { font-size: .76rem; font-weight: 600; color: var(--yesil-koyu); }
.pencere-alt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 0 16px 16px; }
.pencere-alt div { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid #e9eef6; border-radius: 13px; color: var(--mavi); min-width: 0; }
.pencere-alt .ikon { width: 18px; height: 18px; }
.pencere-alt b { font-size: .8rem; font-weight: 650; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bildirim { position: absolute; right: -26px; top: -58px; z-index: 2; display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e6ecf5; border-radius: 16px; padding: 12px 16px 12px 12px; box-shadow: 0 18px 44px rgba(27, 63, 125, .2); animation: yuz 6s ease-in-out infinite alternate-reverse; }
.bildirim > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #fff1e6; color: #e8590c; }
.bildirim div { display: flex; flex-direction: column; line-height: 1.3; }
.bildirim b { color: var(--murekkep); font-size: .9rem; }
.bildirim small { color: var(--soluk); font-size: .78rem; }

.tabela { position: absolute; left: -30px; bottom: -64px; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 13px 20px 13px 15px; border-radius: 14px; background: #1c4fa5; color: #fff; white-space: nowrap; box-shadow: 0 0 0 2px #1c4fa5, inset 0 0 0 2px #fff, 0 18px 44px rgba(11, 30, 66, .32); animation: yuz 6.5s ease-in-out infinite alternate-reverse; }
.tabela .ikon { width: 38px; height: 38px; padding: 8px; border-radius: 50%; background: #4ade80; color: #052e16; stroke-width: 2.2; }
.tabela div { display: flex; flex-direction: column; line-height: 1.25; }
.tabela b { font-size: 1.08rem; font-weight: 750; letter-spacing: -.01em; }
.tabela small { font-size: .78rem; font-weight: 600; color: #c6d6f2; }

.serit { position: relative; border-top: 1px solid var(--cizgi); background: rgba(255, 255, 255, .72); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.serit-ic { display: flex; gap: 0; width: max-content; animation: kay 38s linear infinite; }
.serit span { display: inline-flex; align-items: center; gap: 10px; padding: 17px 34px; color: #475569; font-weight: 600; font-size: .95rem; white-space: nowrap; }
.serit .ikon { color: var(--mavi); }
@keyframes kay { to { transform: translateX(-50%); } }

/* ---- Sayılar ---- */
.sayi-bandi { background: #fff; border-bottom: 1px solid var(--cizgi); }
.sayi-izgara { display: grid; grid-template-columns: repeat(4, 1fr); }
.sayi-izgara div { padding: 34px 20px; text-align: center; }
.sayi-izgara div + div { border-left: 1px solid var(--cizgi); }
.sayi-izgara b { display: block; font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; background: linear-gradient(120deg, var(--mavi), var(--acik)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sayi-izgara span { font-size: .95rem; font-weight: 600; color: #334155; }

/* ---- Bölümler ---- */
.bolum { padding: 104px 0; }
.bolum-gri { background: var(--zemin); }
.ust-etiket { display: inline-block; font-size: .78rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; color: var(--acik); margin-bottom: 14px; }
.ust-etiket.koyu { color: var(--mavi); }
.bolum-baslik { max-width: 720px; margin: 0 auto 52px; text-align: center; }
.bolum-baslik p { font-size: 1.1rem; margin: 0; }
.iki-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.iki-sutun.ustten { align-items: start; }
.iki-sutun > div > p { font-size: 1.06rem; }
.yapiskan { position: sticky; top: 110px; }
.yapiskan .dugme { margin-top: 10px; }

/* ---- Hizmetler: hızlı geçiş ---- */
.hizli { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.hizli a { flex: 0 1 calc((100% - 56px) / 5); display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 22px 12px 18px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); color: var(--murekkep); text-align: center; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hizli a:hover { transform: translateY(-5px); box-shadow: var(--golge); border-color: #cfdcf0; }
.hizli b { font-size: .93rem; font-weight: 650; line-height: 1.3; }
.kart-ikon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(140deg, #e8f1fc, #d8eafb); color: var(--mavi); flex: none; }
.kart-ikon .ikon { width: 26px; height: 26px; }
.kart-ikon.yesil { background: #dff5e9; color: var(--yesil-koyu); }
.hizli a:hover .kart-ikon { background: linear-gradient(140deg, var(--mavi), #2f7fd0); color: #fff; }

/* ---- Hizmet blokları ---- */
.hizmet-blok { padding: 84px 0; }
.hizmet-blok:first-of-type { padding-top: 96px; }
.hizmet-blok.ters { background: var(--zemin); }
.hb-ic { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; }
.hizmet-blok.ters .hb-metin { order: 2; }
.hb-ust { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.hb-no { font-size: 3.4rem; font-weight: 800; letter-spacing: -.05em; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px #c3d3ea; }
.hizmet-blok h3 { font-size: clamp(1.6rem, 3vw, 2.25rem); letter-spacing: -.03em; margin-bottom: 14px; }
.hb-giris { font-size: 1.08rem; color: #334155; margin-bottom: 26px; }
.hb-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 26px; margin-bottom: 28px; }
.hb-liste li { display: flex; gap: 11px; align-items: flex-start; }
.hb-liste .ikon { color: var(--yesil-koyu); background: #dff5e9; border-radius: 50%; padding: 4px; width: 24px; height: 24px; stroke-width: 2.6; margin-top: 1px; }
.hb-liste strong { display: block; color: var(--murekkep); font-size: .97rem; line-height: 1.35; }
.hb-liste span { font-size: .9rem; line-height: 1.5; display: block; margin-top: 2px; }
.hb-alan { margin-bottom: 28px; }
.hb-alan small { display: block; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); margin-bottom: 10px; }
.etiketler { display: flex; flex-wrap: wrap; gap: 8px; }
.etiketler li { background: #fff; border: 1px solid var(--cizgi); border-radius: 999px; padding: 6px 14px; font-size: .88rem; font-weight: 550; color: #1e293b; }
.hizmet-blok:not(.ters) .etiketler li { background: var(--zemin); }

/* ---- Maketler ---- */
.mk { position: relative; border-radius: 28px; background: linear-gradient(155deg, #0c2452 0%, #13397a 100%); box-shadow: var(--golge-buyuk); padding: 26px; color: #dbe7fa; overflow: hidden; min-height: 400px; }
.mk::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 36px 36px; -webkit-mask-image: radial-gradient(circle at 70% 20%, #000, transparent 70%); mask-image: radial-gradient(circle at 70% 20%, #000, transparent 70%); pointer-events: none; }
.mk > * { position: relative; }

.mk-merkez { display: grid; place-items: center; }
.mk-halka { position: absolute !important; width: 250px; height: 250px; border-radius: 50%; border: 1.5px dashed rgba(255, 255, 255, .22); animation: don 40s linear infinite; }
.mk-halka.iki { width: 370px; height: 370px; border-style: solid; border-color: rgba(255, 255, 255, .09); animation-direction: reverse; }
@keyframes don { to { transform: rotate(360deg); } }
.mk-cekirdek { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 150px; height: 150px; border-radius: 50%; background: #fff; color: var(--mavi); justify-content: center; box-shadow: 0 0 0 14px rgba(255, 255, 255, .08), 0 20px 50px rgba(0, 0, 0, .35); text-align: center; }
.mk-cekirdek .ikon { width: 42px; height: 42px; }
.mk-cekirdek b { font-size: .8rem; color: var(--murekkep); line-height: 1.2; }
.mk-dugum { position: absolute !important; display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 9px 14px 9px 10px; border-radius: 999px; color: #fff; font-size: .88rem; font-weight: 600; }
.mk-dugum i { font-style: normal; }
.mk-dugum .ikon { color: var(--acik); }
.mk-dugum.d1 { left: 7%; top: 14%; } .mk-dugum.d2 { right: 7%; top: 20%; } .mk-dugum.d3 { left: 9%; bottom: 16%; } .mk-dugum.d4 { right: 10%; bottom: 12%; }

.mk-telefon { display: grid; place-items: center; }
.tel { width: min(300px, 100%); background: #fff; border-radius: 30px; padding: 20px 18px; color: var(--yazi); box-shadow: 0 0 0 8px rgba(255, 255, 255, .1), 0 30px 60px rgba(0, 0, 0, .4); }
.tel-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.tel-ust b { color: var(--murekkep); font-size: 1.05rem; }
.tel-ust em, .mk-baslik em { font-style: normal; font-size: .74rem; font-weight: 700; color: var(--yesil-koyu); background: #dff5e9; padding: 4px 10px; border-radius: 999px; }
.tel-daire { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 132px; height: 132px; margin: 0 auto 18px; border-radius: 50%; background: radial-gradient(circle, #e9f8f0 55%, #c9efd9 100%); color: var(--yesil-koyu); box-shadow: 0 0 0 10px #f1fbf5; }
.tel-daire .ikon { width: 40px; height: 40px; }
.tel-daire span { font-size: .8rem; font-weight: 700; }
.tel li { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 13px; background: var(--zemin); }
.tel li + li { margin-top: 8px; }
.tel li > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #e3ecf8; color: var(--mavi); flex: none; }
.tel li.uyari { background: #fff4ec; } .tel li.uyari > span { background: #ffe1cc; color: #e8590c; }
.tel li div { display: flex; flex-direction: column; line-height: 1.3; }
.tel li b { color: var(--murekkep); font-size: .86rem; } .tel li small { font-size: .75rem; color: var(--soluk); }

.mk-kamera { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: center; }
.kare { position: relative; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .16); background: linear-gradient(180deg, #6f9fd8 0%, #3f6aa8 42%, #1d3660 43%, #132647 100%); }
.kare::before { content: ""; position: absolute; left: 0; right: 0; bottom: 34%; height: 40%; background: linear-gradient(180deg, #22406f, #16294b); clip-path: polygon(0 40%, 22% 12%, 38% 30%, 60% 0, 78% 26%, 100% 8%, 100% 100%, 0 100%); opacity: .9; }
.kare.k2::before { clip-path: polygon(0 60%, 30% 60%, 30% 20%, 55% 20%, 55% 60%, 100% 60%, 100% 100%, 0 100%); }
.kare.k3::before { clip-path: polygon(0 30%, 18% 30%, 18% 0, 46% 0, 46% 30%, 72% 30%, 72% 10%, 100% 10%, 100% 100%, 0 100%); }
.kare.k4::before { clip-path: polygon(0 55%, 12% 30%, 26% 55%, 40% 20%, 56% 55%, 70% 34%, 86% 55%, 100% 40%, 100% 100%, 0 100%); }
.kare::after { content: ""; position: absolute; left: 0; right: 0; top: -30%; height: 30%; background: linear-gradient(180deg, transparent, rgba(53, 173, 227, .22), transparent); animation: tara 4.5s linear infinite; }
.kare.k2::after { animation-delay: -1.2s; } .kare.k3::after { animation-delay: -2.4s; } .kare.k4::after { animation-delay: -3.3s; }
@keyframes tara { to { top: 110%; } }
.kare em { position: absolute; left: 10px; top: 10px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-size: .66rem; font-weight: 700; letter-spacing: .08em; color: #fff; background: rgba(0, 0, 0, .4); padding: 3px 8px; border-radius: 6px; }
.kare em::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ff4d4f; animation: yan 1.4s steps(2) infinite; }
@keyframes yan { 50% { opacity: .2; } }
.kare b { position: absolute; left: 10px; bottom: 9px; z-index: 1; font-size: .72rem; font-weight: 600; color: #e5eefc; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }

.mk-senaryo, .mk-plaka, .mk-ag { display: flex; flex-direction: column; justify-content: center; }
.mk-baslik { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.mk-baslik b { color: #fff; font-size: 1.05rem; }
.mk-senaryo li { display: flex; align-items: center; gap: 13px; background: rgba(255, 255, 255, .97); border-radius: 15px; padding: 13px 16px; }
.mk-senaryo li + li { margin-top: 9px; }
.mk-senaryo li > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #e9f1fb; color: var(--mavi); flex: none; }
.mk-senaryo li b { color: var(--murekkep); font-size: .95rem; }
.anahtar { margin-left: auto; position: relative; width: 46px; height: 26px; border-radius: 999px; background: #d5dbe5; flex: none; transition: background-color .2s; }
.anahtar::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
.anahtar.acik { background: var(--yesil); } .anahtar.acik::after { left: 23px; }

.bariyer { position: relative; height: 70px; margin-bottom: 14px; }
.bariyer .direk { position: absolute; left: 6px; bottom: 0; width: 26px; height: 62px; border-radius: 6px; background: #f1f5f9; }
.bariyer .kol { position: absolute; left: 24px; bottom: 44px; width: 78%; height: 12px; border-radius: 6px; background: repeating-linear-gradient(90deg, #ef4444 0 26px, #fff 26px 52px); transform-origin: left center; animation: kalk 6s ease-in-out infinite; box-shadow: 0 4px 10px rgba(0, 0, 0, .3); }
@keyframes kalk { 0%, 20% { transform: rotate(0); } 40%, 75% { transform: rotate(-32deg); } 95%, 100% { transform: rotate(0); } }
.plaka { display: flex; align-items: stretch; width: max-content; max-width: 100%; margin: 0 auto 12px; background: #fff; border: 3px solid #0f172a; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 24px rgba(0, 0, 0, .35); }
.plaka i { display: grid; place-items: end center; padding: 0 6px 5px; background: #1d4ed8; color: #fff; font-style: normal; font-size: .62rem; font-weight: 700; }
.plaka b { padding: 6px 18px; font-size: 1.7rem; font-weight: 800; letter-spacing: .06em; color: #0f172a; }
.plaka-sonuc { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 auto 16px; width: max-content; background: #dff5e9; color: var(--yesil-koyu); font-weight: 700; font-size: .88rem; padding: 7px 14px; border-radius: 999px; }
.plaka-sonuc .ikon { stroke-width: 2.6; }
.mk-plaka li { display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; padding: 9px 14px; }
.mk-plaka li + li { margin-top: 7px; }
.mk-plaka li b { color: #fff; font-size: .9rem; letter-spacing: .03em; } .mk-plaka li small { color: #a9bcdc; font-size: .78rem; }
.mk-plaka li em { margin-left: auto; font-style: normal; font-size: .72rem; font-weight: 700; color: #86efac; }
.mk-plaka li em.mis { color: #fcd34d; }

.mk-ag { align-items: center; text-align: center; }
.ag-ana { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 120px; height: 120px; justify-content: center; border-radius: 50%; background: #fff; color: var(--mavi); box-shadow: 0 0 0 12px rgba(255, 255, 255, .08), 0 0 0 26px rgba(255, 255, 255, .04), 0 20px 50px rgba(0, 0, 0, .35); }
.ag-ana .ikon { width: 38px; height: 38px; } .ag-ana b { color: var(--murekkep); font-size: .82rem; }
.ag-cizgi { width: 2px; height: 46px; background: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .15)); margin: 22px 0 0; }
.ag-satir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; border-top: 2px solid rgba(255, 255, 255, .2); padding-top: 14px; }
.ag-satir div { background: rgba(255, 255, 255, .97); border-radius: 14px; padding: 12px 8px; display: flex; flex-direction: column; gap: 5px; align-items: center; }
.ag-satir b { color: var(--murekkep); font-size: .88rem; }
.ag-satir em { font-style: normal; font-size: .7rem; font-weight: 700; color: var(--yesil-koyu); background: #dff5e9; padding: 3px 9px; border-radius: 999px; }
.sinyal { display: flex; align-items: flex-end; gap: 5px; margin-top: 20px; }
.sinyal span { width: 7px; border-radius: 3px; background: var(--acik); animation: sinyal 1.8s ease-in-out infinite; }
.sinyal span:nth-child(1) { height: 8px; } .sinyal span:nth-child(2) { height: 14px; animation-delay: .15s; } .sinyal span:nth-child(3) { height: 20px; animation-delay: .3s; } .sinyal span:nth-child(4) { height: 26px; animation-delay: .45s; }
@keyframes sinyal { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
.sinyal b { margin-left: 10px; font-size: .86rem; color: #dbe7fa; font-weight: 600; align-self: center; }

.mk-adisyon, .mk-sunucu, .mk-servis { display: flex; flex-direction: column; justify-content: center; }
.masalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 14px; }
.masalar span { display: flex; flex-direction: column; gap: 2px; padding: 11px 12px; border-radius: 13px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16); line-height: 1.3; min-width: 0; }
.masalar b { color: #fff; font-size: .86rem; }
.masalar small { font-size: .74rem; font-weight: 600; color: #a9bcdc; }
.masalar .dolu { background: rgba(255, 255, 255, .97); border-color: transparent; } .masalar .dolu b { color: var(--murekkep); } .masalar .dolu small { color: var(--mavi); }
.masalar .hesap { background: #fff4ec; border-color: transparent; } .masalar .hesap b { color: var(--murekkep); } .masalar .hesap small { color: #e8590c; }
.fis { background: #fff; border-radius: 16px; padding: 16px 18px 10px; color: var(--yazi); box-shadow: 0 20px 44px rgba(0, 0, 0, .32); }
.fis-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 1.5px dashed #d5deeb; }
.fis-ust b { color: var(--murekkep); font-size: .95rem; }
.fis-ust small { font-size: .72rem; font-weight: 700; color: var(--yesil-koyu); background: #dff5e9; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.fis li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: .9rem; color: #334155; }
.fis li + li { border-top: 1px solid #eef2f8; }
.fis li i { font-style: normal; font-size: .76rem; font-weight: 650; color: var(--mavi); background: #e9f1fb; padding: 2px 9px; border-radius: 999px; }

.kabin { display: flex; flex-direction: column; gap: 9px; margin-bottom: 14px; padding: 12px; border-radius: 16px; background: rgba(4, 14, 36, .45); border: 1px solid rgba(255, 255, 255, .14); }
.birim { display: flex; align-items: center; gap: 7px; padding: 13px 14px; border-radius: 10px; background: linear-gradient(180deg, #2a4170, #1c2f54); border: 1px solid rgba(255, 255, 255, .12); }
.birim i { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; flex: none; animation: sinyal 1.8s ease-in-out infinite; }
.birim i:nth-child(2) { animation-delay: .3s; } .birim i:nth-child(3) { background: var(--acik); animation-delay: .6s; }
.birim span { flex: 1; height: 10px; margin: 0 8px; border-radius: 3px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .24) 0 3px, transparent 3px 7px); }
.birim b { color: #e5eefc; font-size: .8rem; font-weight: 600; white-space: nowrap; }
.durumlar li { display: flex; align-items: center; gap: 11px; background: rgba(255, 255, 255, .97); border-radius: 13px; padding: 11px 14px; }
.durumlar li + li { margin-top: 8px; }
.durumlar .ikon { color: var(--yesil-koyu); background: #dff5e9; border-radius: 50%; padding: 4px; width: 24px; height: 24px; stroke-width: 2.6; }
.durumlar b { color: var(--murekkep); font-size: .9rem; }
.durumlar small { margin-left: auto; font-size: .76rem; font-weight: 600; color: var(--soluk); }

.asamalar li { display: flex; align-items: center; gap: 13px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; padding: 12px 14px; }
.asamalar li + li { margin-top: 9px; }
.asamalar li > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 2px dashed rgba(255, 255, 255, .35); color: #fff; flex: none; }
.asamalar li > span .ikon { width: 18px; height: 18px; }
.asamalar div { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.asamalar b { color: #fff; font-size: .92rem; }
.asamalar small { color: #a9bcdc; font-size: .78rem; }
.asamalar .tamam > span { border: 0; background: #4ade80; color: #052e16; } .asamalar .tamam > span .ikon { stroke-width: 2.8; }
.asamalar .simdi { background: rgba(255, 255, 255, .97); border-color: transparent; box-shadow: 0 16px 36px rgba(0, 0, 0, .3); }
.asamalar .simdi > span { border: 0; background: linear-gradient(140deg, var(--mavi), #2f7fd0); }
.asamalar .simdi b { color: var(--murekkep); } .asamalar .simdi small { color: var(--yazi); }

/* ---- Kurumsal (koyu bölüm) ---- */
.koyu-bolum { position: relative; overflow: hidden; background: radial-gradient(800px 400px at 100% 0%, rgba(53, 173, 227, .22), transparent 60%), linear-gradient(160deg, #081736 0%, #10306a 100%); color: #c3d2ea; }
.koyu-bolum h2 { color: #fff; }
.ozellikler { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ozellikler li { display: flex; flex-direction: column; gap: 14px; border-radius: var(--yaricap); padding: 24px; }
.ozellikler.koyu li { background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .13); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background-color .2s ease, transform .2s ease; }
.ozellikler.koyu li:hover { background: rgba(255, 255, 255, .12); transform: translateY(-4px); }
.oz-ikon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(140deg, #4cc0f2, #2f7fd0); color: #fff; flex: none; }
.ozellikler h3 { font-size: 1.06rem; margin-bottom: 4px; }
.ozellikler.koyu h3 { color: #fff; }
.ozellikler p { font-size: .93rem; margin: 0; }

/* ---- Kimlere hizmet veriyoruz ---- */
.sektorler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.sektor { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 26px 22px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.sektor:hover { transform: translateY(-5px); box-shadow: var(--golge); border-color: #cfdcf0; }
.sektor .kart-ikon { margin-bottom: 16px; }
.sektor h3 { font-size: 1.04rem; margin-bottom: 6px; }
.sektor p { font-size: .92rem; margin: 0; }

/* ---- Adımlar ---- */
.adimlar { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.adimlar::before { content: ""; position: absolute; left: 12%; right: 12%; top: 49px; height: 2px; background: repeating-linear-gradient(90deg, #b9c9e2 0 8px, transparent 8px 16px); }
.adimlar li { position: relative; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 26px 24px; text-align: center; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.adimlar b { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 50%; background: linear-gradient(140deg, var(--mavi), #2f7fd0); color: #fff; font-size: 1.1rem; box-shadow: 0 0 0 6px #fff, 0 8px 20px rgba(36, 81, 159, .3); }
.adimlar p { font-size: .94rem; margin: 0; }

/* ---- Sık sorulan sorular ---- */
.sss details { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 0 22px; transition: box-shadow .2s ease, border-color .2s ease; }
.sss details + details { margin-top: 12px; }
.sss details[open] { box-shadow: var(--golge); border-color: #cfdcf0; }
.sss summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; cursor: pointer; list-style: none; font-weight: 650; font-size: 1.04rem; color: var(--murekkep); }
.sss summary::-webkit-details-marker { display: none; }
.sss summary .ikon { color: var(--mavi); transition: transform .2s ease; background: #eef3fa; border-radius: 50%; padding: 5px; width: 30px; height: 30px; }
.sss details[open] summary .ikon { transform: rotate(180deg); }
.sss details p { margin: 0; padding: 0 0 22px; font-size: 1rem; }

/* ---- İletişim ---- */
.iletisim-bolum { position: relative; overflow: hidden; background: radial-gradient(700px 360px at 0% 0%, rgba(53, 173, 227, .25), transparent 60%), linear-gradient(150deg, #0e2a5e 0%, var(--mavi) 100%); color: #d5e2f7; }
.iletisim-bolum h2 { color: #fff; }
.iletisim-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.iletisim-kart { display: flex; flex-direction: column; background: #fff; border-radius: 22px; padding: 30px 28px 26px; color: var(--yazi); box-shadow: 0 20px 50px rgba(4, 14, 36, .25); transition: transform .18s ease, box-shadow .18s ease; }
.iletisim-kart:hover { transform: translateY(-6px); color: var(--yazi); box-shadow: 0 28px 64px rgba(4, 14, 36, .35); }
.iletisim-kart .kart-ikon { margin-bottom: 18px; }
.iletisim-kart h3 { font-size: 1.15rem; margin-bottom: 6px; }
.iletisim-kart p { font-size: 1.08rem; color: #1e293b; font-weight: 600; margin-bottom: 20px; }
.kart-ok { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; font-weight: 650; font-size: .93rem; color: var(--mavi); }
.kart-ok .ikon { width: 1.05em; height: 1.05em; transition: transform .18s ease; }
.iletisim-kart:hover .kart-ok .ikon { transform: translateX(5px); }
.yetkili { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 30px 0 0; color: #d5e2f7; font-size: 1rem; }
.yetkili strong { color: #fff; }

/* ---- Alt bölüm ---- */
.alt { background: var(--gece); color: #9db0cf; font-size: .95rem; }
.alt-izgara { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 44px; padding-top: 68px; padding-bottom: 46px; }
.alt-marka img { height: 36px; width: auto; margin-bottom: 18px; }
.alt-marka p { max-width: 320px; margin: 0; }
.alt h3 { color: #fff; font-size: .84rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 16px; }
.alt li + li { margin-top: 9px; }
.alt a { color: #c5d3ea; }
.alt a:hover { color: #fff; }
.alt-iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.alt-iletisim .ikon { color: var(--acik); margin-top: 3px; }
.alt-son { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255, .08); padding-top: 22px; padding-bottom: 28px; font-size: .86rem; color: #7f93b5; }
.yukari-cik { display: inline-flex; align-items: center; gap: 6px; }

/* ---- Sabit WhatsApp düğmesi ---- */
.wa-sabit { position: fixed; right: 20px; bottom: 20px; z-index: 55; display: inline-flex; align-items: center; gap: 9px; height: 54px; padding: 0 20px 0 16px; border-radius: 999px; background: #25d366; color: #fff; font-weight: 700; font-size: .95rem; box-shadow: 0 10px 28px rgba(18, 140, 70, .45); transition: transform .18s ease, box-shadow .18s ease; }
.wa-sabit:hover { transform: translateY(-3px); color: #fff; box-shadow: 0 16px 36px rgba(18, 140, 70, .55); }
.wa-sabit .ikon { width: 26px; height: 26px; }

/* ---- Duyarlı ---- */
@media (min-width: 961px) {
	.kahraman h1 { font-size: clamp(2.5rem, 4.4vw, 3.75rem); }
}
@media (max-width: 1280px) {
	.bildirim { right: -8px; }
	.piksel.p1 { right: -10px; }
}
@media (max-width: 1120px) {
	.hizli a { flex-basis: calc((100% - 28px) / 3); }
	.sektorler { grid-template-columns: repeat(2, 1fr); }
	.alt-izgara { grid-template-columns: 1fr 1fr; }
	.hb-ic { gap: 48px; }
	.menu > a:not(.dugme), .acilir-baslik { padding: 10px 10px; font-size: .92rem; }
}
@media (max-width: 960px) {
	.menu-dugme { display: inline-flex; }
	.menu { position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 2px; background: #fff; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); box-shadow: 0 24px 40px rgba(15, 23, 42, .12); padding: 12px 18px 20px; display: none; max-height: calc(100vh - 76px); overflow-y: auto; }
	.menu.acik { display: flex; }
	.menu > a:not(.dugme), .acilir-baslik { padding: 13px 12px; font-size: 1.02rem; }
	.acilir-baslik .ikon { display: none; }
	.acilir-ic { position: static; transform: none; width: auto; opacity: 1; visibility: visible; border: 0; box-shadow: none; padding: 0 0 6px 8px; }
	.acilir:hover .acilir-ic, .acilir:focus-within .acilir-ic { transform: none; }
	.acilir::after { display: none; }
	.menu-ara { margin: 10px 0 0; min-height: 50px; }
	.kahraman-ic { grid-template-columns: 1fr; gap: 96px; padding-top: 56px; padding-bottom: 112px; }
	.kahraman-gorsel { max-width: 560px; }
	.piksel.p1 { right: -6px; }
	.bildirim { right: 6px; top: -50px; }
	.tabela { left: 12px; bottom: -62px; }
	.iki-sutun, .hb-ic { grid-template-columns: 1fr; gap: 40px; }
	.hizmet-blok.ters .hb-metin { order: 0; }
	.yapiskan { position: static; }
	.adimlar { grid-template-columns: 1fr 1fr; }
	.adimlar::before { display: none; }
	.bolum { padding: 76px 0; }
	.hizmet-blok { padding: 64px 0; }
	.mk { min-height: 340px; }
}
@media (max-width: 640px) {
	body { font-size: 15.5px; }
	.kap { padding-left: 18px; padding-right: 18px; }
	.marka img { height: 34px; }
	.ust-ic { min-height: 68px; }
	.menu { max-height: calc(100vh - 68px); }
	section[id], article[id] { scroll-margin-top: 74px; }
	.kahraman-ic { gap: 84px; padding-top: 40px; padding-bottom: 104px; }
	.kahraman-dugmeler .dugme { width: 100%; }
	.sayi-izgara { grid-template-columns: 1fr 1fr; }
	.sayi-izgara div { padding: 24px 12px; }
	.sayi-izgara div:nth-child(3) { border-left: 0; }
	.sayi-izgara div:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
	.hizli { gap: 10px; }
	.hizli a { flex-basis: calc((100% - 10px) / 2); }
	.hb-liste { grid-template-columns: 1fr; }
	.hb-no { font-size: 2.6rem; }
	.ozellikler, .sektorler, .adimlar { grid-template-columns: 1fr; }
	.sektorler { grid-template-columns: 1fr 1fr; gap: 12px; }
	.sektor { padding: 20px 16px; }
	.alt-izgara { grid-template-columns: 1fr; gap: 30px; padding-top: 48px; }
	.pencere-govde { grid-template-columns: 1fr; }
	.pencere-govde .kare { min-height: 0; aspect-ratio: 16 / 9; }
	.pencere-liste { display: none; }
	.pencere-alt { gap: 8px; }
	.pencere-alt div { flex-direction: column; gap: 5px; padding: 10px 6px; text-align: center; }
	.tabela { padding: 10px 16px 10px 12px; bottom: -58px; }
	.tabela b { font-size: 1rem; }
	.bolum { padding: 60px 0; }
	.hizmet-blok { padding: 52px 0; }
	.mk { padding: 18px; border-radius: 22px; min-height: 300px; }
	.mk-halka { width: 200px; height: 200px; } .mk-halka.iki { width: 290px; height: 290px; }
	.mk-cekirdek { width: 120px; height: 120px; }
	.mk-dugum { font-size: .78rem; padding: 7px 11px 7px 8px; }
	.plaka b { font-size: 1.35rem; padding: 6px 12px; }
	.wa-sabit { right: 14px; bottom: 14px; width: 56px; height: 56px; padding: 0; justify-content: center; }
	.wa-sabit span { display: none; }
	.bildirim { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.js .gir { opacity: 1; transform: none; }
}