/* Genel footer düzeni */
.footer {
  background-color: #111;
  color: white;
  padding: 30px 20px 10px;
  font-family: 'Roboto', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  color: #FF5C26;
  text-decoration: none;
}

.footer a:visited {
  color: white;
  text-decoration: none;
}

.footer-contacts p {
  margin: 8px 0;
  font-size: 16px;
  text-align: center;
}

.footer-contacts i {
  margin-right: 8px;
}

.copyright {
  margin-top: 20px;
  font-size: 14px;
  color: #ccc;
}


/* Responsive destek */
@media (max-width: 600px) {
  .footer {
    font-size: 14px;
    padding: 30px 10px 15px;
  }
}


  .vt-lightbox{
    position:fixed; inset:0;
    background:rgba(0,0,0,.9);
    z-index:9999;

    /* içerik büyükse kaydırılabilsin */
    overflow:auto;
    padding:32px;

    /* ortalama */
    display:grid;            /* flex yerine grid */
    place-items:center;

    /* mobil tarayıcı çubuklarıyla struggle etme */
    height:100vh;
  }
  /* iOS/Safari için dinamik vh desteği varsa onu kullan */
  @supports (height: 100dvh){
    .vt-lightbox{ height:100dvh; }
  }

  .vt-lightbox.open{ display:grid; }

  .vt-lightbox img{
    max-width:min(96vw, 1200px);
    /* buton/padding payını düşelim ki taşmasın */
    max-height:calc(100vh - 96px);
    object-fit:contain;
    box-shadow:0 10px 40px rgba(0,0,0,.6);
    border-radius:12px;
  }
  @supports (height: 100dvh){
    .vt-lightbox img{ max-height:calc(100dvh - 96px); }
  }

  .vt-lb-btn,.vt-lb-close{
    position:absolute; border:0; color:#fff;
    background:rgba(255,255,255,.15);
    cursor:pointer; backdrop-filter: blur(2px)
  }
  .vt-lb-btn{
    top:50%; transform:translateY(-50%);
    width:48px; height:64px; font-size:32px; border-radius:12px;
  }
  .vt-lb-prev{ left:24px } .vt-lb-next{ right:24px }
  .vt-lb-close{
    top:18px; right:18px; width:42px; height:42px;
    font-size:26px; line-height:42px; text-align:center; border-radius:50%;
  }