:root {
  --kirmizi: #c8102e;
  --kirmizi-koyu: #a00d25;
  --siyah: #111113;
  --yazi: #1d1d20;
  --soluk: #5c5c63;
  --gri: #f3f3f1;
  --cizgi: #e2e2df;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Nunito", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--yazi);
  background: #fff;
}
img { max-width: 100%; display: block; }
a { color: var(--kirmizi); }
h1, h2, h3 {
  font-family: "Nunito", system-ui, sans-serif;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0 0 .5em;
  color: var(--siyah);
}
h1 { font-size: clamp(2rem, 4.4vw, 3rem); }
h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); }
h3 { font-size: 1.3rem; }

.kap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 20px; }

/* Üst şerit */
.ust { background: var(--siyah); position: sticky; top: 0; z-index: 10; }
.ust-ic { display: flex; align-items: center; gap: 28px; min-height: 68px; }
.marka img { height: 40px; width: auto; }
.menu { display: flex; gap: 22px; margin-left: auto; }
.menu a, .ust-tel { color: #e8e8e8; text-decoration: none; font-weight: 600; }
.menu a:hover { color: #fff; }
.ust-tel {
  border: 1px solid #3a3a3f;
  padding: 7px 14px;
  border-radius: 8px;
  white-space: nowrap;
}
.ust-tel:hover { border-color: var(--kirmizi); }

/* Giriş */
.giris { padding: 56px 0 64px; border-bottom: 1px solid var(--cizgi); }
.giris-ic { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.ust-yazi {
  margin: 0 0 12px;
  font-weight: 600;
  color: var(--kirmizi);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .85rem;
}
.giris-metin > p { color: var(--soluk); max-width: 34em; }
.giris-foto { margin: 0; }
.giris-foto img { border-radius: 14px; width: 100%; height: auto; }
.butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.btn {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
}
.btn-kirmizi { background: var(--kirmizi); color: #fff; }
.btn-kirmizi:hover { background: var(--kirmizi-koyu); }
.btn-cizgi { border: 1.5px solid var(--siyah); color: var(--siyah); }
.btn-cizgi:hover { background: var(--siyah); color: #fff; }

/* Bölümler */
.bolum { padding: 64px 0; }
.bolum-gri { background: var(--gri); }
.hizmetler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin-top: 20px; }
.hizmet { border-top: 3px solid var(--kirmizi); padding-top: 16px; }
.hizmet p { margin: 0; color: var(--soluk); }
.not-yazi { margin: 32px 0 0; color: var(--soluk); font-size: .9rem; }

.galeri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 20px; }
.galeri img { width: 100%; height: 360px; object-fit: cover; border-radius: 12px; }

/* İletişim */
.iletisim { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: start; }
.bilgi { margin: 16px 0 0; }
.bilgi dt {
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--soluk);
  margin-top: 18px;
}
.bilgi dd { margin: 2px 0 0; }
.bilgi a { text-decoration: none; font-weight: 600; }
.bilgi a:hover { text-decoration: underline; }
.harita iframe { width: 100%; height: 380px; border: 0; border-radius: 14px; background: var(--gri); }

.alt { background: var(--siyah); color: #9a9aa0; font-size: .9rem; }
.alt-ic { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding-top: 22px; padding-bottom: 22px; }

.mobil-cubuk { display: none; }

@media (max-width: 860px) {
  .menu { display: none; }
  .ust-tel { margin-left: auto; font-size: .9rem; padding: 6px 10px; }
  .marka img { height: 32px; }
  .giris { padding: 28px 0 40px; }
  .giris-ic, .iletisim { grid-template-columns: 1fr; gap: 28px; }
  .hizmetler { grid-template-columns: 1fr; gap: 24px; }
  .galeri { grid-template-columns: 1fr 1fr; }
  .galeri img { height: 240px; }
  .bolum { padding: 44px 0; }
  .harita iframe { height: 300px; }

  /* Telefonda ekranın altında sabit: Ara / WhatsApp / Yol tarifi */
  body { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }
  .mobil-cubuk {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 20;
    background: var(--siyah);
    border-top: 1px solid #2a2a2e;
    padding-bottom: env(safe-area-inset-bottom); /* iPhone ev çubuğu */
  }
  .mobil-cubuk a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    padding: 16px 4px;
  }
  .mobil-cubuk a:first-child { background: var(--kirmizi); }
  .mobil-cubuk a + a { border-left: 1px solid #2a2a2e; }
}

@media (max-width: 420px) {
  .ust-ic { gap: 12px; }
  .ust-tel { display: none; }
}