/* Normal görünüm (section içinde responsive) */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 6px;
  cursor: zoom-in;
  transition: all 0.3s ease;
}

/* Tam ekran görünüm */
img.fullscreen {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  max-width: 100vw;
  max-height: 100vh;
  width: auto;
  height: auto;

  background: rgba(0,0,0,0.95);
  border-radius: 0;
  margin: 0;
  z-index: 9999;
  cursor: zoom-out;
}