/* Genel ayarlar */
body {
  margin:0;
  font-family:Arial, sans-serif;
  line-height:1.6;
}

       body { margin:0; font-family: Arial, sans-serif; line-height:1.6; }
        header { background:#000000; color:#fff; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
        header .logo { font-size:1.5em; font-weight:bold; }
        nav ul { list-style:none; display:flex; padding:0; margin:0; flex-wrap:wrap; }
        nav li { margin:0 10px; }
        nav a { color:#fff; text-decoration:none; font-weight:bold; }
        .slider { width:100%; overflow:hidden; }
        .slider img { width:100%; height:350px; object-fit:cover; display:block; }
        .container { max-width:1200px; margin:0 auto; padding:10px; }
        h2 { color:#000000; margin-top:10px; }
        .services { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
        .service { border:1px solid #ddd; border-radius:10px; overflow:hidden; background:#fafafa; }
        .service img { width:100%; height:200px; object-fit:cover; }
        .service h3 { padding:10px; background:#ff0b0b; color:#fff; margin:0; }
        .service p { padding:10px; }
        table { width:100%; border-collapse:collapse; margin-top:20px; }
        th, td { border:1px solid #ddd; padding:10px; text-align:center; }
        th { background:#000000; color:#fff; }
        .faq { margin-top:40px; }
        details { margin:10px 0; border:1px solid #ccc; padding:10px; border-radius:5px; background:#f9f9f9; }
        footer { text-align:center; padding:20px; background:#000000; color:#fff; margin-top:40px; }

/* HEADER */
header {
  background:#000000;
  color:#fff;
  padding:10px 20px;
}
.header-container {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:40px; /* logo ile menü arasına boşluk */
}
.logo {
  font-size:1.6em;
  font-weight:bold;
  color:#ff0b0b;
}
nav ul {
  list-style:none;
  display:flex;
  margin:0;
  padding:0;
}
nav li {
  position:relative;
  margin:0 10px;
}
nav a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  transition:0.3s;
}
nav a:hover { color:#ff0b0b; }

/* Telefon */
.phone {
  background:#ff0b0b;
  padding:6px 12px;
  border-radius:6px;
  color:#fff !important;
}

/* Dropdown */
.dropdown-content {
  display:none;
  position:absolute;
  background:#fff;
  min-width:200px;
  box-shadow:0 8px 16px rgba(0,0,0,0.2);
  z-index:10;
  padding:0;
  margin:0;
  border-radius:5px;
}
.dropdown-content li { margin:0; }
.dropdown-content a {
  display:block;
  padding:10px;
  color:#000000;
  font-weight:normal;
}
.dropdown-content a:hover {
  background:#000000;
  color:#fff;
}
.dropdown:hover .dropdown-content {
  display:block;
}

/* Hamburger */
.menu-toggle {
  display:none;
  font-size:28px;
  cursor:pointer;
  color:#fff;
}

/* BANNER */
.banner {
  width:100%;
  max-height:400px;
  overflow:hidden;
}
.banner img {
  width:100%;
  height:auto;
  max-height:400px;
  object-fit:cover;
  display:block;
  margin-top: 5px;
}

@keyframes slide {
  0% { transform:translateX(0%); }
  45% { transform:translateX(0%); }
  50% { transform:translateX(-100%); }
  95% { transform:translateX(-100%); }
  100% { transform:translateX(0%); }
}

/* Mobil uyum */
@media(max-width:768px){
  .menu-toggle { display:block; }
  nav { display:none; width:100%; }
  nav.active { display:block; }
  nav ul { flex-direction:column; width:100%; }
  nav li { margin:5px 0; }
  nav a { display:block; padding:10px; }
  .dropdown-content {
    position:static;
    box-shadow:none;
    background:#f9f9f9;
  }
  .dropdown-content a {
    background:#fff;
    border-bottom:1px solid #ddd;
    color:#000000;
  }
  .phone-item { margin-top:10px; }
  .slides img { height:200px; }
}


/* Fiyat kartları */
.fiyat-detay .card {
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
    padding:20px;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
.fiyat-detay .card h2 {
    color:#000000;
    font-size:20px;
    margin-bottom:10px;
}
.fiyat-detay .card p b {
    color:#ff0b0b;
}

/* Tablo */
.fiyat-tablo {
    width:100%;
    border-collapse:collapse;
    margin:20px 0;
    text-align:center;
    font-size:15px;
}
.fiyat-tablo th {
    background:#000000;
    color:#fff;
    padding:10px;
}
.fiyat-tablo td {
    border:1px solid #ddd;
    padding:10px;
}
.fiyat-tablo tr:nth-child(even) {
    background:#f9f9f9;
}

    .contact {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin: 30px 0;
      flex-wrap: wrap;
    }
    .contact-box {
      flex: 1;
      min-width: 140px;
      background: #fff;
      border-radius: 10px;
      padding: 15px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }
    .contact-box i {
      font-size: 28px;
      color: #000000;
      margin-bottom: 8px;
    }
    .contact-box a {
      display: block;
      color: #000;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
    }
    .address {
      margin: 30px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      font-size: 16px;
      font-weight: 500;
      color: #333;
    }
    .address i {
      color: #ff0b0b;
      font-size: 20px;
    }