/* --- LİNK KUTUSU --- */
.fox-modal-btn { display: block; width: 100%; border-radius: 4px; overflow: hidden; text-decoration: none; }

/* --- THUMBNAIL (KÜÇÜK RESİM) STİLLERİ --- */
.mini-tablo-resmi, .galeri-thumb { width: 60px; height: 30px; object-fit: cover; border-radius: 4px; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; display: inline-block; background-color: #f0f0f0; }
.mini-tablo-resmi:hover, .galeri-thumb:hover { transform: scale(1.05) translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }

/* --- MODAL ANA YAPI --- */
.fox-modal-overlay { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9) !important; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; }
.fox-modal-overlay.goster { display: flex; opacity: 1; }

/* --- BÜYÜK RESİM (ZOOM EFEKTLİ) --- */
.fox-modal-content { max-width: 90%; max-height: 90vh; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.5); transform: scale(0.7); transition: transform 0.3s ease, opacity 0.2s ease-in-out; user-select: none; cursor: pointer; }
.fox-modal-overlay.goster .fox-modal-content { transform: scale(1); }

/* --- KAPATMA BUTONU --- */
.fox-modal-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; transition: color 0.2s; z-index: 100010; }
.fox-modal-close:hover { color: #FF5454; }

/* --- NAVİGASYON OKLARI --- */
.fox-nav { position: fixed; top: 50%; transform: translateY(-50%); color: #ffffff !important; font-size: 60px; font-weight: bold; cursor: pointer; padding: 20px; z-index: 100005; user-select: none; transition: all 0.3s ease; text-shadow: 0 0 10px rgba(0,0,0,0.8); display: block !important; }
.fox-prev { left: 20px; }
.fox-next { right: 20px; }
.fox-nav:hover { color: #FF5454 !important; scale: 1.2; }

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
    .fox-nav { font-size: 45px; padding: 10px; background: rgba(0,0,0,0.2); border-radius: 50%; }
    .fox-modal-content { max-width: 95%; }
}