body { margin: 0; padding: 0; }
        .gallery-container { background: #0f0f0f; padding: 80px 20px; min-height: 100vh; }
        
        /* Galeri Başlığı */
        .gallery-header { text-align: center; }
        .gallery-header h1 { color: #fff; font-size: 36px; text-transform: uppercase; letter-spacing: 2px; }
        .gallery-header .line { width: 80px; height: 4px; background: #2C3E50; margin: 10px auto; }

        .gallery-wrapper { 
            display: grid; 
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); 
            gap: 30px; 
            max-width: 1400px; 
            margin: 0 auto;
        }

        .gallery-card { 
            position: relative; 
            overflow: hidden; 
            border-radius: 20px; 
            height: 400px;
            cursor: pointer;
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            background: #1a1a1a;
        }

        .card-inner { width: 100%; height: 100%; position: relative; }
        .card-inner img { 
            width: 100%; 
            height: 100%; 
            object-fit: cover; 
            filter: grayscale(60%);
            transition: all 0.6s ease;
        }

        /* Hover Durumu */
        .gallery-card:hover { transform: scale(1.03) translateY(-10px); z-index: 10; }
        .gallery-card:hover img { filter: grayscale(0%); transform: scale(1.1); }

        /* Büyüteç İkonu Katmanı */
        .hover-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(211, 47, 47, 0.4);
            display: flex; align-items: center; justify-content: center;
            opacity: 0; transition: 0.3s;
        }
        .gallery-card:hover .hover-overlay { opacity: 1; }
        .hover-overlay i { color: white; font-size: 3rem; transform: scale(0.5); transition: 0.3s; }
        .gallery-card:hover .hover-overlay i { transform: scale(1); }

        /* Parlama Efekti */
        .gallery-card::after {
            content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
            transform: skewX(-25deg); transition: 0.7s;
        }
        .gallery-card:hover::after { left: 150%; }

        /* Responsive */
        @media (max-width: 992px) { .gallery-wrapper { grid-template-columns: 1fr 1fr; } }
        @media (max-width: 576px) { 
            .gallery-wrapper { grid-template-columns: 1fr; }
            .gallery-card { height: 300px; }
        }