/* =====================================================================
   72 Ajans teması — "Sokak Afişi"
   Renkler panelden gelir: --vurgu, --vurgu-koyu, --murekkep, --kagit
   Mobil (< 768px): tüm yazılar ortalanır.
   ===================================================================== */

:root {
	--vurgu: #E3202A;
	--vurgu-koyu: #C8161E;
	--murekkep: #161616;
	--kagit: #EFEBE3;
	--beyaz: #FFFFFF;
	--metin: #333333;
	--soluk: #BDB8AE;
	--soluk-koyu: #CFCAC0;
	--cizgi: #4A4A4A;
	--f-baslik: "Big Shoulders Display", "Arial Narrow", sans-serif;
	--f-metin: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--f-el: "Kaushan Script", cursive;
	--kap: 1320px;
	--golge: 0 18px 40px rgba(0, 0, 0, .22);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--kagit); color: var(--murekkep); font-family: var(--f-metin); font-size: 17px; line-height: 1.6; overflow-x: hidden; }
img, svg, video { max-width: 100%; }
img { height: auto; }
a { color: var(--murekkep); }
a:hover { color: var(--vurgu-koyu); }
:focus-visible { outline: 3px solid var(--vurgu); outline-offset: 3px; }
p { margin: 0; }
h1, h2, h3 { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
figure { margin: 0; }
.ekran-okuyucu { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--murekkep); color: var(--kagit); padding: 10px 16px; }
.atla:focus { left: 8px; }

.kap { max-width: var(--kap); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.yigin { display: flex; flex-direction: column; }
.sira { display: flex; flex-wrap: wrap; }

/* ---------- Tipografi ---------- */
.d { font-family: var(--f-baslik); font-weight: 900; text-transform: uppercase; line-height: 1.12; letter-spacing: 0; }
.h-dev { font-size: clamp(56px, 9vw, 136px); line-height: 1.1; }
.h-sayfa { font-size: clamp(56px, 7vw, 104px); line-height: 1.1; }
.h-buyuk { font-size: clamp(48px, 7vw, 104px); }
.h-orta { font-size: clamp(42px, 6vw, 92px); }
.h-kucuk { font-size: clamp(36px, 4vw, 48px); line-height: 1.12; }
.h-kapanis { font-size: clamp(56px, 10vw, 160px); line-height: 1.08; }
.v { color: var(--vurgu); }
.el { font-family: var(--f-el); font-weight: 400; text-transform: none; color: var(--vurgu-koyu); }
.h-kutulu .v { display: inline-block; background: var(--vurgu); color: var(--beyaz); padding: .12em .12em 0; line-height: .95; transform: rotate(-1.5deg); box-shadow: 8px 8px 0 var(--murekkep); }
.koyu .v, .vurgu-zemin .v { color: var(--vurgu); }
.vurgu-zemin .v { color: var(--murekkep); }
.giris { font-size: 20px; color: var(--metin); max-width: 560px; }
.koyu .giris { color: var(--soluk-koyu); }
.not { align-self: flex-start; font-family: var(--f-el); font-size: 26px; line-height: 1.2; color: var(--vurgu-koyu); transform: rotate(-3deg); }
.koyu .not { color: var(--vurgu); }
.vurgu-zemin .not { color: var(--beyaz); }
.plaka { align-self: flex-start; font-family: var(--f-baslik); font-weight: 800; font-size: 20px; letter-spacing: 2px; padding: 6px 12px; border: 2px solid currentColor; line-height: 1.2; text-transform: uppercase; }
.plaka--dolu { background: var(--vurgu); color: var(--beyaz); border-color: var(--vurgu); }

/* ---------- Düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 28px; font-family: var(--f-metin); font-weight: 600; font-size: 17px; text-decoration: none; border: 3px solid transparent; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; line-height: 1.2; text-align: center; }
.dugme svg { flex: 0 0 auto; }
.dugme:hover { transform: translate(-2px, -2px); }
.dugme--vurgu { background: var(--vurgu); color: var(--beyaz); box-shadow: 5px 5px 0 var(--murekkep); }
.dugme--vurgu:hover { color: var(--beyaz); box-shadow: 7px 7px 0 var(--murekkep); }
.dugme--koyu { background: var(--murekkep); color: var(--kagit); box-shadow: 5px 5px 0 var(--vurgu); }
.dugme--koyu:hover { color: var(--kagit); box-shadow: 7px 7px 0 var(--vurgu); }
.dugme--cerceve { border-color: var(--murekkep); color: var(--murekkep); background: transparent; }
.dugme--cerceve:hover { background: var(--murekkep); color: var(--kagit); }
.dugme--acik-cerceve { border-color: var(--kagit); color: var(--kagit); background: transparent; }
.dugme--acik-cerceve:hover { background: var(--kagit); color: var(--murekkep); }
.koyu .dugme--vurgu, .site-son .dugme--vurgu { box-shadow: 6px 6px 0 var(--kagit); }
.site-son .dugme--vurgu:hover { box-shadow: 8px 8px 0 var(--kagit); }
.dugme--buyuk { min-height: 64px; padding: 0 34px; font-size: 19px; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---------- Zeminler ---------- */
.koyu { background: var(--murekkep); color: var(--kagit); }
.koyu a:not(.dugme) { color: var(--kagit); }
.beyaz-zemin { background: var(--beyaz); }
.vurgu-zemin { background: var(--vurgu); color: var(--beyaz); }
.cizgili { border-top: 3px solid var(--murekkep); border-bottom: 3px solid var(--murekkep); }
.bolum { padding-top: 112px; padding-bottom: 112px; }

/* ---------- Bantlı baskı (fotoğraf) ---------- */
.baski { position: relative; background: var(--beyaz); padding: 12px 12px 46px; box-shadow: var(--golge); transform: rotate(var(--a, 0deg)); }
.baski::before { content: ""; position: absolute; top: -14px; left: var(--bx, 50%); width: 116px; height: 30px; margin-left: -58px; background: rgba(239, 235, 227, .9); transform: rotate(var(--ba, 3deg)); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
.baski img { display: block; width: 100%; aspect-ratio: var(--o, 1 / 1); object-fit: cover; }
.baski figcaption { position: absolute; left: 14px; right: 14px; bottom: 9px; font-family: var(--f-el); font-size: 17px; line-height: 1.3; color: var(--murekkep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.koyu .baski { box-shadow: 0 22px 46px rgba(0, 0, 0, .5); }
.siyahbeyaz img { filter: grayscale(1) contrast(1.08); }

/* ---------- Üst şerit + header ---------- */
.ust-serit { background: var(--murekkep); color: var(--kagit); font-size: 14px; }
.ust-serit .kap { display: flex; flex-wrap: wrap; gap: 6px 24px; justify-content: space-between; align-items: center; padding-top: 9px; padding-bottom: 9px; }
.ust-serit a { color: var(--kagit); text-decoration: none; }
.ust-serit__baglar { display: flex; flex-wrap: wrap; gap: 6px 20px; }

.site-bas { background: var(--kagit); border-bottom: 3px solid var(--murekkep); position: relative; z-index: 20; }
.site-bas .kap { display: flex; align-items: center; justify-content: space-between; gap: 14px 28px; padding-top: 12px; padding-bottom: 12px; }
.logo { display: flex; flex: 0 0 auto; }
.logo img { height: var(--logo-y, 70px); width: auto; display: block; }
.ana-menu ul { display: flex; flex-wrap: wrap; gap: 4px; }
.ana-menu a { display: block; padding: 8px 16px; font-family: var(--f-baslik); font-weight: 800; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; line-height: 1.3; }
.ana-menu a:hover { background: rgba(22, 22, 22, .08); color: var(--murekkep); }
.ana-menu a[aria-current="page"] { background: var(--murekkep); color: var(--kagit); }
.menu-ac { display: none; align-items: center; justify-content: center; width: 52px; height: 52px; border: 3px solid var(--murekkep); background: transparent; cursor: pointer; padding: 0; color: var(--murekkep); }
.menu-ac svg { width: 26px; height: 26px; }
.menu-ac .kapat { display: none; }
.menu-acik .menu-ac .ac { display: none; }
.menu-acik .menu-ac .kapat { display: block; }

/* ---------- Anasayfa: hero ---------- */
.hero { position: relative; overflow: hidden; }
.hero__72 { position: absolute; right: -40px; top: -60px; font-family: var(--f-baslik); font-weight: 900; font-size: 620px; line-height: .8; color: transparent; -webkit-text-stroke: 2px rgba(22, 22, 22, .08); pointer-events: none; user-select: none; }
.hero__ic { position: relative; display: flex; flex-wrap: wrap; gap: 56px; align-items: center; padding-top: 64px; padding-bottom: 96px; }
.hero__metin { flex: 1 1 540px; min-width: 0; gap: 26px; }
.kolaj { flex: 1 1 480px; min-width: 0; position: relative; height: 600px; }
.kolaj .baski { position: absolute; }
.kolaj .k1 { left: 0; top: 30px; width: 58%; --a: -5deg; --o: 1 / 1.05; }
.kolaj .k2 { right: 0; top: 0; width: 52%; --a: 4deg; --ba: -4deg; --o: 1 / .85; }
.kolaj .k3 { right: 6%; bottom: 0; width: 56%; --a: -2deg; --bx: 30%; --ba: -6deg; --o: 1.3 / 1; }
.rozet { position: absolute; left: 4%; bottom: 40px; z-index: 2; width: 128px; height: 128px; border-radius: 50%; background: var(--vurgu); color: var(--beyaz); display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotate(-12deg); border: 4px solid var(--kagit); box-shadow: 0 10px 24px rgba(0, 0, 0, .25); text-align: center; line-height: 1.1; }
.rozet__ust { font-size: 12px; letter-spacing: 3px; font-weight: 600; }
.rozet__orta { font-family: var(--f-baslik); font-weight: 900; font-size: 46px; line-height: 1; }
.rozet__alt { font-size: 11px; letter-spacing: 2px; }

/* ---------- Kayan şerit ---------- */
.serit-kap { overflow: hidden; padding: 10px 0; margin: -10px 0; }
.serit { background: var(--vurgu); color: var(--beyaz); border-top: 3px solid var(--murekkep); border-bottom: 3px solid var(--murekkep); overflow: hidden; transform: rotate(-1deg); margin: 0 -20px; }
.serit__ic { display: flex; width: max-content; padding: 14px 0; font-family: var(--f-baslik); font-weight: 900; font-size: 42px; line-height: 1.1; text-transform: uppercase; white-space: nowrap; animation: kayan var(--serit-hiz, 38s) linear infinite; }
.serit__ic span { padding: 0 28px; }
.serit:hover .serit__ic { animation-play-state: paused; }
@keyframes kayan { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .serit__ic { animation: none; } }

/* ---------- Manifesto ---------- */
.manifesto { padding-top: 120px; padding-bottom: 104px; gap: 64px; }
.manifesto__ust { display: flex; flex-wrap: wrap; gap: 32px 64px; align-items: flex-start; }
.manifesto__metin { flex: 1 1 600px; min-width: 0; font-family: var(--f-baslik); font-weight: 800; font-size: clamp(32px, 4.4vw, 64px); line-height: 1.02; text-transform: uppercase; }
.manifesto__metin .el { font-size: .85em; }
.rakamlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); border-top: 3px solid var(--murekkep); }
.rakam { padding: 28px 12px 0; gap: 6px; align-items: center; text-align: center; }
.rakam__deger { font-family: var(--f-baslik); font-weight: 900; font-size: 84px; line-height: .9; }
.rakam--vurgu .rakam__deger { color: var(--vurgu); }
.rakam__aciklama { color: var(--metin); }

/* ---------- Hizmet vitrini (anasayfa) ---------- */
.bolum-bas { display: flex; flex-wrap: wrap; gap: 20px 48px; justify-content: space-between; align-items: flex-end; margin-bottom: 48px; }
.bolum-bas > .yigin { gap: 14px; }
.hv-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hv-kart--genis2 { grid-column: span 2; }
.hv-kart--genis3 { grid-column: 1 / -1; }
.hv-kart { min-height: 162px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 26px; text-decoration: none; border: 2px solid var(--cizgi); color: var(--kagit); transition: border-color .15s ease, transform .15s ease; }
.koyu a.hv-kart { color: var(--kagit); }
.hv-kart:hover { border-color: var(--vurgu); transform: translateY(-3px); }
.hv-kart__no { font-family: var(--f-baslik); font-weight: 800; font-size: 20px; color: var(--vurgu); }
.hv-kart__ad { font-family: var(--f-baslik); font-weight: 900; font-size: 48px; line-height: .9; text-transform: uppercase; }
.hv-kart__metin { color: var(--soluk); }
.hv-kart--buyuk { position: relative; overflow: hidden; grid-row: span 2; min-height: 340px; justify-content: flex-end; border: 0; background: #333; }
.hv-kart--buyuk > * { position: relative; }
.hv-kart--buyuk .hv-kart__no { color: var(--beyaz); font-size: 22px; }
.hv-kart--buyuk .hv-kart__ad { font-size: 72px; }
.hv-kart--buyuk .hv-kart__metin { color: var(--beyaz); max-width: 420px; }
.hv-kart__gorsel { position: absolute !important; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hv-kart__perde { position: absolute !important; inset: 0; background: rgba(22, 22, 22, .55); }
.hv-kart__not { align-self: flex-start; font-family: var(--f-el); font-size: 20px; background: var(--vurgu); color: var(--beyaz); padding: 2px 12px; transform: rotate(-2deg); }

/* ---------- Mevzuat ---------- */
.mevzuat .kap { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.mevzuat__muhur { flex: 0 1 300px; min-width: 0; display: flex; justify-content: center; }
.muhur { width: 260px; height: 260px; border-radius: 50%; border: 6px solid var(--vurgu-koyu); color: var(--vurgu-koyu); display: flex; align-items: center; justify-content: center; transform: rotate(-14deg); padding: 14px; }
.koyu .muhur { border-color: var(--vurgu); color: var(--vurgu); }
.muhur__ic { width: 100%; height: 100%; border-radius: 50%; border: 2px dashed currentColor; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-align: center; font-family: var(--f-baslik); }
.muhur__ust, .muhur__alt { font-weight: 800; font-size: 17px; letter-spacing: 3px; }
.muhur__orta { font-weight: 900; font-size: 50px; line-height: .9; }
.mevzuat__metin { flex: 1 1 520px; min-width: 0; gap: 22px; }
.mevzuat__metin p { font-size: 19px; color: var(--metin); max-width: 620px; }
.koyu .mevzuat__metin p { color: var(--soluk-koyu); }
.rozetler { display: flex; flex-wrap: wrap; gap: 10px; }
.rozetler li { padding: 10px 16px; background: var(--murekkep); color: var(--kagit); font-weight: 500; }
.koyu .rozetler li { background: var(--kagit); color: var(--murekkep); }

/* ---------- Arşiv şeridi ---------- */
.arsiv-serit .bolum-bas { margin-bottom: 64px; }
.arsiv-serit__sag { gap: 18px; max-width: 420px; }
.arsiv-serit__sag p { font-size: 19px; }
.baski-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px 28px; }
.baski-izgara .baski { box-shadow: 0 14px 30px rgba(0, 0, 0, .3); padding: 10px 10px 40px; }
.baski-izgara .baski:nth-child(even) { margin-top: 24px; }

/* ---------- Süreç ---------- */
.surec { gap: 56px; }
.adimlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); border-top: 3px dashed var(--murekkep); }
.adim { padding: 28px 28px 0 0; gap: 10px; }
.adim__no { font-family: var(--f-baslik); font-weight: 900; font-size: 96px; line-height: .85; color: transparent; -webkit-text-stroke: 2px var(--murekkep); }
.adim:last-child .adim__no { color: var(--vurgu); -webkit-text-stroke: 0; }
.adim__baslik { font-size: 22px; font-weight: 600; }
.adim__metin { color: var(--metin); }

/* ---------- Referanslar ---------- */
.referanslar .kap { gap: 40px; }
.referanslar .bolum-bas { margin-bottom: 0; }
.logo-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); border-top: 1px solid #DAD5CB; border-left: 1px solid #DAD5CB; }
.logo-izgara__oge { height: 128px; padding: 24px; border-right: 1px solid #DAD5CB; border-bottom: 1px solid #DAD5CB; display: flex; align-items: center; justify-content: center; background: var(--beyaz); }
.logo-izgara__oge img { max-width: 100%; max-height: 72px; object-fit: contain; filter: grayscale(.15); transition: filter .2s ease, transform .2s ease; }
.logo-izgara__oge:hover img { filter: none; transform: scale(1.04); }

/* ---------- Kapanış + footer ---------- */
.site-son { background: var(--murekkep); color: var(--kagit); }
.site-son a { color: var(--kagit); text-decoration: none; }
.site-son a:hover { color: var(--vurgu); }
.kapanis { display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; align-items: flex-end; padding-top: 112px; padding-bottom: 72px; }
.kapanis .dugme { color: var(--beyaz); }
.site-son__alt { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; align-items: flex-start; border-top: 1px solid #3A3A3A; padding-top: 40px; padding-bottom: 40px; }
.site-son__alt:first-child { border-top: 0; padding-top: 64px; }
.site-son__logo img { height: 120px; width: auto; display: block; }
.site-son__liste { display: flex; flex-direction: column; gap: 10px; }
.site-son__adres { color: var(--soluk); white-space: pre-line; }
.site-son__telif { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; font-size: 14px; color: var(--soluk); padding-bottom: 40px; }
.site-son__telif a { color: var(--soluk); }
.site-son__yasal { display: flex; flex-wrap: wrap; gap: 8px 18px; }

/* ---------- Sayfa girişleri ---------- */
.sayfa-giris { position: relative; overflow: hidden; }
.sayfa-giris .kap { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; padding-top: 88px; padding-bottom: 104px; }
.sayfa-giris__metin { flex: 1 1 520px; min-width: 0; gap: 24px; }
.sayfa-giris__gorsel { flex: 1 1 440px; min-width: 0; --a: 2.5deg; --o: 4 / 3; padding: 14px 14px 52px; }
.sayfa-giris__gorsel figcaption { font-size: 19px; bottom: 12px; }

/* ---------- Hikaye bölümleri ---------- */
.hikaye { padding-top: 120px; padding-bottom: 40px; gap: 140px; }
.hikaye-bolum { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.hikaye-bolum:nth-child(even) { flex-direction: row-reverse; }
.hikaye-bolum__metin { flex: 1 1 480px; min-width: 0; gap: 18px; }
.hikaye-bolum__metin p { color: var(--metin); max-width: 540px; }
.hikaye-bolum__yil { font-family: var(--f-baslik); font-weight: 900; font-size: clamp(88px, 13vw, 200px); line-height: .8; color: transparent; -webkit-text-stroke: 3px var(--vurgu); }
.hikaye-bolum__yil--dolu { color: var(--vurgu); -webkit-text-stroke: 0; }
.hikaye-bolum__yil--uzun { font-size: clamp(76px, 11vw, 170px); }
.hikaye-bolum__gorsel { flex: 1 1 420px; min-width: 0; position: relative; }
.hikaye-bolum__gorsel > .baski { --a: -3deg; }
.hikaye-bolum:nth-child(even) .hikaye-bolum__gorsel > .baski { --a: 3deg; }
.kolaj-iki { height: 520px; }
.kolaj-iki .baski { position: absolute; }
.kolaj-iki .baski:first-child { left: 0; top: 0; width: 66%; --a: -4deg; --o: 1.2 / 1; --bx: 35%; }
.kolaj-iki .baski:last-child { right: 0; bottom: 0; width: 58%; --a: 5deg; --o: 1.2 / 1; --bx: 35%; --ba: -3deg; }
.yer-tutucu { aspect-ratio: 4 / 3; border: 3px dashed #8A857B; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #5A564F; text-align: center; padding: 24px; font-family: var(--f-el); font-size: 24px; }
.harita { position: relative; padding: 24px 0; }
.harita svg { display: block; width: 100%; height: auto; overflow: visible; }
.harita path { fill: var(--beyaz); stroke: var(--vurgu); stroke-width: 4; stroke-linejoin: round; }
.harita__yazi { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; pointer-events: none; }
.harita__buyuk { font-family: var(--f-baslik); font-weight: 900; font-size: clamp(56px, 8vw, 120px); line-height: .85; text-transform: uppercase; }
.harita__not { font-family: var(--f-el); font-size: 22px; color: var(--vurgu-koyu); transform: rotate(-3deg); }

.ilke .kap > div { border-top: 3px solid var(--murekkep); border-bottom: 3px solid var(--murekkep); padding: 56px 0; display: flex; flex-wrap: wrap; gap: 24px 56px; align-items: center; justify-content: space-between; }
.ilke__metin { flex: 1 1 640px; min-width: 0; font-size: clamp(40px, 6vw, 88px); line-height: 1.12; }

.galeri .bolum-bas { margin-bottom: 56px; }
.galeri .bolum-bas p { max-width: 420px; color: var(--soluk-koyu); }
.galeri-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px 20px; }
.galeri-izgara figure { gap: 10px; display: flex; flex-direction: column; }
.galeri-izgara img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.galeri-izgara figcaption { display: flex; justify-content: space-between; gap: 8px; font-size: 15px; }
.galeri-izgara figcaption span { color: var(--soluk); }

/* ---------- Hizmetlerimiz ---------- */
.hz-giris .kap { display: flex; flex-wrap: wrap; gap: 56px; align-items: flex-end; padding-top: 80px; padding-bottom: 96px; }
.hz-giris__metin { flex: 1 1 560px; min-width: 0; gap: 24px; }
.hz-indeks { flex: 1 1 380px; min-width: 0; border-top: 3px solid var(--murekkep); }
.hz-indeks a { display: flex; align-items: baseline; gap: 18px; padding: 14px 0; border-bottom: 1px solid var(--soluk); text-decoration: none; }
.hz-indeks a:hover .hz-indeks__ad { color: var(--vurgu); }
.hz-indeks__no { font-family: var(--f-baslik); font-weight: 800; font-size: 20px; color: var(--vurgu-koyu); }
.hz-indeks__ad { flex: 1; font-family: var(--f-baslik); font-weight: 900; font-size: 40px; line-height: 1; text-transform: uppercase; }

.hz-buyuk .kap { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.hz-buyuk--ters .kap { flex-direction: row-reverse; }
.hz-buyuk__metin { flex: 1 1 500px; min-width: 0; gap: 20px; }
.hz-buyuk__metin > p { font-size: 19px; color: var(--metin); max-width: 560px; }
.koyu .hz-buyuk__metin > p { color: var(--soluk-koyu); }
.hz-buyuk__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.hz-buyuk__ust .not { font-size: 20px; }
.hz-ad { font-size: clamp(56px, 9vw, 132px); line-height: 1.08; }
.maddeler { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--soluk); }
.maddeler li { padding: 12px 0; border-bottom: 1px solid var(--soluk); }
.koyu .maddeler, .koyu .maddeler li { border-color: var(--cizgi); }
.hz-buyuk__gorsel { flex: 1 1 440px; min-width: 0; position: relative; }
.hz-kolaj { height: 560px; }
.hz-kolaj .baski { position: absolute; }
.hz-kolaj .baski:first-child { left: 0; top: 0; width: 70%; --a: -4deg; --o: 1.2 / 1; --bx: 35%; }
.hz-kolaj .baski:last-child { right: 0; bottom: 0; width: 56%; --a: 5deg; --bx: 30%; --ba: -4deg; }
.hz-kolaj--tek { height: auto; }
.hz-kolaj--tek .baski:first-child { position: relative; width: 100%; }
.afis { aspect-ratio: 4 / 3.2; background: var(--vurgu); color: var(--beyaz); border: 3px solid var(--murekkep); box-shadow: 12px 12px 0 var(--murekkep); display: flex; flex-direction: column; justify-content: space-between; padding: 36px; transform: rotate(-1.5deg); }
.afis__not { font-family: var(--f-el); font-size: 24px; }
.afis__yazi { font-size: clamp(52px, 7vw, 100px); line-height: 1.08; }
.ekran { aspect-ratio: 16 / 10; background: var(--murekkep); border: 3px solid var(--murekkep); position: relative; display: flex; align-items: center; justify-content: center; box-shadow: -12px 12px 0 var(--vurgu); overflow: hidden; }
.ekran video, .ekran img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ekran__rec { position: absolute; left: 16px; top: 14px; z-index: 1; font-family: var(--f-baslik); font-weight: 800; font-size: 18px; letter-spacing: 2px; color: var(--vurgu); }
.ekran__alt { position: absolute; right: 16px; bottom: 14px; z-index: 1; font-family: var(--f-baslik); font-weight: 800; font-size: 18px; letter-spacing: 2px; color: var(--kagit); }
.ekran__orta { font-family: var(--f-el); font-size: 22px; color: var(--kagit); text-align: center; padding: 0 24px; }

.hz-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 28px 24px; }
.hz-kart { gap: 18px; border: 3px solid var(--murekkep); padding: 32px; box-shadow: 8px 8px 0 var(--murekkep); scroll-margin-top: 24px; }
.hz-kart.kagit-zemin { background: var(--kagit); }
.hz-kart.beyaz-zemin { background: var(--beyaz); }
.hz-kart.vurgu-zemin { transform: rotate(-1deg); }
.hz-kart.koyu { box-shadow: 8px 8px 0 var(--vurgu); }
.hz-kart__no { font-family: var(--f-baslik); font-weight: 800; font-size: 20px; letter-spacing: 2px; color: var(--vurgu-koyu); }
.hz-kart.koyu .hz-kart__no { color: var(--vurgu); }
.hz-kart.vurgu-zemin .hz-kart__no { color: var(--beyaz); }
.hz-kart__ad { font-size: 64px; }
.hz-kart p { color: var(--metin); }
.hz-kart.koyu p { color: var(--soluk-koyu); }
.hz-kart.vurgu-zemin p { color: var(--beyaz); }
.hz-kart .maddeler { grid-template-columns: 1fr; }
.hz-kart .maddeler li { padding: 10px 0; }
.hz-kart.vurgu-zemin .maddeler, .hz-kart.vurgu-zemin .maddeler li { border-color: rgba(255, 255, 255, .5); }
[id] { scroll-margin-top: 16px; }

/* ---------- İletişim ---------- */
.il-ana { position: relative; overflow: hidden; }
.il-ana__72 { position: absolute; left: -30px; bottom: -80px; font-family: var(--f-baslik); font-weight: 900; font-size: 520px; line-height: .8; color: transparent; -webkit-text-stroke: 2px rgba(22, 22, 22, .07); pointer-events: none; user-select: none; }
.il-ana .kap { position: relative; display: flex; flex-wrap: wrap; gap: 56px; align-items: flex-start; padding-top: 80px; padding-bottom: 112px; }
.il-bilgi { flex: 1 1 440px; min-width: 0; gap: 28px; }
.il-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); border-top: 3px solid var(--murekkep); }
.il-kart { display: flex; flex-direction: column; gap: 4px; padding: 20px 20px 20px 0; border-bottom: 1px solid var(--soluk); text-decoration: none; }
.il-kart__etiket { font-family: var(--f-baslik); font-weight: 800; font-size: 16px; letter-spacing: 2px; color: var(--vurgu-koyu); }
.il-kart__deger { font-family: var(--f-baslik); font-weight: 900; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.05; word-break: break-word; }
.il-kart__duz { font-size: 17px; white-space: pre-line; }
.sosyal { display: flex; flex-wrap: wrap; gap: 12px; }
.sosyal a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; border: 2px solid var(--murekkep); text-decoration: none; font-weight: 600; }
.sosyal a:hover { background: var(--murekkep); color: var(--kagit); }

.teklif { flex: 1 1 560px; min-width: 0; position: relative; background: var(--beyaz); border: 3px solid var(--murekkep); box-shadow: 12px 12px 0 var(--murekkep); padding: 40px; display: flex; flex-direction: column; gap: 22px; scroll-margin-top: 24px; }
.teklif::before, .teklif::after { content: ""; position: absolute; top: -16px; height: 32px; background: rgba(239, 235, 227, .95); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
.teklif::before { left: 40px; width: 130px; transform: rotate(-3deg); }
.teklif::after { right: 40px; width: 110px; transform: rotate(4deg); }
.teklif__bas { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.teklif__bas .el { font-size: 18px; }
.teklif__ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.alan { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 15px; }
.alan input, .alan textarea { width: 100%; min-height: 52px; padding: 0 14px; border: 2px solid var(--murekkep); font: inherit; font-weight: 400; font-size: 17px; background: var(--beyaz); color: var(--murekkep); border-radius: 0; }
.alan textarea { padding: 12px 14px; resize: vertical; min-height: 140px; }
.alan input:focus, .alan textarea:focus { outline: 3px solid var(--vurgu); outline-offset: 0; }
.hizmet-sec { border: 0; margin: 0; padding: 0; }
.hizmet-sec legend { font-weight: 600; font-size: 15px; padding: 0; margin-bottom: 10px; }
.hizmet-sec__liste { display: flex; flex-wrap: wrap; gap: 10px; }
.hizmet-sec label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 2px solid var(--murekkep); font-weight: 500; cursor: pointer; }
.hizmet-sec input { width: 18px; height: 18px; accent-color: var(--vurgu); margin: 0; }
.hizmet-sec label:has(input:checked) { background: var(--murekkep); color: var(--beyaz); }
.onay { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--metin); }
.onay input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--vurgu); flex: 0 0 auto; }
.teklif__gonder { min-height: 62px; border: 3px solid var(--murekkep); background: var(--vurgu); color: var(--beyaz); font-family: var(--f-baslik); font-weight: 900; font-size: 28px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; box-shadow: 6px 6px 0 var(--murekkep); display: inline-flex; align-items: center; justify-content: center; gap: 12px; transition: transform .15s ease, box-shadow .15s ease; }
.teklif__gonder:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--murekkep); }
.tuzak { position: absolute !important; left: -9999px !important; }
.uyari { padding: 16px 18px; border: 3px solid var(--murekkep); font-weight: 600; white-space: pre-line; }
.uyari--tamam { background: var(--murekkep); color: var(--kagit); }
.uyari--hata { background: #FFF1F1; color: var(--vurgu-koyu); border-color: var(--vurgu-koyu); }

.harita-alani { position: relative; height: 420px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #DCD6CA; }
.harita-alani__izgara { position: absolute; inset: 0; background-image: linear-gradient(#C9C2B4 2px, transparent 2px), linear-gradient(90deg, #C9C2B4 2px, transparent 2px); background-size: 80px 80px; }
.harita-alani iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.4) contrast(1.05); }
.harita-alani__isaret { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.harita-alani__etiket { background: var(--vurgu); color: var(--beyaz); padding: 12px 20px; border: 3px solid var(--murekkep); box-shadow: 6px 6px 0 var(--murekkep); font-family: var(--f-baslik); font-weight: 900; font-size: 28px; text-transform: uppercase; }
.harita-alani--dolu .harita-alani__isaret { position: absolute; left: 24px; top: 24px; align-items: flex-start; }

/* ---------- Genel sayfa (KVKK vb.) ---------- */
.duz-sayfa { padding-top: 80px; padding-bottom: 112px; }
.duz-sayfa .icerik { max-width: 760px; font-size: 18px; }
.duz-sayfa .icerik > * + * { margin-top: 1em; }
.duz-sayfa .icerik h2 { font-family: var(--f-baslik); font-weight: 900; text-transform: uppercase; font-size: 40px; line-height: 1; margin-top: 1.5em; }
.duz-sayfa .icerik ul { list-style: disc; padding-left: 1.4em; }

/* =====================================================================
   TABLET (768–1024)
   ===================================================================== */
@media (max-width: 1024px) {
	.bolum { padding-top: 88px; padding-bottom: 88px; }
	.hero__72 { font-size: 440px; }
	.kolaj { height: 540px; }
	.ana-menu a { font-size: 19px; padding: 8px 10px; }
	.hv-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hv-kart--genis2, .hv-kart--genis3 { grid-column: auto; }
	.hv-kart--buyuk { grid-column: 1 / -1; grid-row: auto; }
	.site-bas .kap { flex-wrap: wrap; }
}

/* =====================================================================
   MOBİL (< 768px) — TÜM YAZILAR ORTALI
   ===================================================================== */
@media (max-width: 767px) {
	body { font-size: 16px; text-align: center; }
	.kap { padding-left: 18px; padding-right: 18px; }
	.bolum { padding-top: 72px; padding-bottom: 72px; }

	/* Yığınlar ve satırlar ortaya hizalanır */
	.yigin, .hero__metin, .sayfa-giris__metin, .hz-giris__metin, .hz-buyuk__metin, .hikaye-bolum__metin, .mevzuat__metin, .il-bilgi, .rakam, .adim, .arsiv-serit__sag { align-items: center; }
	.not, .plaka, .hv-kart__not { align-self: center; }
	.dugmeler, .rozetler, .sosyal, .hizmet-sec__liste, .hz-buyuk__ust, .site-son__yasal, .ust-serit__baglar { justify-content: center; }
	.bolum-bas, .manifesto__ust, .kapanis, .site-son__alt, .site-son__telif, .teklif__bas { flex-direction: column; align-items: center; justify-content: center; text-align: center; }
	.giris, .mevzuat__metin p, .hz-buyuk__metin > p, .hikaye-bolum__metin p { margin-left: auto; margin-right: auto; }
	.dugme { width: 100%; max-width: 360px; }

	/* Sütuna dönen düzenlerde esnek taban yüksekliğe dönüşmesin */
	.manifesto__ust > *, .hikaye-bolum > *, .hz-buyuk .kap > *, .kapanis > *, .bolum-bas > *, .site-son__alt > *, .ilke .kap > div > *, .hero__ic > *, .sayfa-giris .kap > *, .hz-giris .kap > *, .il-ana .kap > *, .mevzuat .kap > * { flex-basis: auto; }
	.hero__metin, .sayfa-giris__metin, .hz-giris__metin, .il-bilgi, .teklif, .hz-indeks, .sayfa-giris__gorsel { width: 100%; }

	/* Üst şerit ve header */
	.ust-serit .kap { justify-content: center; text-align: center; }
	.site-bas .kap { flex-wrap: nowrap; }
	.logo img { height: min(var(--logo-y, 70px), 56px); }
	.menu-ac { display: inline-flex; }
	.site-bas .kap > .dugme { display: none; }
	.ana-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--kagit); border-bottom: 3px solid var(--murekkep); padding: 12px 18px 22px; }
	.menu-acik .ana-menu { display: block; }
	.ana-menu ul { flex-direction: column; align-items: stretch; gap: 2px; }
	.ana-menu a { font-size: 30px; padding: 12px; text-align: center; }
	.ana-menu__teklif { display: flex !important; margin-top: 12px; max-width: none; }

	/* Hero */
	.hero__72 { font-size: 300px; right: -20px; top: -20px; }
	.hero__ic { padding-top: 40px; padding-bottom: 64px; gap: 40px; }
	.h-kutulu .v { box-shadow: 5px 5px 0 var(--murekkep); }
	.kolaj { flex-basis: 100%; height: auto; aspect-ratio: 1 / 1.08; }
	.rozet { width: 96px; height: 96px; left: 0; bottom: 20px; }
	.rozet__orta { font-size: 34px; }
	.rozet__ust, .rozet__alt { font-size: 10px; letter-spacing: 2px; }
	.baski { padding: 8px 8px 34px; }
	.baski figcaption { font-size: 14px; left: 10px; right: 10px; bottom: 7px; text-align: center; }
	.baski::before { width: 80px; height: 22px; margin-left: -40px; top: -10px; }

	.serit__ic { font-size: 30px; padding: 10px 0; }
	.serit__ic span { padding: 0 18px; }

	.manifesto { padding-top: 80px; padding-bottom: 72px; gap: 40px; }
	.rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rakam { padding: 22px 8px 0; }
	.rakam__deger { font-size: 54px; }
	.rakam__aciklama { font-size: 14px; }

	.hv-izgara { grid-template-columns: minmax(0, 1fr); }
	.hv-kart { align-items: center; text-align: center; }
	.hv-kart--buyuk { min-height: 300px; }
	.hv-kart--buyuk .hv-kart__ad { font-size: 56px; }
	.hv-kart__ad { font-size: 42px; }

	.mevzuat .kap { justify-content: center; gap: 40px; }
	.muhur { width: 210px; height: 210px; }
	.muhur__orta { font-size: 40px; }

	.baski-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
	.baski-izgara .baski:nth-child(even) { margin-top: 16px; }

	.adimlar { grid-template-columns: minmax(0, 1fr); }
	.adim { padding: 24px 0 8px; }
	.adim__no { font-size: 76px; }

	.logo-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.logo-izgara__oge { height: 104px; padding: 16px; }
	.logo-izgara__oge img { max-height: 56px; }

	.kapanis { padding-top: 80px; padding-bottom: 56px; }
	.site-son__alt { gap: 28px; }
	.site-son__liste { align-items: center; }
	.site-son__logo img { height: 96px; margin: 0 auto; }

	.sayfa-giris .kap { padding-top: 48px; padding-bottom: 72px; gap: 48px; }
	.sayfa-giris__gorsel { --a: 1.5deg; }

	.hikaye { padding-top: 80px; gap: 96px; }
	.hikaye-bolum, .hikaye-bolum:nth-child(even) { flex-direction: column; gap: 36px; }
	.hikaye-bolum__gorsel { width: 100%; flex-basis: auto; }
	.kolaj-iki, .hz-kolaj { height: auto; aspect-ratio: 1 / 1.05; }
	.kolaj-iki.tek, .hz-kolaj--tek { aspect-ratio: auto; }
	.hikaye-bolum__yil { -webkit-text-stroke-width: 2px; }

	.ilke .kap > div { flex-direction: column; justify-content: center; padding: 40px 0; }
	.galeri-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
	.galeri-izgara figcaption { flex-direction: column; align-items: center; gap: 0; font-size: 13px; }

	.hz-giris .kap { padding-top: 48px; padding-bottom: 72px; gap: 40px; }
	.hz-indeks a { justify-content: center; }
	.hz-indeks__ad { flex: 0 1 auto; font-size: 32px; }
	.hz-indeks a span[aria-hidden] { display: none; }
	.hz-buyuk .kap, .hz-buyuk--ters .kap { flex-direction: column; gap: 40px; }
	.hz-buyuk__gorsel { width: 100%; flex-basis: auto; }
	.maddeler { grid-template-columns: minmax(0, 1fr); width: 100%; }
	.afis { padding: 24px; box-shadow: 8px 8px 0 var(--murekkep); align-items: center; }
	.ekran { box-shadow: -8px 8px 0 var(--vurgu); }
	.hz-kartlar { grid-template-columns: minmax(0, 1fr); }
	.hz-kart { padding: 26px 20px; align-items: center; }
	.hz-kart__ad { font-size: 52px; }

	.il-ana .kap { padding-top: 48px; padding-bottom: 72px; gap: 48px; }
	.il-ana__72 { font-size: 300px; }
	.il-kartlar { grid-template-columns: minmax(0, 1fr); width: 100%; }
	.il-kart { align-items: center; padding: 18px 0; }
	.il-kart__deger { font-size: 28px; }
	.teklif { padding: 30px 18px; box-shadow: 8px 8px 0 var(--murekkep); }
	.teklif__ikili { grid-template-columns: minmax(0, 1fr); }
	.alan { align-items: center; text-align: center; }
	.alan input, .alan textarea { text-align: center; }
	.hizmet-sec legend { width: 100%; text-align: center; }
	.onay { text-align: center; justify-content: center; }
	.harita-alani { height: 320px; }
	.harita-alani--dolu .harita-alani__isaret { left: 50%; transform: translateX(-50%); align-items: center; }
	.harita-alani__etiket { font-size: 22px; }

	.duz-sayfa .icerik { margin: 0 auto; }
	.duz-sayfa .icerik ul { list-style-position: inside; padding-left: 0; }
}

/* Masaüstünde menü içindeki teklif düğmesi gizli (mobil menüde görünür) */
.ana-menu__teklif { display: none !important; }