body {
  background-color: #f2f2f2;
  overflow-x: hidden;
}

/* Carousel */
.carousel-inner img { height: 300px; object-fit: cover; }
.carousel-caption { text-align: left; left: 10%; right: 50%; bottom: 30%; }
.carousel-control-prev-icon,
.carousel-control-next-icon { background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; }

@media (max-width: 576px) {
  .card-body .card-title { font-size: 0.95rem; }
  .card-body .card-text { font-size: 0.75rem; }
  .card-body .btn { font-size: 0.95rem; padding: 0.55rem; }
}

/* Kartlar */
.card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.card-body .btn { margin-top: auto; }
.card-title { font-size: 0.95rem; font-weight: bold; }
.card-text { flex: 1; }
.baslik { font-size: 12px; }
.aciklama { font-size: 11px; }

/* Renkler */
.btn-orange { background-color: #ff6600; color: #fff; border: none; }
.btn-orange:hover { background-color: #e65c00; }
.link-orange { color: #ff6600; border: none; }
.text-orange { color: #ff6600; }
footer a:hover { color: #ff6600 !important; }

/* Slider */
.slider-container { max-height: 400px; height: 100%; overflow: hidden; }
.slider-container img { width: 100%; height: 100%; object-fit: cover; }

/* Sidebar & Topbar */
#sidebar { min-width: 220px; max-width: 220px; min-height: 100vh; background-color: #343a40; color: #fff; position: fixed; top: 0; left: 0; transition: transform 0.3s ease; }
#sidebar .nav-link { color: #fff; }
#sidebar .nav-link:hover { background-color: #495057; }

#topbar { height: 60px; background-color: #fff; border-bottom: 1px solid #dee2e6; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; position: fixed; width: 100%; top: 0; z-index: 1020; }

@media (max-width: 768px) {
  #sidebar { transform: translateX(-100%); z-index: 1030; }
  #sidebar.show { transform: translateX(0); }
  #content { margin-left: 0; padding-top: 70px; }
}

.content-wrapper { padding-top: 20px; }