/* Genel */
body {
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background-color: #f3f4f6;
    margin: 0;
    padding: 0;
    color: #111827;
}

/* TÜM SİTE: %80 GENİŞLİK */
.site-wrapper {
    width: 80%;
    margin: 0 auto;
    min-height: 100vh;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Küçük ekranlarda tam genişlik olsun */
@media (max-width: 991.98px) {
    .site-wrapper {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Header */
.tkm-header {
    background: linear-gradient(90deg, #111827, #1f2937);
    color: #f9fafb;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (max-width: 991.98px) {
    .tkm-header {
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.navbar-nav .nav-link {
    font-size: 0.9rem;
    color: rgba(249, 250, 251, 0.8);
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #ffffff;
}

/* Telefon butonu */
.btn-tkm-call {
    background-color: transparent;
    border: 1px solid rgba(249, 250, 251, 0.6);
    color: #f9fafb;
    border-radius: 999px;
    font-size: 0.8rem;
    padding: 0.35rem 0.9rem;
    white-space: nowrap;
}

.btn-tkm-call:hover {
    background-color: rgba(15, 23, 42, 0.9);
    color: #ffffff;
}

/* İçerik alanı */
.tkm-main {
    flex: 1;
}

/* Section & kartlar */
.tkm-section {
    background-color: #f9fafb;
    border-radius: 0.75rem;
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.tkm-title {
    font-size: 1.4rem;
    font-weight: 600;
}

.tkm-card {
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
}

/* Özel buton */
.btn-tkm-primary {
    background-color: #111827;
    border-color: #111827;
    color: #f9fafb;
    border-radius: 999px;
    font-size: 0.85rem;
    padding: 0.45rem 1.1rem;
}

.btn-tkm-primary:hover {
    background-color: #1f2937;
    border-color: #1f2937;
}

/* Footer */
.tkm-footer {
    border-top: 1px solid #e5e7eb;
    margin-top: auto;
    color: #6b7280;
    font-size: 0.8rem;
    background-color: #ffffff;


}

/* HERO – yatay video alanı */
.hero-video-wrapper {
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.35);
    background-color: #000;
}

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




/* =========================
   COOKIE CONSENT BAR
========================= */
.tkm-cookie{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  /* Çerez barı; sağ alttaki iletişim/kategori menülerini kapatmasın */
  z-index:90000;
  display:none;
}
.tkm-cookie.show{ display:block; }
.tkm-cookie-card{
  background:rgba(17,24,39,.94);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px 14px;
  box-shadow:0 18px 46px rgba(0,0,0,.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.tkm-cookie-text{
  font-size:.9rem;
  line-height:1.35;
  margin:0 0 10px 0;
  color:rgba(255,255,255,.92);
}
.tkm-cookie-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.tkm-cookie-actions a{
  color:rgba(255,255,255,.92);
  text-decoration:underline;
  font-weight:600;
  font-size:.88rem;
}
.tkm-cookie-btn{
  appearance:none;
  border:none;
  border-radius:12px;
  padding:10px 12px;
  font-weight:800;
  font-size:.88rem;
  cursor:pointer;
  line-height:1;
}
.tkm-cookie-accept{ background:#16a34a; color:#fff; }
.tkm-cookie-reject{ background:#111827; color:#fff; border:1px solid rgba(255,255,255,.12); }
.tkm-cookie-accept:hover{ background:#15803d; }
.tkm-cookie-reject:hover{ background:#0f172a; }
@media (max-width:768px){
  /* Mobilde FAB'lerin üstünü kapatmaması için daha yukarıda */
  .tkm-cookie{ left:12px; right:12px; bottom:96px; }
  .tkm-cookie-actions{ width:100%; }
  .tkm-cookie-btn{ flex:1; }
}

@media (min-width:769px){
  /* Masaüstünde sağ altta açılan iletişim menüsüne yer bırak */
  .tkm-cookie{ right:120px; max-width:980px; }
}