:root { --fancy-bg: #050505f5; --accent: #3498db; }
        /* 
        body { font-family: 'Segoe UI', system-ui, sans-serif; margin: 20px; background: #f0f0f0; }
        
		Galeri 
        .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; }
        .gallery img { width: 100%; height: 150px; object-fit: cover; border-radius: 8px; cursor: pointer; transition: 0.3s; }
        .gallery img:hover { transform: scale(1.05); }

		*/



        /* Fancybox Konteyner */
        .fancy-container {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: var(--fancy-bg); z-index: 10000;
            display: none; flex-direction: column; opacity: 0; transition: opacity 0.4s ease;
            color: white; user-select: none; touch-action: none;
        }
        .fancy-container.active { display: flex; opacity: 1; }

        /* Toolbar */
        .fancy-bottom,
		.fancy-toolbar {
            height: 60px; display: flex; justify-content: flex-end; align-items: center;
            padding: 0 15px; z-index: 110; background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent);
        }
		.fancy-bottom{
			display:none;
		}
		.hidden+.fancy-bottom{
			display:flex;
		}
        .fancy-btn {
            background: none; border: none; color: white; font-size: 22px;
            cursor: pointer; width: 44px; height: 44px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center; margin-left: 8px;
            transition: 0.2s;
        }
        .fancy-btn:hover { background: rgba(255,255,255,0.1); }
        .fancy-btn.active { color: var(--accent); }

        /* Sahne */
        .fancy-stage { flex: 1; position: relative; overflow: hidden; display: flex; align-items: center; }
        .fancy-track { display: flex; width: 100%; height: 100%; will-change: transform; }
        .fancy-slide { 
			min-width: 100%;
            flex: 0 0 100%; width: 100%; height: 100%; 
            display: flex; align-items: center; justify-content: center; 
            overflow: hidden;
            transition: opacity 0.4s ease; /* Fade etkisi */
        }

        .fancy-slide img{ 
			border-radius:8px;
		}

        .fancy-content {
            max-width: 100%; max-height: 100%; object-fit: contain;
            transform-origin: 0 0; will-change: transform;
            -webkit-user-drag: none;
        }

        /* Navigasyon */
        .fancy-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 105; opacity: 0.6; }
        .fancy-nav:hover { opacity: 1; }
        .fancy-prev { left: 15px; } .fancy-next { right: 15px; }

        /* Thumbnails */
        .fancy-thumbs {
            height: 90px; display: flex; align-items: center; justify-content: center;
            gap: 10px; padding: 10px; background: rgba(0,0,0,0.5);
            transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
			overflow-x: auto;
			overflow-y: hidden;
        }
        .fancy-thumbs.hidden { height: 0; padding: 0; opacity: 0; pointer-events: none; }
        .fancy-thumb-item {
            width: 60px; height: 60px; object-fit: cover; border-radius: 4px;
            cursor: pointer; opacity: 0.4; transition: 0.2s; border: 2px solid transparent;
        }
        .fancy-thumb-item.active { opacity: 1; border-color: var(--accent); transform: scale(1.1); }

        /* Progress Bar */
        .fancy-progress {
            position: absolute; bottom: 0; left: 0; height: 3px; background: var(--accent);
            width: 0%; z-index: 111;
        }