if(!isset($favicon_included)) {
    echo '<link rel="icon" href="https://g4d.store/favicon.png" type="image/png" sizes="any">';
    $favicon_included = true;
}


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QNJV527WZB"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QNJV527WZB');
</script>


<script async src="//www.ezojs.com/ezoic/sa.min.js"></script>
<script>
    window.ezstandalone = window.ezstandalone || {};
    ezstandalone.cmd = ezstandalone.cmd || [];
</script>
<script src="//ezoicanalytics.com/analytics.js"></script>

<style>
    /* Importing Orbitron Font for Logo if not already loaded */
    @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');

    /* Custom Scrollbar for Mobile Menu */
    .nav-scroll::-webkit-scrollbar { width: 4px; }
    .nav-scroll::-webkit-scrollbar-track { background: transparent; }
    .nav-scroll::-webkit-scrollbar-thumb { background: #00f0ff; border-radius: 10px; }

    /* Logo Glitch Effect */
    .logo-text {
        position: relative;
        display: inline-block;
    }
    .logo-text::before,
    .logo-text::after {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .logo-text::before {
        left: 2px;
        text-shadow: -2px 0 #ff00ff;
        clip: rect(24px, 550px, 90px, 0);
        animation: glitch-anim-2 3s infinite linear alternate-reverse;
        opacity: 0.8;
    }
    .logo-text::after {
        left: -2px;
        text-shadow: -2px 0 #00f0ff;
        clip: rect(85px, 550px, 140px, 0);
        animation: glitch-anim 2.5s infinite linear alternate-reverse;
        opacity: 0.8;
    }

    @keyframes glitch-anim {
        0% { clip: rect(30px, 9999px, 10px, 0); }
        10% { clip: rect(70px, 9999px, 130px, 0); }
        20% { clip: rect(10px, 9999px, 60px, 0); }
        30% { clip: rect(50px, 9999px, 15px, 0); }
        40% { clip: rect(90px, 9999px, 100px, 0); }
        50% { clip: rect(5px, 9999px, 80px, 0); }
        60% { clip: rect(40px, 9999px, 150px, 0); }
        70% { clip: rect(2px, 9999px, 50px, 0); }
        80% { clip: rect(80px, 9999px, 120px, 0); }
        90% { clip: rect(20px, 9999px, 80px, 0); }
        100% { clip: rect(60px, 9999px, 10px, 0); }
    }
    @keyframes glitch-anim-2 {
        0% { clip: rect(65px, 9999px, 100px, 0); }
        10% { clip: rect(15px, 9999px, 60px, 0); }
        20% { clip: rect(85px, 9999px, 40px, 0); }
        30% { clip: rect(25px, 9999px, 120px, 0); }
        40% { clip: rect(5px, 9999px, 90px, 0); }
        50% { clip: rect(75px, 9999px, 20px, 0); }
        60% { clip: rect(10px, 9999px, 130px, 0); }
        70% { clip: rect(50px, 9999px, 60px, 0); }
        80% { clip: rect(30px, 9999px, 110px, 0); }
        90% { clip: rect(90px, 9999px, 50px, 0); }
        100% { clip: rect(45px, 9999px, 80px, 0); }
    }

    /* Underline Animation */
    .nav-link {
        position: relative;
    }
    .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(90deg, #00f0ff, #bf00ff);
        transition: width 0.3s ease;
        border-radius: 2px;
    }
    .nav-link:hover::after {
        width: 100%;
    }

    /* Mobile Menu Animation */
    .mobile-nav {
        transition: transform 0.4s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    .mobile-nav.closed {
        transform: translateX(100%);
    }
    .mobile-nav.open {
        transform: translateX(0);
    }
</style>

<!-- Header Container -->
<header id="main-header" class="fixed top-0 left-0 right-0 z-50 transition-all duration-300">
    <!-- Glassmorphism Overlay -->
    <div class="absolute inset-0 bg-dark-900/80 backdrop-blur-xl border-b border-white/5"></div>
    
    <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
        <div class="flex items-center justify-between h-16 md:h-20">
            
            <!-- Logo Section -->
            <a href="https://g4d.store" class="flex items-center gap-2 group z-10">
                <div class="w-10 h-10 rounded-lg bg-gradient-to-br from-cyan-500 to-purple-600 flex items-center justify-center shadow-lg shadow-cyan-500/20 group-hover:shadow-cyan-500/40 transition-shadow">
                    <span class="text-white font-bold text-lg font-heading">G</span>
                </div>
                <div class="logo-text font-heading text-xl sm:text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-white to-purple-400" data-text="G4D.Store">
                    G4D.Store
                </div>
            </a>

            <!-- Desktop Navigation -->
            <nav class="hidden md:flex items-center gap-1">
                <a href="/" class="nav-link px-4 py-2 text-gray-300 hover:text-white text-sm font-medium transition-colors">Home</a>
                
                <!-- Categories Dropdown -->
                <div class="relative group">
                    <button class="nav-link px-4 py-2 text-gray-300 hover:text-white text-sm font-medium transition-colors flex items-center gap-1">
                        Categories
                        <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                    </button>
                    
                    <!-- Dropdown Menu -->
                    <div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0">
                        <div class="bg-dark-800/95 backdrop-blur-lg border border-white/10 rounded-xl p-2 min-w-[200px] shadow-2xl shadow-black/50">
                            <div class="absolute -top-2 left-1/2 -translate-x-1/2 w-4 h-4 rotate-45 bg-dark-800 border-l border-t border-white/10"></div>
                            
                            <a href="/category/action-games" class="flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-cyan-500/10 text-gray-300 hover:text-cyan-400 transition-colors">
                                Action
                            </a>
                            <a href="/category/adventure-games" class="flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-cyan-500/10 text-gray-300 hover:text-cyan-400 transition-colors">
                                Adventure
                            </a>
                            <a href="/category/rpg-games" class="flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-cyan-500/10 text-gray-300 hover:text-cyan-400 transition-colors">
                                RPG
                            </a>
                            <a href="/category/racing-games" class="flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-cyan-500/10 text-gray-300 hover:text-cyan-400 transition-colors">
                                Racing
                            </a>
                            <a href="/category/strategy-games" class="flex items-center gap-3 px-4 py-3 rounded-lg hover:bg-cyan-500/10 text-gray-300 hover:text-cyan-400 transition-colors">
                                Strategy
                            </a>
                        </div>
                    </div>
                </div>

                <a href="/request-game.php" class="nav-link px-4 py-2 text-gray-300 hover:text-white text-sm font-medium transition-colors">Request Game</a>
            </nav>

            <!-- Search & Actions -->
            <div class="flex items-center gap-3">
                <!-- Search Button (Desktop) -->
                <button onclick="toggleSearch()" class="hidden md:flex w-10 h-10 items-center justify-center rounded-full bg-white/5 hover:bg-white/10 text-gray-400 hover:text-cyan-400 transition-all">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
                </button>

                <!-- Mobile Menu Toggle -->
                <button onclick="toggleMobileMenu()" id="menu-toggle" class="md:hidden w-10 h-10 flex items-center justify-center rounded-full bg-white/5 hover:bg-white/10 text-gray-400 hover:text-cyan-400 transition-all z-50">
                    <svg class="w-5 h-5 menu-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
                    <svg class="w-5 h-5 close-icon hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </button>
            </div>
        </div>
    </div>

    <!-- Full Screen Search Overlay (UPDATED: Close Button Added) -->
    <div id="search-overlay" class="fixed inset-0 z-40 bg-dark-900/98 backdrop-blur-xl hidden opacity-0 transition-opacity duration-300">
        
        <!-- CLOSE BUTTON (Top Right) -->
        <button onclick="closeSearch()" class="absolute top-6 right-6 w-12 h-12 rounded-full bg-white/5 hover:bg-white/10 text-gray-400 hover:text-white flex items-center justify-center transition-colors z-50 group">
            <svg class="w-6 h-6 transform group-hover:rotate-90 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
            </svg>
        </button>

        <div class="max-w-2xl mx-auto px-4 pt-32">
            <form action="/search.php" method="get">
                <div class="relative group">
                    <input 
                        type="text" 
                        name="q" 
                        placeholder="Search your favorite games..." 
                        class="w-full bg-transparent border-b-2 border-gray-700 focus:border-cyan-400 text-white text-2xl sm:text-4xl font-light py-4 outline-none placeholder-gray-600 transition-colors"
                        autocomplete="off"
                    >
                    <button type="submit" class="absolute right-0 top-1/2 -translate-y-1/2 text-gray-600 group-focus-within:text-cyan-400 transition-colors">
                        <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
                    </button>
                </div>
            </form>
            <p class="text-gray-600 mt-6 text-center text-sm">Press ESC or click the cross icon to close</p>
        </div>
    </div>
</header>

<!-- Mobile Navigation Overlay -->
<div id="mobile-nav" class="mobile-nav closed fixed inset-y-0 right-0 w-full sm:w-80 bg-dark-900/95 backdrop-blur-2xl z-40 md:hidden border-l border-white/5">
    <div class="h-full flex flex-col pt-24 pb-8 px-6 nav-scroll overflow-y-auto">
        
        <!-- Mobile Search -->
        <form action="/search.php" method="get" class="mb-8">
            <div class="relative">
                <input 
                    type="text" 
                    name="q" 
                    placeholder="Search games..." 
                    class="w-full bg-white/5 border border-white/10 rounded-xl px-5 py-3 text-white placeholder-gray-500 focus:border-cyan-400 focus:outline-none transition-colors"
                >
                <button type="submit" class="absolute right-4 top-1/2 -translate-y-1/2 text-gray-500 hover:text-cyan-400">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
                </button>
            </div>
        </form>

        <!-- Mobile Nav Links -->
        <nav class="flex-1 space-y-2">
            <a href="/" class="flex items-center gap-4 px-4 py-3 rounded-xl text-gray-300 hover:text-cyan-400 hover:bg-cyan-500/5 transition-all">
                Home
            </a>
            <a href="/category/action-games" class="flex items-center gap-4 px-4 py-3 rounded-xl text-gray-300 hover:text-cyan-400 hover:bg-cyan-500/5 transition-all">
                Action Games
            </a>
            <a href="/category/adventure-games" class="flex items-center gap-4 px-4 py-3 rounded-xl text-gray-300 hover:text-cyan-400 hover:bg-cyan-500/5 transition-all">
                Adventure Games
            </a>
            <a href="/category/rpg-games" class="flex items-center gap-4 px-4 py-3 rounded-xl text-gray-300 hover:text-cyan-400 hover:bg-cyan-500/5 transition-all">
                RPG Games
            </a>
            <a href="/category/racing-games" class="flex items-center gap-4 px-4 py-3 rounded-xl text-gray-300 hover:text-cyan-400 hover:bg-cyan-500/5 transition-all">
                Racing Games
            </a>
            <a href="/category/strategy-games" class="flex items-center gap-4 px-4 py-3 rounded-xl text-gray-300 hover:text-cyan-400 hover:bg-cyan-500/5 transition-all">
                Strategy Games
            </a>
        </nav>

        <!-- Footer Links in Mobile -->
        <div class="border-t border-white/10 pt-6 space-y-4">
            <a href="/request-game.php" class="block w-full py-3 px-4 rounded-xl bg-gradient-to-r from-cyan-500/10 to-purple-500/10 border border-cyan-500/20 text-cyan-400 text-center font-semibold hover:border-cyan-400 transition-all">
                Request A Game
            </a>
        </div>
    </div>
</div>

<!-- Overlay Background for Mobile -->
<div id="overlay-bg" class="fixed inset-0 bg-black/60 backdrop-blur-sm z-30 hidden md:hidden" onclick="toggleMobileMenu()"></div>

<script>
    // Mobile Menu Toggle
    function toggleMobileMenu() {
        const nav = document.getElementById('mobile-nav');
        const overlay = document.getElementById('overlay-bg');
        const toggle = document.getElementById('menu-toggle');
        const menuIcon = toggle.querySelector('.menu-icon');
        const closeIcon = toggle.querySelector('.close-icon');

        nav.classList.toggle('closed');
        nav.classList.toggle('open');
        overlay.classList.toggle('hidden');
        menuIcon.classList.toggle('hidden');
        closeIcon.classList.toggle('hidden');
        document.body.classList.toggle('overflow-hidden');
    }

    // Search Overlay Toggle
    function toggleSearch() {
        const overlay = document.getElementById('search-overlay');
        const isHidden = overlay.classList.contains('hidden');
        
        if (isHidden) {
            overlay.classList.remove('hidden');
            setTimeout(() => overlay.classList.remove('opacity-0'), 10);
            overlay.querySelector('input').focus();
            document.body.classList.add('overflow-hidden');
        } else {
            closeSearch();
        }
    }

    function closeSearch() {
        const overlay = document.getElementById('search-overlay');
        overlay.classList.add('opacity-0');
        setTimeout(() => overlay.classList.add('hidden'), 300);
        document.body.classList.remove('overflow-hidden');
    }

    // Close search on ESC
    document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape') {
            closeSearch();
        }
    });

    // Header Scroll Effect
    let lastScroll = 0;
    const header = document.getElementById('main-header');

    window.addEventListener('scroll', () => {
        const currentScroll = window.pageYOffset;
        
        if (currentScroll > 50) {
            header.classList.add('shadow-lg', 'shadow-black/20');
        } else {
            header.classList.remove('shadow-lg', 'shadow-black/20');
        }
        
        lastScroll = currentScroll;
    });
</script>
<!-- Tailwind CSS (Only if not already included in header) -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">

<style>
    body {
        background: #0a0a0a;
        font-family: 'Manrope', sans-serif;
    }
</style>


<!-- Main Content -->
<main class="pt-24 pb-16">
    <div class="max-w-5xl mx-auto px-4">
        
        <!-- Header -->
        <div class="text-center mb-12">
            <h1 class="text-3xl sm:text-4xl font-extrabold text-white tracking-tight mb-2">
                Terms & <span class="text-accent">Conditions</span>
            </h1>
            <div class="w-20 h-1 bg-accent mx-auto rounded-full"></div>
        </div>

        <!-- Intro -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8 mb-8">
            <p class="text-gray-400 leading-relaxed">
                Welcome to <strong class="text-white">G4D - Games to Download</strong>. 
                We want your experience on our website to be smooth, secure, and worry-free.
            </p>
        </div>

        <!-- Section 1 -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8 mb-8">
            <h2 class="text-xl font-bold text-white mb-4 flex items-center gap-2">
                <span class="w-2 h-2 bg-accent rounded-full"></span>
                Safe and Verified Downloads
            </h2>
            <p class="text-gray-400 leading-relaxed">
                All games available on our site are added after careful review. 
                We aim to provide only safe, clean, and virus-free content. 
                No third-party installers, popups, or spam — just simple and direct downloads.
            </p>
        </div>

        <!-- Section 2 -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8 mb-8">
            <h2 class="text-xl font-bold text-white mb-4 flex items-center gap-2">
                <span class="w-2 h-2 bg-accent rounded-full"></span>
                100% Free & Easy Access
            </h2>
            <p class="text-gray-400 leading-relaxed">
                You do not need to create any account or share personal information. 
                Everything here is completely free and easily accessible.
            </p>
        </div>

        <!-- Section 3 -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8 mb-8">
            <h2 class="text-xl font-bold text-white mb-4 flex items-center gap-2">
                <span class="w-2 h-2 bg-accent rounded-full"></span>
                No Data Collection
            </h2>
            <p class="text-gray-400 leading-relaxed">
                We do not collect your personal data, location, or device information. 
                We also do not use cookies or tracking tools.
            </p>
        </div>

        <!-- Section 4 -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8 mb-8">
            <h2 class="text-xl font-bold text-white mb-4 flex items-center gap-2">
                <span class="w-2 h-2 bg-accent rounded-full"></span>
                External Links
            </h2>
            <p class="text-gray-400 leading-relaxed">
                Some downloads may redirect to external secure sources. 
                We ensure links are safe, but recommend verifying before downloading.
            </p>
        </div>

        <!-- Section 5 -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8 mb-8">
            <h2 class="text-xl font-bold text-white mb-4 flex items-center gap-2">
                <span class="w-2 h-2 bg-accent rounded-full"></span>
                Updates and Changes
            </h2>
            <p class="text-gray-400 leading-relaxed">
                These terms may be updated in the future to improve the user experience. 
                Any changes will be clearly reflected on this page.
            </p>
        </div>

        <!-- Section 6 -->
        <div class="bg-dark-800 border border-dark-600 rounded-xl p-6 sm:p-8">
            <h2 class="text-xl font-bold text-white mb-4 flex items-center gap-2">
                <span class="w-2 h-2 bg-accent rounded-full"></span>
                Contact and Support
            </h2>
            <p class="text-gray-400 leading-relaxed">
                If you face any issues or have questions, feel free to contact us through our Contact Page. 
                We are always here to help.
            </p>

            <p class="mt-6 text-sm text-gray-500">
                Created & maintained by 
                <strong class="text-accent">Sajid Ali Sukhera</strong>
            </p>
        </div>

    </div>
</main>

<br><br><br>
<!-- Back to Top Button -->
<button id="backToTop" onclick="scrollToTop()" class="fixed bottom-8 right-8 w-12 h-12 rounded-full bg-gradient-to-r from-cyan-500 to-purple-600 text-white shadow-lg shadow-cyan-500/30 z-50 flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:scale-110 hover:shadow-cyan-500/50">
    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/></svg>
</button>

<footer class="relative bg-dark-900 pt-16 pb-8 border-t border-white/5 overflow-hidden">
    <!-- Decorative Top Border Glow -->
    <div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-cyan-500 to-transparent"></div>
    
    <!-- Background Decorative Elements -->
    <div class="absolute top-0 left-0 w-96 h-96 bg-cyan-600/5 rounded-full blur-3xl -translate-x-1/2 -translate-y-1/2 pointer-events-none"></div>
    <div class="absolute bottom-0 right-0 w-96 h-96 bg-purple-600/5 rounded-full blur-3xl translate-x-1/2 translate-y-1/2 pointer-events-none"></div>

    <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6">
        


        <!-- Main Footer Grid -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
            
            <!-- Column 1: Brand Info -->
            <div class="lg:col-span-1">
                <a href="/" class="inline-flex items-center gap-2 mb-6">
                    <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-cyan-500 to-purple-600 flex items-center justify-center shadow-lg">
                        <span class="text-white font-bold text-lg font-heading">G</span>
                    </div>
                    <span class="font-heading text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-400">G4D.Store</span>
                </a>
                <p class="text-gray-400 text-sm leading-relaxed mb-6">
                    Your ultimate destination for free PC games. Download highly compressed action, adventure, racing, and RPG games with fast & secure links.
                </p>
                <!-- Social Icons -->
                <div class="flex items-center gap-3">
                    <a href="#" class="w-10 h-10 rounded-xl bg-white/5 hover:bg-cyan-500/20 flex items-center justify-center text-gray-400 hover:text-cyan-400 transition-all border border-white/5 hover:border-cyan-500/30">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                    </a>
                    <a href="#" class="w-10 h-10 rounded-xl bg-white/5 hover:bg-sky-500/20 flex items-center justify-center text-gray-400 hover:text-sky-400 transition-all border border-white/5 hover:border-sky-500/30">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
                    </a>
                    <a href="#" class="w-10 h-10 rounded-xl bg-white/5 hover:bg-red-500/20 flex items-center justify-center text-gray-400 hover:text-red-400 transition-all border border-white/5 hover:border-red-500/30">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
                    </a>
                    <a href="#" class="w-10 h-10 rounded-xl bg-white/5 hover:bg-indigo-500/20 flex items-center justify-center text-gray-400 hover:text-indigo-400 transition-all border border-white/5 hover:border-indigo-500/30">
                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>
                    </a>
                </div>
            </div>

            <!-- Column 2: Quick Links -->
            <div>
                <h3 class="font-heading text-lg font-bold text-white mb-6 relative inline-block">
                    Quick Links
                    <span class="absolute bottom-0 left-0 w-8 h-0.5 bg-gradient-to-r from-cyan-400 to-transparent -mb-2"></span>
                </h3>
                <ul class="space-y-3">
                    <li><a href="../about/about-us.php" class="group flex items-center gap-2 text-gray-400 hover:text-cyan-400 transition-colors text-sm">
                        <svg class="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                        About Us
                    </a></li>
                    <li><a href="../about/Privacy_Policy.php" class="group flex items-center gap-2 text-gray-400 hover:text-cyan-400 transition-colors text-sm">
                        <svg class="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                        Privacy Policy
                    </a></li>
                    <li><a href="../about/Terms_Conditions.php" class="group flex items-center gap-2 text-gray-400 hover:text-cyan-400 transition-colors text-sm">
                        <svg class="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                        Terms & Conditions
                    </a></li>
                    <li><a href="../about/contact-us.php" class="group flex items-center gap-2 text-gray-400 hover:text-cyan-400 transition-colors text-sm">
                        <svg class="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                        Contact Us
                    </a></li>
                    <li><a href="../request-game.php" class="group flex items-center gap-2 text-gray-400 hover:text-cyan-400 transition-colors text-sm">
                        <svg class="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity text-cyan-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                        Request Game
                    </a></li>
                </ul>
            </div>

            <!-- Column 3: Categories -->
            <div>
                <h3 class="font-heading text-lg font-bold text-white mb-6 relative inline-block">
                    Categories
                    <span class="absolute bottom-0 left-0 w-8 h-0.5 bg-gradient-to-r from-purple-400 to-transparent -mb-2"></span>
                </h3>
                <ul class="space-y-3">
                    <li><a href="../category.php?category=Action" class="group flex items-center gap-2 text-gray-400 hover:text-purple-400 transition-colors text-sm">
                        <span class="w-2 h-2 rounded-full bg-cyan-500 group-hover:bg-purple-400 transition-colors"></span>
                        Action Games
                    </a></li>
                    <li><a href="../category.php?category=Adventure" class="group flex items-center gap-2 text-gray-400 hover:text-purple-400 transition-colors text-sm">
                        <span class="w-2 h-2 rounded-full bg-emerald-500 group-hover:bg-purple-400 transition-colors"></span>
                        Adventure Games
                    </a></li>
                    <li><a href="../category.php?category=RPG" class="group flex items-center gap-2 text-gray-400 hover:text-purple-400 transition-colors text-sm">
                        <span class="w-2 h-2 rounded-full bg-orange-500 group-hover:bg-purple-400 transition-colors"></span>
                        RPG Games
                    </a></li>
                    <li><a href="../category.php?category=Racing" class="group flex items-center gap-2 text-gray-400 hover:text-purple-400 transition-colors text-sm">
                        <span class="w-2 h-2 rounded-full bg-red-500 group-hover:bg-purple-400 transition-colors"></span>
                        Racing Games
                    </a></li>
                    <li><a href="../category.php?category=Strategy" class="group flex items-center gap-2 text-gray-400 hover:text-purple-400 transition-colors text-sm">
                        <span class="w-2 h-2 rounded-full bg-violet-500 group-hover:bg-purple-400 transition-colors"></span>
                        Strategy Games
                    </a></li>
                </ul>
            </div>

            <!-- Column 4: Support -->
            <div>
                <h3 class="font-heading text-lg font-bold text-white mb-6 relative inline-block">
                    Support
                    <span class="absolute bottom-0 left-0 w-8 h-0.5 bg-gradient-to-r from-orange-400 to-transparent -mb-2"></span>
                </h3>
                <ul class="space-y-4">
                    <li class="flex items-start gap-3">
                        <div class="w-8 h-8 rounded-lg bg-cyan-500/10 flex items-center justify-center text-cyan-400 flex-shrink-0 mt-0.5">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                        </div>
                        <div>
                            <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Email</p>
                            <a href="mailto:support@g4d.store" class="text-gray-300 hover:text-cyan-400 text-sm transition-colors">support@g4d.store</a>
                        </div>
                    </li>
                    <li class="flex items-start gap-3">
                        <div class="w-8 h-8 rounded-lg bg-purple-500/10 flex items-center justify-center text-purple-400 flex-shrink-0 mt-0.5">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                        </div>
                        <div>
                            <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Location</p>
                            <p class="text-gray-300 text-sm">Worldwide</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Bottom Bar -->
        <div class="pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4">
            <p class="text-gray-500 text-sm text-center md:text-left">
                &copy; 2026 G4D.Store. All Rights Reserved.
            </p>
            <a href="https://share.google/yabcNAuuHsdCuilPQ" class="text-gray-600 text-xs text-center md:text-right">
                Designed & Developed by <span class="text-cyan-400 font-semibold">Sajid Ali Sukhera</span>
            </a>
        </div>
    </div>
</footer>

<style>
    .glass {
        background: rgba(10, 10, 16, 0.6);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
</style>

<script>
    // Back to Top Button Logic
    const backToTopBtn = document.getElementById('backToTop');
    
    window.addEventListener('scroll', () => {
        if (window.scrollY > 300) {
            backToTopBtn.classList.remove('opacity-0', 'invisible');
            backToTopBtn.classList.add('opacity-100', 'visible');
        } else {
            backToTopBtn.classList.add('opacity-0', 'invisible');
            backToTopBtn.classList.remove('opacity-100', 'visible');
        }
    });

    function scrollToTop() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
    }
</script>

</body>
</html>