/* X8 Teknoloji — açık tema, kâğıt/mürekkep */
:root {
  --kagit: #f5f2ea;
  --kagit-2: #ece7da;
  --beyaz: #fffdf8;
  --murekkep: #16181b;
  --murekkep-2: #4d5258;
  --murekkep-3: #868a8f;
  --cizgi: #d7d0c0;
  --vurgu: #0f6a4b;
  --vurgu-acik: #dbeadf;
  --isaret: #f2d24b;
  --amber: #a5620f;
  --amber-acik: #f5e6cc;

  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

  --kap: 1200px;
  --kenar: clamp(16px, 4vw, 40px);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font: 400 17px/1.6 var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--serif); font-weight: 500; letter-spacing: -0.015em; margin: 0; font-optical-sizing: auto; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; }

.kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar); }
.atla { position: absolute; left: -999px; top: 8px; background: var(--murekkep); color: var(--kagit); padding: 8px 12px; z-index: 50; }
.atla:focus { left: 8px; }

.ust-etiket {
  font: 500 12px/1.4 var(--mono);
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--murekkep-2);
  margin: 0 0 18px;
}

/* ---------- Üst bar ---------- */
.ust { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--kagit) 92%, transparent); backdrop-filter: blur(6px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.logo { display: inline-flex; align-items: baseline; gap: 6px; text-decoration: none; }
.logo-gorsel { height: 36px; width: auto; max-width: 180px; object-fit: contain; }
.logo-x8 { font: 600 26px/1 var(--serif); letter-spacing: -0.03em; }
.logo-yazi { font: 500 12px/1 var(--mono); text-transform: uppercase; letter-spacing: .14em; color: var(--murekkep-2); }
.menu { display: flex; gap: 30px; align-items: center; }
.menu a { text-decoration: none; font-size: 15px; color: var(--murekkep-2); }
.menu a:hover, .menu a[aria-current] { color: var(--murekkep); }
.menu .menu-iletisim { color: var(--murekkep); border: 1px solid var(--murekkep); padding: 7px 14px; border-radius: 999px; }
.menu .menu-iletisim:hover { background: var(--murekkep); color: var(--kagit); }
.menu-dugme { display: none; background: none; border: 1px solid var(--murekkep); border-radius: 999px; padding: 6px 14px; font: 500 13px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--murekkep); cursor: pointer; }

/* ---------- Giriş ---------- */
.giris { padding: clamp(48px, 8vw, 104px) 0 clamp(56px, 8vw, 96px); border-bottom: 1px solid var(--cizgi); }
.giris-ic { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.giris h1 { font-size: clamp(2.6rem, 6.4vw, 5.4rem); line-height: 1.02; letter-spacing: -0.03em; max-width: 11ch; }
.giris-alt { font-size: clamp(1.05rem, 1.5vw, 1.2rem); color: var(--murekkep-2); max-width: 34em; margin: 26px 0 32px; }
.giris-dugmeler { display: flex; gap: 12px; flex-wrap: wrap; }

.dugme {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px; border-radius: 999px; border: 1px solid var(--murekkep);
  font: 500 15px/1 var(--sans); text-decoration: none; color: var(--murekkep);
  transition: background .15s, color .15s;
}
.dugme:hover { background: var(--murekkep); color: var(--kagit); }
.dugme-dolu { background: var(--murekkep); color: var(--kagit); }
.dugme-dolu:hover { background: var(--vurgu); border-color: var(--vurgu); }

/* Kupon / fiş */
.kupon-sar { filter: drop-shadow(0 18px 28px rgba(40, 32, 12, .12)) drop-shadow(0 2px 3px rgba(40, 32, 12, .08)); transform: rotate(1.6deg); }
.kupon {
  --r: 7px;
  background: var(--beyaz);
  padding: 30px 26px 26px;
  font-family: var(--mono);
  -webkit-mask:
    radial-gradient(circle at 50% 0, transparent var(--r), #000 calc(var(--r) + .5px)) top / 20px 51% repeat-x,
    radial-gradient(circle at 50% 100%, transparent var(--r), #000 calc(var(--r) + .5px)) bottom / 20px 51% repeat-x;
          mask:
    radial-gradient(circle at 50% 0, transparent var(--r), #000 calc(var(--r) + .5px)) top / 20px 51% repeat-x,
    radial-gradient(circle at 50% 100%, transparent var(--r), #000 calc(var(--r) + .5px)) bottom / 20px 51% repeat-x;
}
.kupon-bas, .kupon-alt { display: flex; justify-content: space-between; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--murekkep-2); }
.kupon-bas { padding-bottom: 14px; border-bottom: 1px dashed var(--cizgi); }
.kupon-satirlar { list-style: none; margin: 0; padding: 0; }
.kupon-satirlar li + li { border-top: 1px dashed var(--cizgi); }
.kupon-satirlar a { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; padding: 15px 0; text-decoration: none; }
.kupon-satirlar a:hover .ks-ad { text-decoration: underline; text-underline-offset: 3px; }
.ks-no { font-size: 13px; color: var(--murekkep-3); }
.ks-ad { font: 500 15.5px/1.25 var(--sans); }
.ks-ad small { display: block; font: 400 12px/1.5 var(--mono); color: var(--murekkep-3); }
.kupon-alt { padding-top: 14px; border-top: 1px solid var(--murekkep); }
.barkod {
  height: 40px; margin-top: 18px;
  background: repeating-linear-gradient(90deg,
    var(--murekkep) 0 2px, transparent 2px 4px, var(--murekkep) 4px 5px, transparent 5px 8px,
    var(--murekkep) 8px 11px, transparent 11px 12px, var(--murekkep) 12px 13px, transparent 13px 17px);
  opacity: .85;
}

.durum { display: inline-flex; align-items: center; gap: 6px; font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; padding: 5px 8px; border-radius: 4px; white-space: nowrap; }
.durum::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.durum-yayinda { color: var(--vurgu); background: var(--vurgu-acik); }
.durum-gelistiriliyor, .durum-beta { color: var(--amber); background: var(--amber-acik); }
.durum-arsiv { color: var(--murekkep-2); background: var(--kagit-2); }

/* ---------- Bölümler ---------- */
.bolum { padding: clamp(64px, 9vw, 120px) 0; }
.bolum-zemin { background: var(--kagit-2); }
.bolum-bas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: end; margin-bottom: clamp(40px, 6vw, 72px); }
.bolum-bas h2 { font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1; letter-spacing: -0.03em; }
.bolum-bas p { color: var(--murekkep-2); margin: 0; max-width: 30em; justify-self: end; }

/* Proje satırları */
.proje {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 72px);
  align-items: center; padding: clamp(36px, 5vw, 64px) 0; border-top: 1px solid var(--murekkep);
}
.proje:last-child { border-bottom: 1px solid var(--murekkep); }
.proje-ters { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.proje-ters .proje-bilgi { order: 2; }
.proje-ust { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.proje-no { font: 500 13px var(--mono); color: var(--murekkep-3); }
.proje h3 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); line-height: 1.05; }
.proje h3 a { text-decoration: none; }
.proje h3 a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.proje-alan { font: 400 14px var(--mono); color: var(--murekkep-2); margin: 10px 0 18px; }
.proje-alan span { color: var(--murekkep-3); }
.proje-kisa { font-size: 18px; line-height: 1.55; max-width: 28em; }

.etiketler { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0 0; padding: 0; }
.etiketler li { font: 400 12.5px/1 var(--mono); padding: 6px 9px; border: 1px solid var(--cizgi); border-radius: 4px; color: var(--murekkep-2); background: var(--beyaz); }

.proje-linkler { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
.ok-link { font-weight: 500; text-decoration: none; background: linear-gradient(var(--isaret), var(--isaret)) 0 88% / 100% .42em no-repeat; padding: 0 2px; }
.ok-link::after { content: " →"; }
.ok-link:hover { background-size: 100% 100%; }
.dis-link { text-decoration: none; color: var(--murekkep-2); border-bottom: 1px solid var(--cizgi); }
.dis-link:hover { color: var(--murekkep); border-color: var(--murekkep); }

/* Vitrin: tarayıcı + telefon */
.proje-gorsel { display: block; text-decoration: none; }
.vitrin { position: relative; display: block; padding: 0 6% 7% 0; }
.proje-ters .vitrin { padding: 0 0 7% 6%; }
.tarayici {
  display: block; background: var(--beyaz); border: 1px solid var(--murekkep); border-radius: 10px; overflow: hidden;
  box-shadow: 8px 8px 0 var(--cizgi);
  transition: transform .25s ease, box-shadow .25s ease;
}
.proje-gorsel:hover .tarayici { transform: translate(-3px, -3px); box-shadow: 11px 11px 0 var(--cizgi); }
.tarayici-cubuk { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-bottom: 1px solid var(--murekkep); background: var(--kagit); }
.tarayici-cubuk i { width: 9px; height: 9px; border-radius: 50%; border: 1px solid var(--murekkep-2); }
.tarayici-adres { margin-left: 10px; font: 400 11.5px var(--mono); color: var(--murekkep-2); }
.tarayici img { aspect-ratio: 16 / 10; object-fit: cover; object-position: top; width: 100%; }
.telefon {
  position: absolute; right: 0; bottom: 0; width: 23%;
  border: 5px solid var(--murekkep); border-radius: 20px; overflow: hidden; background: var(--murekkep);
  box-shadow: 0 14px 30px rgba(20, 16, 6, .22);
}
.proje-ters .telefon { right: auto; left: 0; }
.telefon img { aspect-ratio: 390 / 844; object-fit: cover; object-position: top; border-radius: 14px; width: 100%; }
.gorsel-yok {
  aspect-ratio: 16 / 10; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background:
    repeating-linear-gradient(-45deg, transparent 0 14px, rgba(22, 24, 27, .04) 14px 15px),
    var(--beyaz);
}
.gorsel-yok-ad { font: 500 clamp(1.6rem, 4vw, 3rem)/1 var(--serif); letter-spacing: -0.02em; }
.gorsel-yok-not { font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--amber); }

/* Hakkımızda */
.hakkimizda { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 72px); }
.hakkimizda h2 { font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1; letter-spacing: -0.03em; }
.hakkimizda-metin p { font-size: 19px; line-height: 1.65; }
.hakkimizda-metin p:first-child::first-letter { font: 500 3.4em/0.85 var(--serif); float: left; margin: 6px 10px 0 0; }
.ilkeler { list-style: none; counter-reset: ilke; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: clamp(48px, 7vw, 88px) 0 0; padding: 0; }
.ilkeler li { counter-increment: ilke; border-top: 2px solid var(--murekkep); padding-top: 18px; }
.ilkeler li::before { content: counter(ilke, decimal-leading-zero); font: 500 12px var(--mono); color: var(--murekkep-3); }
.ilkeler h3 { font-size: 1.45rem; margin: 10px 0 10px; }
.ilkeler p { color: var(--murekkep-2); font-size: 15.5px; margin: 0; }

/* Bayi */
.bayi { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.bayi h2 { font-size: clamp(2.2rem, 4.4vw, 3.4rem); line-height: 1.05; margin-bottom: 20px; }
.bayi-metin > p { color: var(--murekkep-2); max-width: 36em; }
.adimlar { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 12px; }
.adimlar li { display: flex; gap: 14px; align-items: baseline; }
.adimlar span { flex: none; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--murekkep); display: inline-grid; place-items: center; font: 500 12px var(--mono); transform: translateY(-1px); }
.damga {
  justify-self: center; display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 30px 34px; border: 3px double var(--vurgu); border-radius: 14px; color: var(--vurgu); transform: rotate(-3deg);
  background: var(--beyaz);
}
.damga-ust { font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .14em; }
.damga-kod { font: 500 clamp(2.4rem, 5vw, 3.4rem)/1 var(--mono); letter-spacing: .04em; }
.kopyala { margin-top: 6px; background: var(--vurgu); color: #fff; border: 0; border-radius: 999px; padding: 8px 16px; font: 500 13px var(--sans); cursor: pointer; }
.kopyala:hover { background: var(--murekkep); }

/* İletişim */
.iletisim { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 88px); align-items: end; }
.iletisim h2 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -0.02em; }
.buyuk-posta {
  display: inline-block; margin-top: 30px; font: 500 clamp(1.5rem, 3.6vw, 2.8rem)/1.15 var(--serif); letter-spacing: -0.02em;
  text-decoration: none; background: linear-gradient(var(--isaret), var(--isaret)) 0 90% / 100% .35em no-repeat; overflow-wrap: anywhere;
}
.buyuk-posta:hover { background-size: 100% 100%; }
.kunye { margin: 0; }
.kunye div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.kunye div:last-child { border-bottom: 1px solid var(--cizgi); }
.kunye dt { font: 500 12px/1.9 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--murekkep-3); }
.kunye dd { margin: 0; }
.kunye a { text-decoration: none; border-bottom: 1px solid var(--cizgi); }
.sosyal { display: flex; gap: 14px; flex-wrap: wrap; }

/* ---------- Proje detay ---------- */
.pd-bas { padding: clamp(32px, 5vw, 56px) 0 clamp(36px, 5vw, 56px); }
.geri { display: inline-block; font: 500 13px var(--mono); text-decoration: none; color: var(--murekkep-2); margin-bottom: clamp(28px, 5vw, 56px); }
.geri:hover { color: var(--murekkep); }
.pd-bas-ic { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(28px, 5vw, 72px); align-items: end; }
.pd-bas h1 { font-size: clamp(2.6rem, 6.4vw, 5.4rem); line-height: 1; letter-spacing: -0.03em; }
.pd-bas .giris-alt { margin-bottom: 0; }
.pd-kunye { margin: 0; }
.pd-kunye div { display: grid; grid-template-columns: 96px 1fr; gap: 12px; padding: 11px 0; border-top: 1px solid var(--cizgi); align-items: center; }
.pd-kunye div:last-child { border-bottom: 1px solid var(--cizgi); }
.pd-kunye dt { font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--murekkep-3); }
.pd-kunye dd { margin: 0; font-size: 15px; }
.pd-kunye a { text-decoration: none; border-bottom: 1px solid var(--cizgi); }
.pd-vitrin .vitrin { padding: 0 8% 9% 0; }
.pd-vitrin .telefon { width: 20%; }
.pd-govde { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(32px, 6vw, 96px); background: linear-gradient(var(--murekkep), var(--murekkep)) var(--kenar) 0 / calc(100% - 2 * var(--kenar)) 1px no-repeat; padding-top: clamp(32px, 5vw, 56px); }
.pd-metin h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin-bottom: 22px; }
.pd-metin p { font-size: 19px; line-height: 1.65; }
.pd-yan h3 { font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .09em; color: var(--murekkep-3); margin: 0 0 14px; }
.pd-yan .etiketler { margin: 0; }
.madde-liste { list-style: none; padding: 0; margin: 0 0 36px; }
.madde-liste li { padding: 10px 0 10px 22px; border-top: 1px solid var(--cizgi); position: relative; font-size: 16px; }
.madde-liste li::before { content: ""; position: absolute; left: 2px; top: 19px; width: 9px; height: 2px; background: var(--vurgu); }
.sonraki { border-top: 1px solid var(--murekkep); }
.sonraki-ic { display: flex; flex-direction: column; padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(40px, 6vw, 72px); text-decoration: none; }
.sonraki-ad { font: 500 clamp(2rem, 5vw, 4rem)/1.05 var(--serif); letter-spacing: -0.03em; }
.sonraki-ic:hover .sonraki-ad { color: var(--vurgu); }
.bulunamadi h1 { font-size: clamp(2rem, 5vw, 3.4rem); margin-bottom: 20px; }

/* ---------- Bölüm sayfaları ---------- */
.sayfa-bas { padding: clamp(48px, 7vw, 88px) 0 clamp(32px, 5vw, 56px); border-bottom: 1px solid var(--cizgi); }
.sayfa-bas h1 { font-size: clamp(2.6rem, 6.4vw, 5.4rem); line-height: 1.02; letter-spacing: -0.03em; }
.sayfa-bas .giris-alt { margin-bottom: 0; }
.bolum-sikisik { padding-top: clamp(32px, 5vw, 56px); }
.bolum-sikisik > .kap > .proje:first-child { border-top: 0; padding-top: 0; }
.ara-baslik { font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -0.03em; line-height: 1.05; margin-bottom: clamp(24px, 4vw, 40px); }
.bos-mesaj { font-size: 18px; color: var(--murekkep-2); padding: 32px 0; }

.kapilar { border-bottom: 1px solid var(--murekkep); }
.kapilar-ic { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.kapi { display: flex; flex-direction: column; gap: 8px; padding: 28px 24px 30px; text-decoration: none; border-left: 1px solid var(--cizgi); transition: background .15s; }
.kapi:first-child { border-left: 0; padding-left: 0; }
.kapi:hover .kapi-ad { color: var(--vurgu); }
.kapi-sayi { font: 500 12px var(--mono); color: var(--murekkep-3); }
.kapi-ad { font: 500 1.6rem/1.1 var(--serif); letter-spacing: -0.02em; }
.kapi-ozet { font-size: 14.5px; line-height: 1.5; color: var(--murekkep-2); }

.ilkeler-ust { margin-top: 0; }
.ilkeler h3 a { text-decoration: none; }
.ilkeler h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.cagri h2 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -0.02em; }

.kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px; }
.kart { display: flex; flex-direction: column; background: var(--beyaz); border: 1px solid var(--murekkep); border-radius: 10px; overflow: hidden; box-shadow: 6px 6px 0 var(--cizgi); }
.kart-kapak { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-bottom: 1px solid var(--murekkep); text-decoration: none; }
.kart-kapak img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.kart-bos { height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px; font: 500 1.5rem/1.1 var(--serif); background: repeating-linear-gradient(-45deg, transparent 0 14px, rgba(22, 24, 27, .04) 14px 15px), var(--kagit); }
.kart-govde { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.kart-ust { display: flex; align-items: center; gap: 12px; }
.kart-ikon { width: 48px; height: 48px; border-radius: 11px; border: 1px solid var(--cizgi); object-fit: cover; }
.kart h3 { font-size: 1.45rem; line-height: 1.1; }
.kart h3 a { text-decoration: none; }
.kart-tur { font: 400 12.5px var(--mono); color: var(--murekkep-3); margin: 4px 0 0; }
.kart-kisa { font-size: 15.5px; color: var(--murekkep-2); margin: 14px 0 18px; }
.kart-alt { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: 12px; }

.hizmet { display: grid; grid-template-columns: 56px minmax(0, 5fr) minmax(0, 6fr); gap: clamp(20px, 4vw, 56px); padding: clamp(32px, 5vw, 56px) 0; border-top: 1px solid var(--murekkep); scroll-margin-top: 80px; }
.hizmet:first-child { border-top: 0; padding-top: 0; }
.hizmet h2 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.08; margin-bottom: 12px; }
.hizmet-gorsel { margin-top: 18px; border: 1px solid var(--murekkep); border-radius: 8px; }
.hizmet .madde-liste { margin-bottom: 0; }

.pd-baslik { display: flex; align-items: center; gap: 18px; }
.pd-ikon { width: 88px; height: 88px; border-radius: 20px; border: 1px solid var(--cizgi); object-fit: cover; }
.tek-telefon { max-width: 320px; border: 6px solid var(--murekkep); border-radius: 26px; overflow: hidden; }
.galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.galeri a { display: block; aspect-ratio: 4 / 3; border: 1px solid var(--murekkep); border-radius: 8px; overflow: hidden; background: var(--beyaz); }
.galeri img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .25s; }
.galeri a:hover img { transform: scale(1.03); }

/* ---------- Alt bilgi ---------- */
.alt { background: var(--murekkep); color: #d9d6cd; padding-top: clamp(48px, 6vw, 72px); }
.alt a { text-decoration: none; }
.alt-ic { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 5fr); gap: 36px; padding-bottom: 40px; }
.alt .logo-yazi { color: #9a978f; }
.alt-unvan { margin: 14px 0 4px; }
.alt-kucuk { font: 400 12.5px/1.7 var(--mono); color: #9a978f; }
.alt-kucuk span { display: block; }
.alt-projeler { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.alt-projeler a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.alt-uyari { font-size: 14px; line-height: 1.6; color: #a8a59c; margin: 0; }
.yas { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1.5px solid #d9d6cd; border-radius: 50%; font: 600 11px var(--mono); color: #fff; margin-right: 8px; vertical-align: middle; float: left; margin-top: 2px; }
.alt-son { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 18px; padding-bottom: 22px; border-top: 1px solid #34373b; font: 400 12.5px var(--mono); color: #8d8a82; }
.alt-son a:hover { color: #fff; }

/* ---------- Duyarlı ---------- */
@media (max-width: 960px) {
  .giris-ic, .bolum-bas, .proje, .hakkimizda, .bayi, .iletisim, .pd-bas-ic, .pd-govde { grid-template-columns: minmax(0, 1fr); }
  .bolum-bas p { justify-self: start; }
  .proje-ters .proje-bilgi { order: 0; }
  .proje-ters .vitrin { padding: 0 6% 7% 0; }
  .proje-ters .telefon { left: auto; right: 0; }
  .ilkeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kupon-sar { max-width: 460px; transform: rotate(1deg); }
  .damga { justify-self: start; }
  .alt-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .alt-uyari { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
  .hizmet { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .kapi { border-left: 0; padding-left: 0; border-top: 1px solid var(--cizgi); }
  .kapi:first-child { border-top: 0; }
}
@media (max-width: 860px) {
  .menu-dugme { display: inline-block; }
  .menu {
    display: none; position: absolute; left: 0; right: 0; top: 64px; flex-direction: column; align-items: stretch; gap: 0;
    background: var(--kagit); border-bottom: 1px solid var(--murekkep); padding: 6px var(--kenar) 18px;
  }
  .menu.acik { display: flex; }
  .menu a { padding: 14px 0; border-bottom: 1px solid var(--cizgi); font-size: 17px; color: var(--murekkep); }
  .menu .menu-iletisim { border: 0; border-radius: 0; padding: 14px 0; }
  .menu .menu-iletisim:hover { background: none; color: var(--vurgu); }
}
@media (max-width: 720px) {
  body { font-size: 16px; }
  .ilkeler { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .hakkimizda-metin p, .pd-metin p { font-size: 17px; }
  .kunye div, .pd-kunye div { grid-template-columns: 92px 1fr; }
  .alt-ic { grid-template-columns: minmax(0, 1fr); }
  .tarayici { box-shadow: 5px 5px 0 var(--cizgi); }
  .telefon { border-width: 3px; border-radius: 14px; width: 26%; }
  .telefon img { border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}