/* Custom styles for strategic buttons */
.tarihce-btn{position:absolute;top:20px;right:20px;z-index:10000}
.tarihce-back-btn{position:absolute;top:20px;right:20px;z-index:10000}
/* Ensure header has minimum height so logo is always visible */
header{min-height:160px}

/* Tarihçe Article - Professional and responsive */
.article{
  background:#ffffff;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
  padding:40px 28px;
  margin:28px auto 48px;
}
.article h1{
  font-weight:600;
  letter-spacing:0.2px;
  margin-bottom:8px;
}
.article .lead{
  color:#58617a;
  font-size:18px;
  line-height:1.6;
  margin-bottom:24px;
}
.article hr{
  border:0;
  border-top:1px solid #e6edf5;
  margin:20px 0 28px;
}
.article h3{
  color:#1f374d;
  font-weight:600;
  font-size:22px;
  margin-top:22px;
  margin-bottom:8px;
}
.article p{
  color:#2a2f3a;
  font-size:16px;
  line-height:1.8;
  margin-bottom:14px;
}
.article .well{
  background:#f7fafc;
  border:1px solid #e6edf5;
  border-radius:6px;
}

/* Mobile responsiveness for Tarihçe */
@media (max-width:992px){
  .article{padding:32px 22px;}
  .article h1{font-size:28px;}
  .article h3{font-size:20px;}
  .article .lead{font-size:16px;}
}
@media (max-width:576px){
  .article{padding:24px 18px; margin:18px auto 32px;}
  .article h1{font-size:24px;}
  .article h3{font-size:18px;}
  .article p{font-size:15px;}
  .tarihce-back-btn{top:12px;right:12px;padding:6px 10px;font-size:12px}
}

/* Enable header video on mobile (override default hide) */
@media (max-width:768px){
  header{background:none !important;}
  header video{display:block !important; object-fit:cover; width:100%; height:100%;}
}