PageSourceSearch

https://artpexels.com/

html artpexels.com collected 2026-10-02 10:07:50 UTC 265,720 bytes, 3,323 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="csrf-token" content="">
8    
8<script src="/js/csrf.js" defer></script>
8
9    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
10    <meta property="og:site_name" content="Art Pexels">
11    <!-- Dynamic SEO Meta Tags -->
12    
13        <title>
14            Art Pexels - 4K Wallpapers for PC, Desktop &amp; Mobile Phones
15        </title>
16        
17
18                        
19                                                        <meta name="description"
20                                                            content="Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers.">
21                                                        
22                                                        <meta property="og:title"
23                                                            content="Art Pexels - 4K Wallpapers for PC, Desktop &amp; Mobile Phones">
24                                                        <meta property="og:description"
25                                                            content="Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers.">
26                                                        <meta property="og:image"
27                                                            content="https://artpexels.com/images/favicon.ico">
28                                                        
29                                                        <meta property="og:type" content="website">
30                                                        <meta name="twitter:card" content="summary_large_image">
31                                                        <meta name="twitter:title"
32                                                            content="Art Pexels - 4K Wallpapers for PC, Desktop &amp; Mobile Phones">
33                                                        <meta name="twitter:description"
34                                                            content="Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers.">
35                                                        
36                                                            <link rel="canonical" href="https://artpexels.com/">
37                                                            
38                                                            <meta property="og:url" content="https://artpexels.com/">
39                                                            
40                                                            
40<script type="application/ld+json">
41        {
42          "@context": "https://schema.org",
43          "@type": "ItemList",
44          "itemListElement": [{"@type":"ListItem","position":1,"url":"https://artpexels.com/wallpaper/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-ebfc7b558d10","name":"Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky","description":"A charming illustration of a smiling cloud character embracing a colorful rainbow against a soft pastel blue sky filled with twinkling stars.","image":"https://artpexels.com/uploads/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp"},{"@type":"ListItem","position":2,"url":"https://artpexels.com/wallpaper/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-e77dd8074b59","name":"Retro Yellow Cassette Tape with Sunglasses Pop Art Design","description":"A vibrant pop art illustration featuring a retro yellow cassette tape wearing black sunglasses against a colorful halftone background.","image":"https://artpexels.com/uploads/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp"},{"@type":"ListItem","position":3,"url":"https://artpexels.com/wallpaper/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-2fb914cc3092","name":"Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds","description":"A charming, minimalist illustration of a tiny, friendly ghost floating amidst soft, pastel-colored clouds. Perfect for a soothing and whimsical aesthetic.","image":"https://artpexels.com/uploads/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp"},{"@type":"ListItem","position":4,"url":"https://artpexels.com/wallpaper/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-ee367e952d46","name":"Cozy Cat Watching the Crescent Moon from a Quiet Bedroom","description":"A peaceful illustration of a cat sitting on a windowsill, gazing at the night sky and crescent moon in a cozy, warm-lit room.","image":"https://artpexels.com/uploads/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp"},{"@type":"ListItem","position":5,"url":"https://artpexels.com/wallpaper/cozy-pixel-art-cottage-on-a-floating-island-at-night-59ceeead2ebf","name":"Cozy Pixel Art Cottage on a Floating Island at Night","description":"Explore a whimsical pixel art scene featuring a cozy cottage nestled on a floating island under a vast, starry night sky.","image":"https://artpexels.com/uploads/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp"},{"@type":"ListItem","position":6,"url":"https://artpexels.com/wallpaper/minimalist-layered-paper-mountains-with-soft-sage-tones-31f964dd7435","name":"Minimalist Layered Paper Mountains with Soft Sage Tones","description":"Discover a minimalist landscape featuring layered paper mountains in soft sage green and cream tones, perfect for a clean and textured aesthetic.","image":"https://artpexels.com/uploads/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp"},{"@type":"ListItem","position":7,"url":"https://artpexels.com/wallpaper/minimalist-terracotta-mountains-at-sunset-geometric-art-e789a771ac99","name":"Minimalist Terracotta Mountains at Sunset Geometric Art","description":"Explore a serene minimalist landscape featuring geometric terracotta mountains and a soft sunset glow, perfect for a clean and earthy aesthetic.","image":"https://artpexels.com/uploads/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp"},{"@type":"ListItem","position":8,"url":"https://artpexels.com/wallpaper/minimalist-line-art-cat-resting-on-a-crescent-moon-071e5bad76fd","name":"Minimalist Line Art Cat Resting on a Crescent Moon","description":"A clean, minimalist line art illustration featuring a cat sitting peacefully on a crescent moon against a simple background.","image":"https://artpexels.com/uploads/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp"},{"@type":"ListItem","position":9,"url":"https://artpexels.com/wallpaper/little-astronaut-sketching-stars-on-a-textured-moon-surface-e4ed2a392092","name":"Little Astronaut Sketching Stars on a Textured Moon Surface","description":"A charming minimalist line art illustration featuring a tiny astronaut sitting on the moon and drawing sparkling stars into the night sky.","image":"https://artpexels.com/uploads/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp"},{"@type":"ListItem","position":10,"url":"https://artpexels.com/wallpaper/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-887eda3c7c07","name":"Cosmic Whale Swimming Through a Sea of Twinkling Stars","description":"A beautiful ink illustration of a whale filled with sparkling stars and constellations, swimming through a cosmic void. Perfect for a minimalist aesthetic.","image":"https://artpexels.com/uploads/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp"},{"@type":"ListItem","position":11,"url":"https://artpexels.com/wallpaper/luminous-orchid-encased-in-shimmering-frozen-ice-76b58e7aa329","name":"Luminous Orchid Encased in Shimmering Frozen Ice","description":"A delicate orchid trapped within a crystalline block of ice, featuring glowing blue petals and intricate frost details against a deep dark background.","image":"https://artpexels.com/uploads/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp"},{"@type":"ListItem","position":12,"url":"https://artpexels.com/wallpaper/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-fc29cfeb4945","name":"Mechanical Wolf with Glowing Purple Eyes in Deep Shadow","description":"A str
44iking close-up of a mechanical wolf featuring intense glowing purple eyes set against a deep, minimalist black background.","image":"https://artpexels.com/uploads/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp"},{"@type":"ListItem","position":13,"url":"https://artpexels.com/wallpaper/liquid-glass-feather-dissolving-into-glowing-white-birds-b63b8bd4bbe4","name":"Liquid Glass Feather Dissolving into Glowing White Birds","description":"A stunning artistic composition featuring a translucent liquid feather transforming into a flock of glowing white birds against a deep black background.","image":"https://artpexels.com/uploads/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp"},{"@type":"ListItem","position":14,"url":"https://artpexels.com/wallpaper/little-ghost-fishing-for-stars-on-a-crescent-moon-8f3d58416fbb","name":"Little Ghost Fishing for Stars on a Crescent Moon","description":"A whimsical illustration of a tiny ghost sitting on a yellow crescent moon, fishing for glowing stars against a soft pastel purple night sky.","image":"https://artpexels.com/uploads/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp"},{"@type":"ListItem","position":15,"url":"https://artpexels.com/wallpaper/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-dae0cf770a8c","name":"Anime Girl in Cowboy Hat Against a Golden Sunset Sky","description":"A contemplative anime girl stands against a sprawling, ethereal sunset sky, her silhouette framed by the warm, fading light of dusk.","image":"https://artpexels.com/uploads/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp"},{"@type":"ListItem","position":16,"url":"https://artpexels.com/wallpaper/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-74b0f5fc753b","name":"2b Standing Amidst a Field of Red Flowers and Fallen Blades","description":"A hauntingly beautiful scene captures the stoic android 2B standing gracefully within a vast, desolate field of vibrant red flowers.","image":"https://artpexels.com/uploads/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp"},{"@type":"ListItem","position":17,"url":"https://artpexels.com/wallpaper/ethereal-silhouette-drifting-through-a-shattered-void-938c136d792b","name":"Ethereal Silhouette Drifting Through a Shattered Void","description":"A solitary female silhouette hangs suspended in a vast, pale expanse, caught in a moment of weightless suspension.","image":"https://artpexels.com/uploads/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp"},{"@type":"ListItem","position":18,"url":"https://artpexels.com/wallpaper/megumi-fushiguro-summoning-shadow-beast-in-ink-style-511338e18b81","name":"Megumi Fushiguro Summoning Shadow Beast in Ink Style","description":"A striking artistic interpretation captures the intense aura of a powerful sorcerer emerging from the shadows.","image":"https://artpexels.com/uploads/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp"},{"@type":"ListItem","position":19,"url":"https://artpexels.com/wallpaper/makima-profile-view-in-ethereal-monochromatic-green-light-7f687e02acb8","name":"Makima Profile View in Ethereal Monochromatic Green Light","description":"A hauntingly serene portrait of Makima captured in a profile view, bathed in a soft, monochromatic green hue that evokes a sense of mystery and detachment.","image":"https://artpexels.com/uploads/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp"},{"@type":"ListItem","position":20,"url":"https://artpexels.com/wallpaper/two-figures-falling-past-a-modern-school-under-deep-blue-sky-fd50d26cdcc0","name":"Two Figures Falling Past a Modern School Under Deep Blue Sky","description":"A striking composition captures a surreal moment of weightlessness as two figures descend gracefully past the sharp, geometric lines of a stark white school","image":"https://artpexels.com/uploads/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp"}]
45        }
46        </script>
46
47                                                            
48
49                                                            
50
51    
51<script type="application/ld+json">
52    {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://artpexels.com/#organization","name":"Art Pexels","alternateName":"ArtPexels","url":"https://artpexels.com/","logo":"https://artpexels.com/images/favicon.ico"},{"@type":"WebSite","@id":"https://artpexels.com/#website","name":"Art Pexels","alternateName":"ArtPexels","url":"https://artpexels.com/","inLanguage":"en","publisher":{"@id":"https://artpexels.com/#organization"}},{"@type":"WebPage","@id":"https://artpexels.com/","url":"https://artpexels.com/","name":"Art Pexels - 4K Wallpapers for PC, Desktop & Mobile Phones","description":"Download the best 4K wallpapers, 5K backgrounds, and 8K images for desktop and mobile. High quality free wallpapers.","inLanguage":"en","isPartOf":{"@id":"https://artpexels.com/#website"},"publisher":{"@id":"https://artpexels.com/#organization"}}]}
53    </script>
53
54
55                                                                <link rel="icon" type="image/x-icon"
56                                                                    href="/images/favicon.ico">
57                                                                <link rel="alternate" type="application/rss+xml"
58                                                                    title="RSS Feed" href="/feed.xml" />
59
60                                                                
61                                                                    <meta name="total-pages"
62                                                                        content="180">
vendor: 282 bytes, lines 62-66
62
63                                                                    
64
65                                                                        <script async
66                                                                            src="https://www.googletagmanager.com/gtag/js?id=
66G-EQ1RGGG28Z
vendor: 84 bytes, lines 66-67
66"></script>
67                                                                        
67<script>
68                                                                            
vendor: 358 bytes, lines 68-71
68window.dataLayer = window.dataLayer || [];
69                                                                            function gtag() { dataLayer.push(arguments); }
70                                                                            gtag('js', new Date());
71                                                                            gtag('config', '
71G-EQ1RGGG28Z
vendor: 76 bytes, lines 71-72
71');
72                                                                        
72</script>
72
73
74                                                                        
74<script async
75                                                                            src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8427485526135631"
76                                                                            crossorigin="anonymous"></script>
76
77
78                                                                        <!-- Google Identity Services (One Tap) -->
79                                                                        
80
81                                                                        <link rel="stylesheet" href="/css/tailwind.css?v=1.0.16">
82                                                                        <link
83                                                                            href="/vendor/fontawesome/css/all.min.css"
84                                                                            rel="stylesheet">
85                                                                        <noscript>
86                                                                            <link
87                                                                                href="/vendor/fontawesome/css/all.min.css"
88                                                                                rel="stylesheet">
89                                                                        </noscript>
90                                                                        <!-- Googlebot/noscript: make images visible even without JS -->
91                                                                        <noscript>
92                                                                            <style>
93                                                                                .js-fade-in,
94                                                                                img.opacity-0,
95                                                                                [class*="opacity-0"] {
96                                                                                    opacity: 1 !important;
97                                                                                }
98                                                                            </style>
99                                                                        </noscript>
100                                                                        <style>
101                                                                            /* Reset & Base Styles */
102                                                                            html,
103                                                                            body {
104                                                                                margin: 0;
105                                                                                padding: 0;
106                                                                                background-color: #16181b;
107                                                                                color: #dadce0;
108                                                                                min-height: 100vh;
109                                                                            }
110
111                                                                            /* Solid Header to match image */
112                                                                            .header-bg {
113                                                                                background-color: #16181b;
114                                                                                /* Solid dark background */
115                                                                                border-bottom: 1px solid #202225;
116                                                                                width: 100%;
117                                                                            }
118
119                                                                            .search-input {
120                                                                                background-color: #16181b;
121                                                                                color: #dcddde;
122                                                                                border: 1px solid rgba(255, 255, 255, 0.1);
123                                                                            }
124
125                                                                            .search-input:focus {
126                                                                                background-color: #000000;
127                                                                                border-color: #8CFF00;
128                                                                            }
129
130                                                                            /* Scrolled Transparent Glassy State */
131                                                                            .ap-site-header.is-scrolled .search-input {
132                                                                                background-color: transparent !important;
133                                                                                background: transparent !important;
134                                                                                border-color: rgba(255, 255, 255, 0.25) !important;
135                                                                                box-shadow: none !important;
136                                                                            }
137                                                                            .ap-site-header.is-scrolled .search-input:focus {
138                                                                                background-color: rgba(255, 255, 255, 0.08) !important;
139                                                                                background: rgba(255, 255, 255, 0.08) !important;
140                                                                                border-color: #8CFF00 !important;
141                                                                            }
142                                                                            .ap-site-header.is-scrolled .categories-pill-btn,
143                                                                            .ap-site-header.is-scrolled #mobile-categories-btn {
144                                                                                background-color: transparent !important;
145                                                                                background: transparent !important;
146                                                                                border-color: rgba(255, 255, 255, 0.25) !important;
147                                                                                box-shadow: none !important;
148                                                                            }
149                                                                            .ap-site-header.is-scrolled .categories-pill-btn:hover,
150                                                                            .ap-site-header.is-scrolled #mobile-categories-btn:hover {
151                                                                                background-color: rgba(255, 255, 255, 0.12) !important;
152                                                                                background: rgba(255, 255, 255, 0.12) !important;
153                                                                                border-color: rgba(255, 255, 255, 0.4) !important;
154                                                                            }
155
156                                                                            .category-pill {
157                                                                                background-color: #2f3136;
158                                                                                color: #b9bbbe;
159                                                                                transition: all 0.2s;
160                                                                            }
161
162                                                                            .category-pill:hover {
163                                                                                background-color: #8CFF00;
164                                                                                color: #000;
165                                                                            }
166
167                                                                            .pagination-link {
168                                                                                background-color: #2f3136;
169                                                                                color: #b9bbbe;
170                                                                            }
171
172                                                                            .pagination-link.active {
173                                                                                background-color: #8CFF00;
174                                                                                color: #000;
175                                                                            }
176
177                                                                            /* Custom scrollbar */
178                                                                            ::-webkit-scrollbar {
179                                                                                width: 8px;
180                                                                                height: 8px;
181                                                                            }
182
183                                                                            ::-webkit-scrollbar-track {
184                                                                                background: #2f3136;
185                                                                            }
186
187                                                                            ::-webkit-scrollbar-thumb {
188                                                                                background: #202225;
189                                                                                border-radius: 4px;
190                                                                            }
191
192                                                                            ::-webkit-scrollbar-thumb:hover {
193                                                                                background: #8CFF00;
194                                                                            }
195
196                                                                            /* Animations */
197                                                                            @keyframes fadeIn {
198                                                                                from {
199                                                                                    opacity: 0;
200                                                                                    transform: translateY(10px);
201                                                                                }
202
203                                                                                to {
204                                                                                    opacity: 1;
205                                                                                    transform: translateY(0);
206                                                                                }
207                                                                            }
208
209                                                                            .fade-in {
210                                                                                animation: fadeIn 0.5s ease-out forwards;
211                                                                            }
212
213                                                                            /* Pulse Animation for Logo Loader */
214                                                                            @keyframes logoPulse {
215
216                                                                                0%,
217                                                                                100% {
218                                                                                    transform: scale(1);
219                                                                                    opacity: 0.5;
220                                                                                }
221
222                                                                                50% {
223                                                                                    transform: scale(1.1);
224                                                                                    opacity: 1;
225                                                                                }
226                                                                            }
227
228                                                                            .logo-loader-pulse {
229                                                                                animation: logoPulse 1.5s ease-in-out infinite;
230                                                                            }
231
232                                                                            /* --- GLOBAL CUSTOM EFFECTS (Added for User Profile Customization) --- */
233                                                                            /* Now imported from partial to ensure consistency with Admin Preview */
234                                                                        </style>
235                                                                        <style>
236    /* 1. Global Page Background Glow (Shivratri Page Only) */
237    .shivratri-bg-glow {
238        position: fixed;
239        inset: 0;
240        background: radial-gradient(circle at center, rgba(255, 153, 51, 0.05) 0%, transparent 70%);
241        pointer-events: none;
242        z-index: -1;
243    }
244
245    /* 2. Floating Particles (Trishul, Om, Damru) */
246    .shivratri-particle {
247        position: fixed;
248        pointer-events: none;
249        z-index: 9999;
250        color: #ff9933;
251        filter: drop-shadow(0 0 5px rgba(255, 153, 51, 0.5));
252        animation: shivratri-float linear infinite;
253        opacity: 0;
254    }
255
256    @keyframes shivratri-float {
257        0% { transform: translateY(100vh) rotate(0deg) scale(0.5); opacity: 0; }
258        10% { opacity: 0.6; }
259        90% { opacity: 0.6; }
260        100% { transform: translateY(-100px) rotate(360deg) scale(1); opacity: 0; }
261    }
262
263    /* 3. Title Energy Flow Effect (No Glow) */
264    .shivratri-title-glow {
265        background: linear-gradient(
266            to right, 
267            #ff9933 0%, 
268            #ffcc00 25%, 
269            #ffffff 50%, 
270            #ffcc00 75%, 
271            #ff9933 100%
272        );
273        background-size: 200% auto;
274        -webkit-background-clip: text;
275        background-clip: text;
276        color: transparent !important;
277        animation: shivratri-energy-flow 3s linear infinite;
278        font-weight: 900 !important;
279        position: relative;
280    }
281
282    @keyframes shivratri-energy-flow {
283        0% { background-position: 0% center; }
284        100% { background-position: 200% center; }
285    }
286
287    /* 5. Divine Click Spark */
288    .shivratri-spark {
289        position: fixed;
290        width: 10px;
291        height: 10px;
292        background: #ff9933;
293        border-radius: 50%;
294        pointer-events: none;
295        z-index: 10000;
296        box-shadow: 0 0 15px #ff9933;
297        animation: shivratri-spark-out 0.6s ease-out forwards;
298    }
299
300    @keyframes shivratri-spark-out {
301        0% { transform: scale(0); opacity: 1; }
302        100% { transform: scale(4); opacity: 0; }
303    }
304
305    /* 6. CLEAN SHIVRATRI TAG (Energy Flow, No Glow) */
306    .shivratri-tag-special {
307        position: relative;
308        background: linear-gradient(
309            to right, 
310            #ff9933 0%, 
311            #ffcc00 25%, 
312            #ffffff 50%, 
313            #ffcc00 75%, 
314            #ff9933 100%
315        );
316        background-size: 200% auto;
317        -webkit-background-clip: text;
318        background-clip: text;
319        color: transparent !important;
320        font-weight: 800 !important;
321        padding: 4px 8px !important;
322        transition: all 0.3s ease;
323        display: inline-flex;
324        align-items: center;
325        gap: 5px;
326        animation: shivratri-energy-flow 3s linear infinite;
327    }
328
329    .shivratri-tag-special:hover {
330        filter: brightness(1.2);
331    }
332
333    /* Constant Energy Flow Sparkles - ALWAYS SHOOTING */
334    .shivratri-tag-sparkle {
335        position: absolute;
336        pointer-events: none;
337        font-size: 12px;
338        color: #ff9933;
339        animation: shivratri-tag-sparkle-anim 1.5s linear infinite;
340        opacity: 0;
341    }
342
343    @keyframes shivratri-tag-sparkle-anim {
344        0% { transform: translate(0, 0) scale(0); opacity: 0; }
345        20% { opacity: 1; }
346        100% { transform: translate(var(--tx), var(--ty)) scale(1); opacity: 0; }
347    }
348
349    /* ==========================================
350       USER PROFILE CUSTOM EFFECTS
351       ========================================== */
352    
353    /* Animations */
354    @keyframes pulse-glow { 0%, 100% { opacity: 0.8; box-shadow: 0 0 10px rgba(255,255,255,0.2); } 50% { opacity: 1; box-shadow: 0 0 20px rgba(255,255,255,0.5); } }
355    @keyframes fire-flicker { 0% { text-shadow: 0 0 4px #f59e0b, 0 -2px 4px #ef4444; } 100% { text-shadow: 0 0 8px #f59e0b, 0 -4px 8px #ef4444; } }
356    @keyframes shine-mask { 0% { -webkit-mask-position: 150%; mask-position: 150%; } 100% { -webkit-mask-position: -50%; mask-position: -50%; } }
357    @keyframes glitch-anim { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); } }
358    @keyframes crown-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(5deg); } }
359    @keyframes crown-shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
360
361    /* Name Effects */
362    .effect-rainbow { background: linear-gradient(to right, #ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6, #ef4444); -webkit-background-clip: text; background-clip: text; color: transparent !important; background-size: 200% auto; animation: crown-shimmer 3s linear infinite; }
363    .effect-fire { color: #f59e0b !important; animation: fire-flicker 0.5s infinite alternate; }
364    .effect-shine { position: relative; display: inline-block; -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.6) 30%, #000 50%, rgba(0,0,0,0.6) 70%); mask-image: linear-gradient(-75deg, rgba(0,0,0,0.6) 30%, #000 50%, rgba(0,0,0,0.6) 70%); -webkit-mask-size: 200%; mask-size: 200%; animation: shine-mask 2s infinite; }
365    .effect-glitch { animation: glitch-anim 0.3s cubic-bezier(.25, .46, .45, .94) both infinite; text-shadow: 2px 2px #ff00ff, -2px -2px #00ffff; }
366    .effect-glow { text-shadow: 0 0 10px currentColor, 0 0 20px currentColor; }
367    .effect-neon { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor; }
368    
369    /* Owner & Badge Effects */
370    .owner-crown { background: linear-gradient(45deg, #FFD700, #FDB931, #FFD700); -webkit-background-clip: text; background-clip: text; color: transparent; animation: crown-float 3s ease-in-out infinite; filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5)); }
371    .owner-badge-text { background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700); background-size: 200% auto; color: #000; animation: crown-shimmer 3s linear infinite; font-weight: 800; letter-spacing: 0.5px; border: 1px solid rgba(255, 215, 0, 0.5); box-shadow: 0 0 10px rgba(255, 215, 0, 0.3); }
372    .text-gradient-gold { background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
373    .text-gradient-blue { background: linear-gradient(to right, #00c6ff, #0072ff); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
374
375    /* Avatar Frames */
376    .frame-gold-circle {
377        position: relative;
378        padding: 4px;
379        border-radius: 50%;
380        background: linear-gradient(45deg, #FFD700, #FDB931, #FFD700);
381        box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
382        z-index: 1;
383    }
384    .frame-gold-circle::after {
385        content: '';
386        position: absolute;
387        inset: 2px;
388        border-radius: 50%;
389        background: #1e2124;
390        z-index: -1;
391    }
392    .frame-neon-square {
393        border-radius: 12px;
394        border: 3px solid #00f2ff;
395        box-shadow: 0 0 10px #00f2ff, inset 0 0 10px #00f2ff;
396        transform: rotate(45deg);
397        overflow: hidden !important;
398    }
399    .frame-neon-square img { transform: rotate(-45deg) scale(1.4); }
400    .frame-fire-ring {
401        border-radius: 50%;
402        box-shadow: 0 0 10px #ff4d00, 0 0 20px #ff4d00, 0 0 40px #ff4d00;
403        animation: pulse-glow 1.5s infinite;
404    }
405    .frame-royal-crown {
406        border: 4px solid #9333ea;
407        border-radius: 50%;
408        box-shadow: 0 0 0 4px #000, 0 0 0 6px #9333ea;
409    }
410
411    /* Banner Effects */
412    .banner-parallax { background-attachment: fixed; background-position: center; background-size: cover; }
413    .banner-blur { filter: blur(4px); transform: scale(1.1); }
414    .banner-pulse { animation: pulse-glow 5s infinite; }
415    .banner-matrix::before { content: ""; position: absolute; inset: 0; background: url('https://upload.wikimedia.org/wikipedia/commons/1/17/Matrix_code_rain.gif'); opacity: 0.1; mix-blend-mode: screen; pointer-events: none; }
416
417    /* Profile Themes */
418    .theme-glass-dark { background: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
419    .theme-midnight-blue { background: linear-gradient(to bottom right, #0f172a, #1e3a8a) !important; border: 1px solid #3b82f6; }
420    .theme-royal-gold { background: linear-gradient(to bottom right, #000000, #271a00) !important; border: 1px solid #FFD700; }
421    .theme-cyber-punk { background: #050505 !important; border: 1px solid #00ff41; box-shadow: 0 0 20px rgba(0, 255, 65, 0.1); }
422</style>
423
424<script>
425    document.addEventListener('DOMContentLoaded', function() {
426        // --- 1. SPECIAL TAG LOGIC ---
427        const allTags = document.querySelectorAll('a[href*="Mahashivratri%20Special"]');
428        allTags.forEach(tag => {
429            if (tag.textContent.trim() === 'Mahashivratri Special') {
430                tag.classList.add('shivratri-tag-special');
431                
432                // Add simple sparkles that only show on hover
433                for(let i = 0; i < 6; i++) {
434                    const sparkle = document.createElement('span');
435                    sparkle.className = 'shivratri-tag-sparkle';
436                    const symbols = ['✨', '🔱', 'ॐ'];
437                    sparkle.textContent = symbols[Math.floor(Math.random() * symbols.length)];
438                    
439                    const angle = (i / 6) * Math.PI * 2;
440                    const dist = 30 + Math.random() * 20;
441                    sparkle.style.setProperty('--tx', Math.cos(angle) * dist + 'px');
442                    sparkle.style.setProperty('--ty', Math.sin(angle) * dist + 'px');
443                    sparkle.style.left = '50%';
444                    sparkle.style.top = '50%';
445                    sparkle.style.animationDelay = (Math.random() * 0.5) + 's';
446                    
447                    tag.appendChild(sparkle);
448                }
449            }
450        });
451
452        // --- 2. PAGE SPECIFIC LOGIC ---
453        const urlParams = new URLSearchParams(window.location.search);
454        const isShivratriPage = urlParams.get('search') === 'Mahashivratri Special';
455
456        if (isShivratriPage) {
457            // Background Glow
458            const glow = document.createElement('div');
459            glow.className = 'shivratri-bg-glow';
460            document.body.appendChild(glow);
461
462            // Click Effect
463            document.addEventListener('mousedown', (e) => {
464                const spark = document.createElement('div');
465                spark.className = 'shivratri-spark';
466                spark.style.left = e.clientX - 5 + 'px';
467                spark.style.top = e.clientY - 5 + 'px';
468                document.body.appendChild(spark);
469                setTimeout(() => spark.remove(), 600);
470            });
471
472            // Title Style
473            const titles = document.querySelectorAll('h1');
474            titles.forEach(h1 => {
475                if (h1.textContent.includes('Mahashivratri Special')) {
476                    h1.classList.add('shivratri-title-glow');
477                }
478            });
479
480            // Floating Particles - More frequent and instant
481            const symbols = [
482                '<svg viewBox="0 0 512 512" width="24" height="24" fill="currentColor"><path d="M416 128c0-17.7-14.3-32-32-32s-32 14.3-32 32v160h-64V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v224h-64V128c0-17.7-14.3-32-32-32s-32 14.3-32 32v160c0 53 43 96 96 96h32v96c0 17.7 14.3 32 32 32s32-14.3 32-32v-96h32c53 0 96-43 96-96V128z"/></svg>',
483                '<span style="font-size: 24px; font-weight: bold;">ॐ</span>',
484                '<svg viewBox="0 0 512 512" width="24" height="24" fill="currentColor"><path d="M128 64c0-17.7 14.3-32 32-32h192c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32l-64 64 64 64c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32l64-64-64-64c-17.7 0-32-14.3-32-32V64z"/></svg>'
485            ];
486
487            function createParticle(isInitial = false) {
488                const particle = document.createElement('div');
489                particle.className = 'shivratri-particle';
490                particle.innerHTML = symbols[Math.floor(Math.random() * symbols.length)];
491                particle.style.left = Math.random() * 100 + 'vw';
492                
493                // If initial, start at different heights so screen isn't empty
494                if (isInitial) {
495                    particle.style.top = Math.random() * 100 + 'vh';
496                    particle.style.animation = 'none'; // Temporarily stop animation to set initial position
497                    particle.style.opacity = '0.6';
498                    
499                    // Force a reflow and then start animation
500                    setTimeout(() => {
501                        particle.style.animation = `shivratri-float ${15 + Math.random() * 20}s linear infinite`;
502                        // Adjust the animation to start from current position for initial particles
503                        // But for simplicity, we'll just let them float from bottom more frequently
504                    }, 50);
505                }
506                
507                const duration = 12 + Math.random() * 15;
508                particle.style.animationDuration = duration + 's';
509                document.body.appendChild(particle);
510                setTimeout(() => particle.remove(), duration * 1000);
511            }
512
513            // Create initial particles instantly
514            for(let i = 0; i < 8; i++) {
515                createParticle(true);
516            }
517
518            // Create new particles much faster (every 1.5 seconds 
518instead of 4)
519            setInterval(() => createParticle(false), 1500);
520        }
521    });
522</script>
522
523
524                                                                            <style>
525                                                                                .theme-cyber-punk h1 {
526                                                                                    text-shadow: 2px 2px 0px #ff00ff;
527                                                                                }
528
529                                                                                .shadow-glow {
530                                                                                    box-shadow: 0 0 15px rgba(66, 184, 131, 0.4);
531                                                                                }
532
533                                                                                .no-scrollbar::-webkit-scrollbar {
534                                                                                    display: none;
535                                                                                }
536
537                                                                                .no-scrollbar {
538                                                                                    -ms-overflow-style: none;
539                                                                                    scrollbar-width: none;
540                                                                                }
541
542                                                                                /* 4KWallpapers-style Fast Categories Dropdown */
543                                                                                .categories-dropdown-menu {
544                                                                                    opacity: 0;
545                                                                                    visibility: hidden;
546                                                                                    transform: translateY(-8px) scale(0.98);
547                                                                                    transition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0.15s ease-out;
548                                                                                    pointer-events: none;
549                                                                                }
550                                                                                .categories-dropdown-menu.is-open {
551                                                                                    opacity: 1;
552                                                                                    visibility: visible;
553                                                                                    transform: translateY(0) scale(1);
554                                                                                    pointer-events: auto;
555                                                                                }
556                                                                                .categories-pill-btn.is-active,
557                                                                                #mobile-categories-btn.is-active {
558                                                                                    border-color: #8CFF00 !important;
559                                                                                    background-color: #24272e !important;
560                                                                                    box-shadow: none !important;
561                                                                                }
562                                                                                :root[data-ap-theme="light"] .categories-pill-btn.is-active,
563                                                                                :root[data-ap-theme="light"] #mobile-categories-btn.is-active {
564                                                                                    background-color: #ffffff !important;
565                                                                                    border-color: #0f172a !important;
566                                                                                    box-shadow: none !important;
567                                                                                }
568                                                                            </style>
569                                                                            
569<script>
570                                                                                // Global flag to detect initial page load for instant image rendering on refresh
571                                                                                window.isInitialLoad = true;
572                                                                                setTimeout(() => { window.isInitialLoad = false; }, 1000);
573                                                                            </script>
vendor: 1 bytes, line 573
573
574<script>
575try { document.documentElement.dataset.apTheme = localStorage.getItem('ap-theme') || 'dark'; } catch (_) { document.documentElement.dataset.apTheme = 'dark'; }
576</script>
576
577<link rel="stylesheet" href="/css/public-gallery.css?v=20261001-download-notice">
578
579<script src="/js/public-theme.js?v=20260921c" defer></script>
vendor: 1 bytes, line 579
579
580<script src="/js/infinite-gallery.js?v=20260921" defer></script>
580
581</head>
582
583<body class="ap-public flex flex-col min-h-screen">
584    
585        <!-- Google One Tap Login -->
586        <div id="g_id_onload" data-client_id="657012396486-grccpg06fu3arhlph9herk5vqo53je1u.apps.googleusercontent.com"
587            data-login_uri="https://artpexels.com/auth/google/one-tap"
588            data-auto_prompt="true">
589        </div>
590        
591
592            
593
594                    <!-- Announcement Bar -->
595                    
596                        <div class="ap-announcement w-full text-center py-2.5 px-4 relative z-50 transition-all duration-300 flex flex-col md:flex-row items-center justify-center gap-2 md:gap-4 "
597                            style="background-color: #8cff00; color: #000000; ;">
598
599                            
600
601                                    <span class="font-medium text-sm md:text-base tracking-wide">
602                                        🚀 New! ArtPexels Studio is now available on Microsoft Store.
603                                    </span>
604
605                                    
606                        </div>
607                                                    <!-- Top Bar -->
608                            <nav class="ap-site-header header-bg shadow-md sticky top-0 z-50">
609                                <div class="container mx-auto px-4 h-16 flex items-center justify-between">
610                                    <!-- Logo -->
611                                    <a href="/"
612                                        class="flex items-center gap-2 text-2xl font-bold tracking-tighter hover:opacity-90 transition-opacity flex-shrink-0">
613                                        <span class="text-white">ART</span> <span class="text-primary">PEXELS</span>
614                                    </a>
615
616                                    <!-- Center: Search & Categories (Desktop) -->
617                                    <div class="ap-header-search hidden md:flex flex-1 max-w-2xl lg:max-w-3xl mx-4 lg:mx-8 items-center gap-3">
618                                        
619                                            <form action="/" method="GET" class="w-full relative group">
620                                                <div
621                                                    class="absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none">
622                                                    <i
623                                                        class="fas fa-search text-gray-500 group-focus-within:text-primary transition-colors text-sm"></i>
624                                                </div>
625                                                <input type="search" name="search" aria-label="Search wallpapers" maxlength="200" placeholder="Search wallpapers..."
626                                                    class="w-full search-input rounded-full py-2 pl-10 pr-4 focus:outline-none focus:ring-2 focus:ring-primary/50 border border-white/10 focus:border-primary text-sm transition-all duration-200 shadow-sm">
627                                            </form>
628                                        
629
630                                        <!-- Categories ☰ Button & 2-Column Dropdown (4kwallpapers.com Style) -->
631                                        
632                                        <div class="relative flex-shrink-0 hidden md:block" id="header-categories-container">
633                                            <button id="header-categories-btn" type="button" aria-expanded="false" aria-haspopup="true" data-category-trigger
634                                                class="categories-pill-btn flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium transition-all duration-150 select-none cursor-pointer">
635                                                <span>Categories</span>
636                                                <svg class="w-4 h-4 text-gray-300 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
637                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" d="M4 6h16M4 12h16M4 18h16"></path>
638                                                </svg>
639                                            </button>
640
641                                            <!-- 2-Column Floating Card (Anchored right below the button, matching user's reference) -->
642                                            <div id="header-categories-dropdown"
643                                                class="categories-dropdown-menu absolute right-0 top-full mt-2 w-[400px] max-w-[94vw] rounded-2xl shadow-2xl p-3 text-left">
644                                                <div class="grid grid-cols-2 gap-x-2.5 gap-y-0.5 max-h-[72vh] overflow-y-auto ap-cat-scrollbar pr-1">
645                                                    
646                                                        <a href="/wallpapers/3d"
647                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
648                                                            <span class="truncate pr-2">3D</span>
649                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
650                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
651                                                            </svg>
652                                                        </a>
653                                                    
654                                                        <a href="/wallpapers/abstract"
655                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
656                                                            <span class="truncate pr-2">Abstract</span>
657                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
658                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
659                                                            </svg>
660                                                        </a>
661                                                    
662                                                        <a href="/wallpapers/action"
663                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
664                                                            <span class="truncate pr-2">Action</span>
665                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
666                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
667                                                            </svg>
668                                                        </a>
669                                                    
670                                                        <a href="/wallpapers/adventure"
671                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
672                                                            <span class="truncate pr-2">Adventure</span>
673                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
674                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
675                                                            </svg>
676                                                        </a>
677                                                    
678                                                        <a href="/wallpapers/aesthetic"
679                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
680                                                            <span class="truncate pr-2">Aesthetic</span>
681                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
682                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
683                                                            </svg>
684                                                        </a>
685                                                    
686                                                        <a href="/wallpapers/animal"
687                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
688                                                            <span class="truncate pr-2">Animal</span>
689                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
690                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
691                                                            </svg>
692                                                        </a>
693                                                    
694                                                        <a href="/wallpapers/anime"
695                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
696                                                            <span class="truncate pr-2">Anime</span>
697                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
698                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
699                                                            </svg>
700                                                        </a>
701                                                    
702                                                        <a href="/wallpapers/art"
703                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
704                                                            <span class="truncate pr-2">Art</span>
705                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
706                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
707                                                            </svg>
708                                                        </a>
709                                                    
710                                                        <a href="/wallpapers/avengers"
711                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
712                                                            <span class="truncate pr-2">Avengers</span>
713                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
714                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
715                                                            </svg>
716                                                        </a>
717                                                    
718                                                        <a href="/wallpapers/black-and-white"
719                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
720                                                            <span class="truncate pr-2">Black and white</span>
721                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
722                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
723                                                            </svg>
724                                                        </a>
725                                                    
726                                                        <a href="/wallpapers/cars"
727                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
728                                                            <span class="truncate pr-2">Cars</span>
729                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
730                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
731                                                            </svg>
732                                                        </a>
733                                                    
734                                                        <a href="/wallpapers/cartoons"
735                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
736                                                            <span class="truncate pr-2">Cartoons</span>
737                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
738                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
739                                                            </svg>
740                                                        </a>
741                                                    
742                                                        <a href="/wallpapers/cinematic"
743                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
744                                                            <span class="truncate pr-2">Cinematic</span>
745                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
746                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
747                                                            </svg>
748                                                        </a>
749                                                    
750                                                        <a href="/wallpapers/cityscape"
751                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
752                                                            <span class="truncate pr-2">Cityscape</span>
753                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
754                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
755                                                            </svg>
756                                                        </a>
757                                                    
758                                                        <a href="/wallpapers/close-up"
759                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
760                                                            <span class="truncate pr-2">Close-Up</span>
761                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
762                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
763                                                            </svg>
764                                                        </a>
765                                                    
766                                                        <a href="/wallpapers/cyberpunk"
767                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
768                                                            <span class="truncate pr-2">Cyberpunk</span>
769                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
770                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
771                                                            </svg>
772                                                        </a>
773                                                    
774                                                        <a href="/wallpapers/dark"
775                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
776                                                            <span class="truncate pr-2">Dark</span>
777                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
778                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
779                                                            </svg>
780                                                        </a>
781                                                    
782                                                        <a href="/wallpapers/fantasy"
783                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
784                                                            <span class="truncate pr-2">Fantasy</span>
785                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
786                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
787                                                            </svg>
788                                                        </a>
789                                                    
790                                                        <a href="/wallpapers/forgotten-worlds"
791                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
792                                                            <span class="truncate pr-2">Forgotten Worlds</span>
793                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
794                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
795                                                            </svg>
796                                                        </a>
797                                                    
798                                                        <a href="/wallpapers/gaming"
799                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
800                                                            <span class="truncate pr-2">Gaming</span>
801                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
802                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
803                                                            </svg>
804                                                        </a>
805                                                    
806                                                        <a href="/wallpapers/god-wallpapers"
807                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
808                                                            <span class="truncate pr-2">God Wallpapers</span>
809                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
810                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
811                                                            </svg>
812                                                        </a>
813                                                    
814                                                        <a href="/wallpapers/horror"
815                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
816                                                            <span class="truncate pr-2">Horror</span>
817                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
818                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
819                                                            </svg>
820                                                        </a>
821                                                    
822                                                        <a href="/wallpapers/illustration"
823                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
824                                                            <span class="truncate pr-2">Illustration</span>
825                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
826                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
827                                                            </svg>
828                                                        </a>
829                                                    
830                                                        <a href="/wallpapers/k-pop"
831                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
832                                                            <span class="truncate pr-2">K-POP</span>
833                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
834                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
835                                                            </svg>
836                                                        </a>
837                                                    
838                                                        <a href="/wallpapers/kawaii-art"
839                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
840                                                            <span class="truncate pr-2">Kawaii Art</span>
841                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
842                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
843                                                            </svg>
844                                                        </a>
845                                                    
846                                                        <a href="/wallpapers/landscape"
847                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
848                                                            <span class="truncate pr-2">Landscape</span>
849                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
850                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
851                                                            </svg>
852                                                        </a>
853                                                    
854                                                        <a href="/wallpapers/magical"
855                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
856                                                            <span class="truncate pr-2">Magical</span>
857                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
858                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
859                                                            </svg>
860                                                        </a>
861                                                    
862                                                        <a href="/wallpapers/minimal"
863                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
864                                                            <span class="truncate pr-2">Minimal</span>
865                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
866                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
867                                                            </svg>
868                                                        </a>
869                                                    
870                                                        <a href="/wallpapers/moody"
871                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
872                                                            <span class="truncate pr-2">Moody</span>
873                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
874                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
875                                                            </svg>
876                                                        </a>
877                                                    
878                                                        <a href="/wallpapers/motivation"
879                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
880                                                            <span class="truncate pr-2">motivation</span>
881                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
882                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
883                                                            </svg>
884                                                        </a>
885                                                    
886                                                        <a href="/wallpapers/mythical"
887                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
888                                                            <span class="truncate pr-2">Mythical</span>
889                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
890                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
891                                                            </svg>
892                                                        </a>
893                                                    
894                                                        <a href="/wallpapers/nature"
895                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
896                                                            <span class="truncate pr-2">Nature</span>
897                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
898                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
899                                                            </svg>
900                                                        </a>
901                                                    
902                                                        <a href="/wallpapers/sci-fi"
903                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
904                                                            <span class="truncate pr-2">Sci-Fi</span>
905                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
906                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
907                                                            </svg>
908                                                        </a>
909                                                    
910                                                        <a href="/wallpapers/sports"
911                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
912                                                            <span class="truncate pr-2">Sports</span>
913                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
914                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
915                                                            </svg>
916                                                        </a>
917                                                    
918                                                        <a href="/wallpapers/sunset"
919                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
920                                                            <span class="truncate pr-2">Sunset</span>
921                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
922                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
923                                                            </svg>
924                                                        </a>
925                                                    
926                                                        <a href="/wallpapers/superhero"
927                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
928                                                            <span class="truncate pr-2">Superhero</span>
929                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
930                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
931                                                            </svg>
932                                                        </a>
933                                                    
934                                                        <a href="/wallpapers/surreal"
935                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
936                                                            <span class="truncate pr-2">Surreal</span>
937                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
938                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
939                                                            </svg>
940                                                        </a>
941                                                    
942                                                        <a href="/wallpapers/warriors"
943                                                           class="flex items-center justify-between px-3 py-2 rounded-xl text-gray-300 hover:text-white hover:bg-white/[0.08] transition-colors text-[13.5px] font-medium group/citem select-none">
944                                                            <span class="truncate pr-2">Warriors</span>
945                                                            <svg class="w-3.5 h-3.5 text-gray-500 group-hover/citem:text-[#8CFF00] group-hover/citem:translate-x-0.5 transition-all duration-150 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
946                                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
947                                                            </svg>
948                                                        </a>
949                                                    
950                                                </div>
951                                            </div>
952                                        </div>
953                                    </div>
954
955                                    <!-- Mobile Controls -->
956                                    <div class="md:hidden flex items-center gap-2 flex-shrink-0 ml-auto">
957                                        
958                                        <button type="button" class="ap-infinite-toggle flex-shrink-0" role="switch" aria-checked="false" aria-label="Infinite scroll" title="Infinite scroll: off">
959                                            <span aria-hidden="true">∞</span><span class="ap-switch-track" aria-hidden="true"></span>
960                                        </button>
961                                        
962
963                                        <button id="mobile-categories-btn" type="button" aria-expanded="false" data-category-trigger
964                                            class="categories-pill-btn flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 rounded-xl border text-xs font-semibold select-none cursor-pointer">
965                                            <span>Categories</span>
966                                            <svg class="w-3.5 h-3.5 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
967                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
968                                            </svg>
969                                        </button>
970
971                                        <!-- Mobile Menu Button -->
972                                        <button id="mobile-menu-toggle" type="button" aria-label="Navigation menu" aria-controls="mobile-menu" aria-expanded="false"
973                                            class="w-9 h-9 min-w-[36px] max-w-[36px] flex items-center justify-center text-gray-300 hover:text-white focus:outline-none flex-shrink-0">
974                                            <svg id="icon-menu" class="w-6 h-6" fill="none" stroke="currentColor"
975                                                viewBox="0 0 24 24">
976                                                <path stroke-linecap="round" stroke-linejoin="round"
977                                                    stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
978                                            </svg>
979                                            <svg id="icon-close" class="w-6 h-6 hidden"
980                                                fill="none" stroke="currentColor" viewBox="0 0 24 24">
981                                                <path stroke-linecap="round" stroke-linejoin="round"
982                                                    stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
983                                            </svg>
984                                        </button>
985                                    </div>
986
987                                    <!-- Right Links & Toggles -->
988                                    <div class="ap-header-links hidden md:flex items-center gap-4 lg:gap-6 flex-shrink-0">
989                                        <a href="/ai-generator"
990                                            class="text-primary hover:text-white text-sm font-bold transition-colors flex items-center gap-1">
991                                            <i class="fas fa-magic text-xs"></i> AI Generator
992                                        </a>
993                                        <a href="/avatars"
994                                            class="text-gray-300 hover:text-white text-sm font-medium transition-colors flex items-center gap-1">
995                                            <i class="far fa-user-circle text-xs"></i> Avatars
996                                        </a>
997                                        <a href="/api-docs"
998                                            class="text-gray-300 hover:text-white text-sm font-medium transition-colors">API
999                                            Docs</a>
1000                                        <a href="/api-status"
1001                                            class="text-gray-300 hover:text-white text-sm font-medium transition-colors">API
1002                                            Status</a>
1003
1004                                        
1005                                                    
1006                                                    
1007                                                    
1008
1009                                        
1010                                        <button type="button" class="ap-infinite-toggle" role="switch" aria-checked="false" aria-label="Infinite scroll" title="Infinite scroll: off">
1011                                            <span aria-hidden="true">∞</span><span class="ap-switch-track" aria-hidden="true"></span>
1012                                        </button>
1013                                        
1014                                        <button class="ap-theme-toggle" type="button" aria-label="Switch to light mode" title="Switch theme"><i class="fas fa-sun" aria-hidden="true"></i></button>
1015                                    </div>
1016                                </div>
1017
1018                                <!-- Mobile Menu -->
1019                                <div id="mobile-menu" inert
1020                                    class="md:hidden header-bg absolute top-full left-0 w-full z-50 shadow-xl transition-all duration-300 ease-in-out transform origin-top max-h-0 opacity-0 -translate-y-5 overflow-hidden pointer-events-none">
1021                                    <div class="flex flex-col p-4 space-y-4">
1022                                        
1023                                        <form action="/" method="GET" role="search" class="flex gap-2">
1024                                            <input type="search" name="search" aria-label="Search wallpapers" placeholder="Search wallpapers..." maxlength="200" class="search-input w-full min-w-0 rounded-lg px-3 py-2">
1025                                            <button type="submit" class="bg-primary text-black px-3 py-2 rounded-lg" aria-label="Search"><i class="fas fa-search" aria-hidden="true"></i></button>
1026                                        </form>
1027                                        
1028
1029
1030                                        <a href="/ai-generator"
1031                                            class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3">
1032                                            <i class="fas fa-magic w-5 text-primary"></i> AI Generator
1033                                        </a>
1034                                        <a href="/avatars"
1035                                            class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3">
1036                                            <i class="far fa-user-circle w-5 text-primary"></i> Avatars
1037                                        </a>
1038                                        <a href="/api-docs"
1039                                            class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3">
1040                                            <i class="fas fa-book w-5 text-primary"></i> API Docs
1041                                        </a>
1042                                        <a href="/api-status"
1043                                            class="text-gray-300 hover:text-white block py-2 border-b border-gray-800 flex items-center gap-3">
1044                                            <i class="fas fa-server w-5 text-primary"></i> API Status
1045                                        </a>
1046
1047                                        
1048                                                <div class="flex flex-col gap-3 pt-2">
1049                                                    
1050                                                    
1051                                                </div>
1052                                                
1053                                    </div>
1054                                </div>
1055                            </nav>
1056
1057                            
1057<script>
1058                                const mobileBtn = document.getElementById('mobile-menu-toggle');
1059                                const mobileMenu = document.getElementById('mobile-menu');
1060
1061                                if (mobileBtn && mobileMenu) {
1062                                    const iconMenu = document.getElementById('icon-menu');
1063                                    const iconClose = document.getElementById('icon-close');
1064
1065                                    mobileBtn.addEventListener('click', () => {
1066                                        const isClosed = mobileMenu.classList.contains('max-h-0');
1067
1068                                        if (isClosed) {
1069                                            // Open Menu
1070                                            mobileMenu.inert = false;
1071                                            mobileBtn.setAttribute('aria-expanded', 'true');
1072                                            mobileMenu.classList.remove('max-h-0', 'opacity-0', '-translate-y-5', 'pointer-events-none');
1073                                            mobileMenu.classList.add('max-h-screen', 'opacity-100', 'translate-y-0', 'pointer-events-auto');
1074
1075                                            // Change Icon to Close
1076                                            if (iconMenu && iconClose) {
1077                                                iconMenu.classList.add('hidden');
1078                                                iconClose.classList.remove('hidden');
1079                                            }
1080                                        } else {
1081                                            // Close Menu
1082                                            mobileMenu.inert = true;
1083                                            mobileBtn.setAttribute('aria-expanded', 'false');
1084                                            mobileMenu.classList.remove('max-h-screen', 'opacity-100', 'translate-y-0', 'pointer-events-auto');
1085                                            mobileMenu.classList.add('max-h-0', 'opacity-0', '-translate-y-5', 'pointer-events-none');
1086
1087                                            // Change Icon to Hamburger
1088                                            if (iconMenu && iconClose) {
1089                                                iconMenu.classList.remove('hidden');
1090                                                iconClose.classList.add('hidden');
1091                                            }
1092                                        }
1093                                    });
1094
1095                                    document.addEventListener('keydown', (event) => {
1096                                        if (event.key === 'Escape' && mobileBtn.getAttribute('aria-expanded') === 'true') {
1097                                            mobileBtn.click();
1098                                            mobileBtn.focus();
1099                                        }
1100                                    });
1101
1102                                    // Close menu when clicking outside
1103                                    document.addEventListener('click', (e) => {
1104                                        if (!mobileMenu.contains(e.target) && !mobileBtn.contains(e.target) && !mobileMenu.classList.contains('max-h-0')) {
1105                                            mobileMenu.inert = true;
1106                                            mobileBtn.setAttribute('aria-expanded', 'false');
1107                                            mobileMenu.classList.remove('max-h-screen', 'opacity-100', 'translate-y-0', 'pointer-events-auto');
1108                                            mobileMenu.classList.add('max-h-0', 'opacity-0', '-translate-y-5', 'pointer-events-none');
1109
1110                                            // Reset Icon
1111                                            if (iconMenu && iconClose) {
1112                                                iconMenu.classList.remove('hidden');
1113                                                iconClose.classList.add('hidden');
1114                                            }
1115                                        }
1116                                    });
1117                                }
1118
1119                                // 4KWallpapers-style Categories Dropdown & Triggers Logic
1120                                (function() {
1121                                    const catBtn = document.getElementById('header-categories-btn');
1122                                    const catDropdown = document.getElementById('header-categories-dropdown');
1123                                    let activeCategoryTrigger = catBtn;
1124                                    // Keep the shared menu outside the desktop-only search wrapper.
1125                                    if (catDropdown) {
1126                                        document.body.appendChild(catDropdown);
1127                                        catDropdown.inert = true;
1128                                    }
1129
1130                                    function toggleCategoriesMenu(e) {
1131                                        if (e) {
1132                                            activeCategoryTrigger = e.currentTarget || catBtn;
1133                                            e.stopPropagation();
1134                                            e.preventDefault();
1135                                        }
1136                                        if (!catDropdown) return;
1137                                        const isOpen = catDropdown.classList.contains('is-open');
1138                                        if (isOpen) {
1139                                            closeCategoriesMenu();
1140                                        } else {
1141                                            openCategoriesMenu();
1142                                        }
1143                                    }
1144
1145                                    function openCategoriesMenu() {
1146                                        if (!catDropdown || !activeCategoryTrigger) return;
1147                                        const rect = activeCategoryTrigger.getBoundingClientRect();
1148                                        const width = Math.min(410, window.innerWidth - 24);
1149                                        Object.assign(catDropdown.style, {
1150                                            position: 'fixed', width: width + 'px',
1151                                            left: Math.max(12, Math.min(rect.right - width, window.innerWidth - width - 12)) + 'px',
1152                                            right: 'auto', top: (rect.bottom + 8) + 'px',
1153                                            maxHeight: Math.max(140, window.innerHeight - rect.bottom - 20) + 'px',
1154                                            overflowY: 'hidden', zIndex: '200'
1155                                        });
1156                                        catDropdown.inert = false;
1157                                        catDropdown.classList.add('is-open');
1158                                        document.querySelectorAll('[data-category-trigger]').forEach(button => {
1159                                            button.classList.add('is-active');
1160                                            button.setAttribute('aria-expanded', 'true');
1161                                            button.setAttribute('aria-controls', 'header-categories-dropdown');
1162                                        });
1163                                    }
1164
1165                                    function closeCategoriesMenu() {
1166                                        if (!catDropdown) return;
1167                                        catDropdown.classList.remove('is-open');
1168                                        catDropdown.inert = true;
1169                                        document.querySelectorAll('[data-category-trigger]').forEach(button => {
1170                                            button.classList.remove('is-active');
1171                                            button.setAttribute('aria-expanded', 'false');
1172                                        });
1173                                    }
1174                                    window.addEventListener('resize', closeCategoriesMenu);
1175
1176                                    window.toggleCategoryMenu = toggleCategoriesMenu;
1177                                    window.closeCategoryMenu = closeCategoriesMenu;
1178
1179                                    // Attach event to all elements with data-category-trigger
1180                                    document.querySelectorAll('[data-category-trigger]').forEach(btn => {
1181                                        btn.addEventListener('click', toggleCategoriesMenu);
1182                                    });
1183
1184                                    // Close when clicking outside
1185                                    document.addEventListener('click', (e) => {
1186                                        if (catDropdown && catDropdown.classList.contains('is-open')) {
1187                                            if (!catDropdown.contains(e.target) && (!catBtn || !catBtn.contains(e.target)) && !e.target.closest('[data-category-trigger]')) {
1188                                                closeCategoriesMenu();
1189                                            }
1190                                        }
1191                                    });
1192
1193                                    // Close on Escape
1194                                    document.addEventListener('keydown', (e) => {
1195                                        if (e.key === 'Escape' && catDropdown && catDropdown.classList.contains('is-open')) {
1196                                            closeCategoriesMenu();
1197                                            activeCategoryTrigger?.focus();
1198                                        }
1199                                    });
1200
1201
1202                                })();
1203
1204                                // Guaranteed Immediate Header Scroll Transparency Handler
1205                                (function() {
1206                                    const siteHeader = document.querySelector('.ap-site-header');
1207                                    if (!siteHeader) return;
1208                                    const announcement = document.querySelector('.ap-announcement');
1209
1210                                    function syncHeaderScroll() {
1211                                        const scrollY = window.pageYOffset || window.scrollY || document.documentElement.scrollTop || 0;
1212                                        const threshold = announcement ? (announcement.offsetHeight || 0) : 0;
1213                                        if (scrollY > threshold) {
1214                                            siteHeader.classList.add('is-scrolled');
1215                                        } else {
1216                                            siteHeader.classList.remove('is-scrolled');
1217                                        }
1218                                    }
1219
1220                                    window.addEventListener('scroll', syncHeaderScroll, { passive: true });
1221                                    window.addEventListener('resize', syncHeaderScroll);
1222                                    syncHeaderScroll();
1223                                })();
1224                            </script>
1224
1225
1226                            <!-- No Spacer needed for sticky header -->
1227
1228                            
1228<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" defer></script>
1228
1229                            
1230
1231
1232
1233
1234    <div class="ap-gallery container mx-auto px-2 sm:px-4 pb-6 pt-4">
1235            <!-- Subcategories Filter -->
1236            
1237
1238                    
1238<script>
1239                        // Instant show for cached images
1240                        (function () {
1241                            var images = document.querySelectorAll('.wallpaper-grid-img');
1242                            for (var i = 0; i < images.length; i++) {
1243                                if (images[i].complete) {
1244                                    images[i].classList.remove('opacity-0');
1245                                    // Hide loader
1246                                    var loader = images[i].previousElementSibling;
1247                                    if (loader) loader.style.display = 'none';
1248                                }
1249                            }
1250                        })();
1251                    </script>
1251
1252
1253                    <!-- Main Navigation Filter -->
1254                    <div class="flex justify-center mb-6">
1255                        <div class="ap-gallery-tabs gallery-nav-row flex flex-wrap justify-center">
1256                            
1257                                            <a href="/"
1258                                                class="is-active">
1259                                                <i class="fas fa-house"></i>
1260                                                <span>Recent</span>
1261                                            </a>
1262                                            <a href="/?sort=popular" rel="nofollow"
1263                                                class="">
1264                                                <i class="fas fa-fire"></i>
1265                                                <span>Popular</span>
1266                                            </a>
1267                                            <a href="/?sort=featured" rel="nofollow"
1268                                                class="">
1269                                                <i class="fas fa-star"></i>
1270                                                <span>Featured</span>
1271                                            </a>
1272                                            <a href="/?sort=random" rel="nofollow"
1273                                                class="">
1274                                                <i class="fas fa-shuffle"></i>
1275                                                <span>Random</span>
1276                                            </a>
1277                                            <a href="/?sort=collections" rel="nofollow"
1278                                                class="">
1279                                                <i class="fas fa-layer-group"></i>
1280                                                <span>Collections</span>
1281                                            </a>
1282                                            
1283                        </div>
1284                    </div>
1285
1286                    <!-- Custom Top Navigation (Tags) -->
1287                    <div class="flex justify-center mb-6">
1288                        <div class="gallery-nav-row flex flex-wrap items-center justify-center gap-4 px-4 w-full">
1289                            
1290                                
1291                                    
1292                                        
1293                                        <a href="/wallpapers/iphone" 
1294                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1295                                            iPhone Wallpapers
1296                                        </a>
1297                                        
1298                                            
1299                                    
1300                                        
1301                                        <a href="/wallpapers/cute-kawaii" 
1302                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1303                                            Cute kawaii
1304                                        </a>
1305                                        
1306                                            
1307                                    
1308                                        
1309                                        <a href="/wallpapers/ultrawide" 
1310                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1311                                            UltraWide HD Monitor
1312                                        </a>
1313                                        
1314                                            
1315                                    
1316                                        
1317                                        <a href="/wallpapers/4k" 
1318                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1319                                            Cool 4K
1320                                        </a>
1321                                        
1322                                            
1323                                    
1324                                        
1325                                        <a href="/wallpapers/black" 
1326                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1327                                            Black
1328                                        </a>
1329                                        
1330                                            
1331                                    
1332                                        
1333                                        <a href="/wallpapers/aesthetic" 
1334                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1335                                            Aesthetic backgrounds
1336                                        </a>
1337                                        
1338                                            
1339                                    
1340                                        
1341                                        <a href="/wallpapers/space" 
1342                                            class="text-gray-400 hover:text-white text-sm font-medium transition-colors">
1343                                            Space
1344                                        </a>
1345                                        
1346                                            
1347                                                
1348                        </div>
1349                    </div>
1350
1351                    <!-- Featured Header & Device Filter -->
1352                    <div
1353                        class="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 border-l-4 border-primary pl-4">
1354                        <div>
1355                            <h1 class="text-2xl font-normal text-white">
1356                                
1357
1358                                    
1359                                                                            Recent <span
1360                                                                                class="font-bold">Wallpapers</span>
1361                                                                            
1362                            </h1>
1363                            
1364                        </div>
1365
1366                        <!-- Device Filter Toggle -->
1367                        <div class="ap-device-filter flex items-center bg-surface rounded-lg p-1 border border-gray-700 w-fit">
1368                            
1369                                <a href="/?orientation=all"
1370                                    class="px-3 py-1.5 rounded-md text-xs font-semibold transition-all is-active">
1371                                    All
1372                                </a>
1373                                <a href="/?orientation=mobile" rel="nofollow"
1374                                    class="px-3 py-1.5 rounded-md text-xs font-semibold transition-all flex items-center gap-1 text-gray-400 hover:text-white">
1375                                    <i class="fas fa-mobile-alt"></i> Mobile
1376                                </a>
1377                                <a href="/?orientation=pc" rel="nofollow"
1378                                    class="px-3 py-1.5 rounded-md text-xs font-semibold transition-all flex items-center gap-1 text-gray-400 hover:text-white">
1379                                    <i class="fas fa-desktop"></i> PC
1380                                </a>
1381                        </div>
1382                    </div>
1383
1384                    <!-- Wallpaper Grid -->
1385                    
1386                            
1387                            <div class="ap-wallpaper-grid ">
1388                                
1389                                    <div class="break-inside-avoid">
1390                                        <a href="/wallpaper/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-ebfc7b558d10"
1391                                            aria-label="View Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky Kawaii Art wallpaper 1008x2240"
1392                                            class="ap-wallpaper-card group block">
1393                                            <!-- Image Container with Skeleton Loa
1393ding -->
1394                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1395                                                style="aspect-ratio: 9/16;">
1396                                                <!-- Mobile Portrait Icon -->
1397                                                
1398                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1399                                                        <i class="fas fa-mobile-alt"></i>
1400                                                    </span>
1401                                                
1402
1403                                                <!-- Logo Loader -->
1404                                                <div
1405                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1406                                                    <img src="/images/favicon.ico"
1407                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1408                                                </div>
1409
1410                                                <img src="/uploads/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp"
1411                                                    srcset="/thumbnails/320/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp 320w, /thumbnails/640/happy-little-cloud-hugging-a-vibrant-rainbow-in-pastel-sky-925103905.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1412                                                    alt="Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky Kawaii Art wallpaper 1008x2240"
1413                                                    width="1008"
1414                                                    height="2240"
1415                                                    title="Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky" decoding="async" 
1416                                                loading="eager"
1417                                                fetchpriority="high"
1418                                                
1419                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1420                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1421                                                        onerror="this.previousElementSibling.style.display='none';">
1422                                            </div>
1423
1424                                            <!-- Overlay Info (Bottom) -->
1425                                            <div
1426                                                class="ap-card-caption">
1427                                                <h3 class="text-white text-sm font-bold truncate">
1428                                                    Happy Little Cloud Hugging a Vibrant Rainbow in Pastel Sky
1429                                                </h3>
1430                                            </div>
1431                                        </a>
1432                                    </div>
1433
1434                                    
1435
1436                                                    
1437                                                            
1438                                    <div class="break-inside-avoid">
1439                                        <a href="/wallpaper/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-e77dd8074b59"
1440                                            aria-label="View Retro Yellow Cassette Tape with Sunglasses Pop Art Design Aesthetic wallpaper 1008x2240"
1441                                            class="ap-wallpaper-card group block">
1442                                            <!-- Image Container with Skeleton Loading -->
1443                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1444                                                style="aspect-ratio: 9/16;">
1445                                                <!-- Mobile Portrait Icon -->
1446                                                
1447                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1448                                                        <i class="fas fa-mobile-alt"></i>
1449                                                    </span>
1450                                                
1451
1452                                                <!-- Logo Loader -->
1453                                                <div
1454                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1455                                                    <img src="/images/favicon.ico"
1456                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1457                                                </div>
1458
1459                                                <img src="/uploads/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp"
1460                                                    srcset="/thumbnails/320/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp 320w, /thumbnails/640/retro-yellow-cassette-tape-with-sunglasses-pop-art-design-924142954.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1461                                                    alt="Retro Yellow Cassette Tape with Sunglasses Pop Art Design Aesthetic wallpaper 1008x2240"
1462                                                    width="1008"
1463                                                    height="2240"
1464                                                    title="Retro Yellow Cassette Tape with Sunglasses Pop Art Design" decoding="async" 
1465                                                loading="eager"
1466                                                fetchpriority="auto"
1467                                                
1468                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1469                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1470                                                        onerror="this.previousElementSibling.style.display='none';">
1471                                            </div>
1472
1473                                            <!-- Overlay Info (Bottom) -->
1474                                            <div
1475                                                class="ap-card-caption">
1476                                                <h3 class="text-white text-sm font-bold truncate">
1477                                                    Retro Yellow Cassette Tape with Sunglasses Pop Art Design
1478                                                </h3>
1479                                            </div>
1480                                        </a>
1481                                    </div>
1482
1483                                    
1484
1485                                                    
1486                                                            
1487                                    <div class="break-inside-avoid">
1488                                        <a href="/wallpaper/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-2fb914cc3092"
1489                                            aria-label="View Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds Kawaii Art wallpaper 1008x2240"
1490                                            class="ap-wallpaper-card group block">
1491                                            <!-- Image Container with Skeleton Loading -->
1492                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1493                                                style="aspect-ratio: 9/16;">
1494                                                <!-- Mobile Portrait Icon -->
1495                                                
1496                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1497                                                        <i class="fas fa-mobile-alt"></i>
1498                                                    </span>
1499                                                
1500
1501                                                <!-- Logo Loader -->
1502                                                <div
1503                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1504                                                    <img src="/images/favicon.ico"
1505                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1506                                                </div>
1507
1508                                                <img src="/uploads/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp"
1509                                                    srcset="/thumbn
1509ails/320/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp 320w, /thumbnails/640/tiny-pastel-ghost-drifting-through-soft-dreamy-clouds-922387055.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1510                                                    alt="Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds Kawaii Art wallpaper 1008x2240"
1511                                                    width="1008"
1512                                                    height="2240"
1513                                                    title="Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds" decoding="async" 
1514                                                loading="eager"
1515                                                fetchpriority="auto"
1516                                                
1517                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1518                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1519                                                        onerror="this.previousElementSibling.style.display='none';">
1520                                            </div>
1521
1522                                            <!-- Overlay Info (Bottom) -->
1523                                            <div
1524                                                class="ap-card-caption">
1525                                                <h3 class="text-white text-sm font-bold truncate">
1526                                                    Tiny Pastel Ghost Drifting Through Soft Dreamy Clouds
1527                                                </h3>
1528                                            </div>
1529                                        </a>
1530                                    </div>
1531
1532                                    
1533
1534                                                    
1535                                                            
1536                                    <div class="break-inside-avoid">
1537                                        <a href="/wallpaper/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-ee367e952d46"
1538                                            aria-label="View Cozy Cat Watching the Crescent Moon from a Quiet Bedroom Aesthetic wallpaper 1008x2240"
1539                                            class="ap-wallpaper-card group block">
1540                                            <!-- Image Container with Skeleton Loading -->
1541                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1542                                                style="aspect-ratio: 9/16;">
1543                                                <!-- Mobile Portrait Icon -->
1544                                                
1545                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1546                                                        <i class="fas fa-mobile-alt"></i>
1547                                                    </span>
1548                                                
1549
1550                                                <!-- Logo Loader -->
1551                                                <div
1552                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1553                                                    <img src="/images/favicon.ico"
1554                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1555                                                </div>
1556
1557                                                <img src="/uploads/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp"
1558                                                    srcset="/thumbnails/320/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp 320w, /thumbnails/640/cozy-cat-watching-the-crescent-moon-from-a-quiet-bedroom-921565542.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1559                                                    alt="Cozy Cat Watching the Crescent Moon from a Quiet Bedroom Aesthetic wallpaper 1008x2240"
1560                                                    width="1008"
1561                                                    height="2240"
1562                                                    title="Cozy Cat Watching the Crescent Moon from a Quiet Bedroom" decoding="async" 
1563                                                loading="eager"
1564                                                fetchpriority="auto"
1565                                                
1566                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1567                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1568                                                        onerror="this.previousElementSibling.style.display='none';">
1569                                            </div>
1570
1571                                            <!-- Overlay Info (Bottom) -->
1572                                            <div
1573                                                class="ap-card-caption">
1574                                                <h3 class="text-white text-sm font-bold truncate">
1575                                                    Cozy Cat Watching the Crescent Moon from a Quiet Bedroom
1576                                                </h3>
1577                                            </div>
1578                                        </a>
1579                                    </div>
1580
1581                                    
1582
1583                                                    
1584                                                            
1585                                    <div class="break-inside-avoid">
1586                                        <a href="/wallpaper/cozy-pixel-art-cottage-on-a-floating-island-at-night-59ceeead2ebf"
1587                                            aria-label="View Cozy Pixel Art C
1587ottage on a Floating Island at Night Fantasy wallpaper 1008x2240"
1588                                            class="ap-wallpaper-card group block">
1589                                            <!-- Image Container with Skeleton Loading -->
1590                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1591                                                style="aspect-ratio: 9/16;">
1592                                                <!-- Mobile Portrait Icon -->
1593                                                
1594                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1595                                                        <i class="fas fa-mobile-alt"></i>
1596                                                    </span>
1597                                                
1598
1599                                                <!-- Logo Loader -->
1600                                                <div
1601                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1602                                                    <img src="/images/favicon.ico"
1603                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1604                                                </div>
1605
1606                                                <img src="/uploads/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp"
1607                                                    srcset="/thumbnails/320/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp 320w, /thumbnails/640/cozy-pixel-art-cottage-on-a-floating-island-at-night-920684555.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1608                                                    alt="Cozy Pixel Art Cottage on a Floating Island at Night Fantasy wallpaper 1008x2240"
1609                                                    width="1008"
1610                                                    height="2240"
1611                                                    title="Cozy Pixel Art Cottage on a Floating Island at Night" decoding="async" 
1612                                                    loading="lazy"
1613                                                    
1614                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1615                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1616                                                        onerror="this.previousElementSibling.style.display='none';">
1617                                            </div>
1618
1619                                            <!-- Overlay Info (Bottom) -->
1620                                            <div
1621                                                class="ap-card-caption">
1622                                                <h3 class="text-white text-sm font-bold truncate">
1623                                                    Cozy Pixel Art Cottage on a Floating Island at Night
1624                                                </h3>
1625                                            </div>
1626                                        </a>
1627                                    </div>
1628
1629                                    
1630
1631                                                    
1632                                                            
1633                                    <div class="break-inside-avoid">
1634                                        <a href="/wallpaper/minimalist-layered-paper-mountains-with-soft-sage-tones-31f964dd7435"
1635                                            aria-label="View Minimalist Layered Paper Mountains with Soft Sage Tones wallpaper 1008x2240"
1636                                            class="ap-wallpaper-card group block">
1637                                            <!-- Image Container with Skeleton Loading -->
1638                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1639                                                style="aspect-ratio: 9/16;">
1640                                                <!-- Mobile Portrait Icon -->
1641                                                
1642                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1643                                                        <i class="fas fa-mobile-alt"></i>
1644                                                    </span>
1645                                                
1646
1647                                                <!-- Logo Loader -->
1648                                                <div
1649                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1650                                                    <img src="/images/favicon.ico"
1651                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1652                                                </div>
1653
1654                                                <img src="/uploads/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp"
1655                                                    srcset="/thumbnails/320/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp 320w, /thumbnails/640/minimalist-layered-paper-mountains-with-soft-sage-tones-919602261.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1656                                                    alt="Minimalist Layered Paper Mountains with Soft Sage Tones wallpaper 1008x2240"
1657                                                    width="1008"
1658                                                    height="2240"
1659                                                    title="Minimalist Layered Paper Mountains with Soft Sage Tones" decoding="async" 
1660                                                    loading="lazy"
1661                                                    
1662                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1663                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1664                                                        onerror="this.previousElementSibling.style.display='none';">
1665                                            </div>
1666
1667                                            <!-- Overlay Info (Bottom) -->
1668                                            <div
1669                                                class="ap-card-caption">
1670                                                <h3 class="text-white text-sm font-bold truncate">
1671                                                    Minimalist Layered Paper Mountains with Soft Sage Tones
1672                                                </h3>
1673                                            </div>
1674                                        </a>
1675                                    </div>
1676
1677                                    
1678
1679                                                    
1680                                                            
1681                                    <div class="break-inside-avoid">
1682                                        <a href="/wallpaper/minimalist-terracotta-mountains-at-sunset-geometric-art-e789a771ac99"
1683                                            aria-label="View Minimalist Terracotta Mountains at Sunset Geometric Art wallpaper 1008x2240"
1684                                            class="ap-wallpaper-card group block">
1685                                            <!-- Image Container with Skeleton Loading -->
1686                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1687                                                style="aspect-ratio: 9/16;">
1688                                                <!-- Mobile Portrait Icon -->
1689                                                
1690                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1691                                                        <i class="fas fa-mobile-alt"></i>
1692                                                    </span>
1693                                                
1694
1695                                                <!-- Logo Loader -->
1696                                                <div
1697                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1698                                                    <img src="/images/favicon.ico"
1699                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1700                                                </div>
1701
1702                                                <img src="/uploads/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp"
1703                                                    srcset="/thumbn
1703ails/320/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp 320w, /thumbnails/640/minimalist-terracotta-mountains-at-sunset-geometric-art-918431539.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1704                                                    alt="Minimalist Terracotta Mountains at Sunset Geometric Art wallpaper 1008x2240"
1705                                                    width="1008"
1706                                                    height="2240"
1707                                                    title="Minimalist Terracotta Mountains at Sunset Geometric Art" decoding="async" 
1708                                                    loading="lazy"
1709                                                    
1710                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1711                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1712                                                        onerror="this.previousElementSibling.style.display='none';">
1713                                            </div>
1714
1715                                            <!-- Overlay Info (Bottom) -->
1716                                            <div
1717                                                class="ap-card-caption">
1718                                                <h3 class="text-white text-sm font-bold truncate">
1719                                                    Minimalist Terracotta Mountains at Sunset Geometric Art
1720                                                </h3>
1721                                            </div>
1722                                        </a>
1723                                    </div>
1724
1725                                    
1726
1727                                                    
1728                                                            
1729                                    <div class="break-inside-avoid">
1730                                        <a href="/wallpaper/minimalist-line-art-cat-resting-on-a-crescent-moon-071e5bad76fd"
1731                                            aria-label="View Minimalist Line Art Cat Resting on a Crescent Moon wallpaper 1008x2240"
1732                                            class="ap-wallpaper-card group block">
1733                                            <!-- Image Container with Skeleton Loading -->
1734                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1735                                                style="aspect-ratio: 9/16;">
1736                                                <!-- Mobile Portrait Icon -->
1737                                                
1738                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1739                                                        <i class="fas fa-mobile-alt"></i>
1740                                                    </span>
1741                                                
1742
1743                                                <!-- Logo Loader -->
1744                                                <div
1745                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1746                                                    <img src="/images/favicon.ico"
1747                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1748                                                </div>
1749
1750                                                <img src="/uploads/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp"
1751                                                    srcset="/thumbnails/320/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp 320w, /thumbnails/640/minimalist-line-art-cat-resting-on-a-crescent-moon-917662663.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1752                                                    alt="Minimalist Line Art Cat Resting on a Crescent Moon wallpaper 1008x2240"
1753                                                    width="1008"
1754                                                    height="2240"
1755                                                    title="Minimalist Line Art Cat Resting on a Crescent Moon" decoding="async" 
1756                                                    loading="lazy"
1757                                                    
1758                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1759                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1760                                                        onerror="this.previousElementSibling.style.display='none';">
1761                                            </div>
1762
1763                                            <!-- Overlay Info (Bottom) -->
1764                                            <div
1765                                                class="ap-card-caption">
1766                                                <h3 class="text-white text-sm font-bold truncate">
1767                                                    Minimalist Line Art Cat Resting on a Crescent Moon
1768                                                </h3>
1769                                            </div>
1770                                        </a>
1771                                    </div>
1772
1773                                    
1774
1775                                                    
1776                                                            
1777                                    <div class="break-inside-avoid">
1778                                        <a href="/wallpaper/little-astronaut-sketching-stars-on-a-textured-moon-surface-e4ed2a392092"
1779                                            aria-label="View Little Astronaut Sketching Stars on a Textured Moon Surface Minimal wallpaper 1008x2240"
1780                                            class="ap-wallpaper-card group block">
1781                                            <!-- Image Container with Skeleton Loa
1781ding -->
1782                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1783                                                style="aspect-ratio: 9/16;">
1784                                                <!-- Mobile Portrait Icon -->
1785                                                
1786                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1787                                                        <i class="fas fa-mobile-alt"></i>
1788                                                    </span>
1789                                                
1790
1791                                                <!-- Logo Loader -->
1792                                                <div
1793                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1794                                                    <img src="/images/favicon.ico"
1795                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1796                                                </div>
1797
1798                                                <img src="/uploads/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp"
1799                                                    srcset="/thumbnails/320/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp 320w, /thumbnails/640/little-astronaut-sketching-stars-on-a-textured-moon-surface-916730068.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1800                                                    alt="Little Astronaut Sketching Stars on a Textured Moon Surface Minimal wallpaper 1008x2240"
1801                                                    width="1008"
1802                                                    height="2240"
1803                                                    title="Little Astronaut Sketching Stars on a Textured Moon Surface" decoding="async" 
1804                                                    loading="lazy"
1805                                                    
1806                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1807                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1808                                                        onerror="this.previousElementSibling.style.display='none';">
1809                                            </div>
1810
1811                                            <!-- Overlay Info (Bottom) -->
1812                                            <div
1813                                                class="ap-card-caption">
1814                                                <h3 class="text-white text-sm font-bold truncate">
1815                                                    Little Astronaut Sketching Stars on a Textured Moon Surface
1816                                                </h3>
1817                                            </div>
1818                                        </a>
1819                                    </div>
1820
1821                                    
1822                                        <!-- One responsive ad slot shared by mobile and desktop. -->
1823                                        <div class="ap-gallery-ad break-inside-avoid">
1824                                            <div
1825                                                class="bg-surface rounded-lg overflow-hidden shadow-lg relative w-full group hover:shadow-2xl transition-all duration-300">
1826                                                <div class="absolute top-2 right-2 z-10">
1827                                                    <span
1828                                                        class="text-[10px] font-bold text-gray-500 bg-black/50 px-2 py-0.5 rounded-full uppercase tracking-wider">Ad</span>
1829                                                </div>
1830
1831                                                <ins class="adsbygoogle" style="display:block" data-ad-format="fluid"
1832                                                    data-ad-layout-key="+2t+rl+2h-1m-4u"
1833                                                    data-ad-client="ca-pub-8427485526135631"
1834                                                    data-ad-slot="5282216725"></ins>
1835                                                
1835<script>
1836                                                    (adsbygoogle = window.adsbygoogle || []).push({});
1837                                                </script>
1837
1838                                            </div>
1839                                        </div>
1840                                        
1841
1842                                                    
1843                                                            
1844                                    <div class="break-inside-avoid">
1845                                        <a href="/wallpaper/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-887eda3c7c07"
1846                                            aria-label="View Cosmic Whale Swimming Through a Sea of Twinkling Stars Illustration wallpaper 1008x2240"
1847                                            class="ap-wallpaper-card group block">
1848                                            <!-- Image Container with Skeleton Loading -->
1849                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1850                                                style="aspect-ratio: 9/16;">
1851                                                <!-- Mobile Portrait Icon -->
1852                                                
1853                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1854                                                        <i class="fas fa-mobile-alt"></i>
1855                                                    </span>
1856                                                
1857
1858                                                <!-- Logo Loader -->
1859                                                <div
1860                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1861                                                    <img src="/images/favicon.ico"
1862                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1863                                                </div>
1864
1865                                                <img src="/uploads/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp"
1866                                                    srcset="/thumbnails/320/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp 320w, /thumbnails/640/cosmic-whale-swimming-through-a-sea-of-twinkling-stars-915579266.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1867                                                    alt="Cosmic Whale Swimming Through a Sea of Twinkling Stars Illustration wallpaper 1008x2240"
1868                                                    width="1008"
1869                                                    height="2240"
1870                                                    title="Cosmic Whale Swimming Through a Sea of Twinkling Stars" decoding="async" 
1871                                                    loading="lazy"
1872                                                    
1873                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1874                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1875                                                        onerror="this.previousElementSibling.style.display='none';">
1876                                            </div>
1877
1878                                            <!-- Overlay Info (Bottom) -->
1879                                            <div
1880                                                class="ap-card-caption">
1881                                                <h3 class="text-white text-sm font-bold truncate">
1882                                                    Cosmic Whale Swimming Through a Sea of Twinkling Stars
1883                                                </h3>
1884                                            </div>
1885                                        </a>
1886                                    </div>
1887
1888                                    
1889
1890                                                    
1891                                                            
1892                                    <div class="break-inside-avoid">
1893                                        <a href="/wallpaper/luminous-orchid-encased-in-shimmering-frozen-ice-76b58e7aa329"
1894                                            aria-label="View Luminous Orchid Encased in Shimmering Frozen Ice Aesthetic wallpaper 1008x2240"
1895                                            class="ap-wallpaper-card group block">
1896                                            <!-- Image Container with Skeleton Loa
1896ding -->
1897                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1898                                                style="aspect-ratio: 9/16;">
1899                                                <!-- Mobile Portrait Icon -->
1900                                                
1901                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1902                                                        <i class="fas fa-mobile-alt"></i>
1903                                                    </span>
1904                                                
1905
1906                                                <!-- Logo Loader -->
1907                                                <div
1908                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1909                                                    <img src="/images/favicon.ico"
1910                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1911                                                </div>
1912
1913                                                <img src="/uploads/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp"
1914                                                    srcset="/thumbnails/320/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp 320w, /thumbnails/640/luminous-orchid-encased-in-shimmering-frozen-ice-802939065.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1915                                                    alt="Luminous Orchid Encased in Shimmering Frozen Ice Aesthetic wallpaper 1008x2240"
1916                                                    width="1008"
1917                                                    height="2240"
1918                                                    title="Luminous Orchid Encased in Shimmering Frozen Ice" decoding="async" 
1919                                                    loading="lazy"
1920                                                    
1921                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1922                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1923                                                        onerror="this.previousElementSibling.style.display='none';">
1924                                            </div>
1925
1926                                            <!-- Overlay Info (Bottom) -->
1927                                            <div
1928                                                class="ap-card-caption">
1929                                                <h3 class="text-white text-sm font-bold truncate">
1930                                                    Luminous Orchid Encased in Shimmering Frozen Ice
1931                                                </h3>
1932                                            </div>
1933                                        </a>
1934                                    </div>
1935
1936                                    
1937
1938                                                    
1939                                                            
1940                                    <div class="break-inside-avoid">
1941                                        <a href="/wallpaper/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-fc29cfeb4945"
1942                                            aria-label="View Mechanical Wolf with Glowing Purple Eyes in Deep Shadow Sci-Fi wallpaper 1008x2240"
1943                                            class="ap-wallpaper-card group block">
1944                                            <!-- Image Container with Skeleton Loading -->
1945                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1946                                                style="aspect-ratio: 9/16;">
1947                                                <!-- Mobile Portrait Icon -->
1948                                                
1949                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1950                                                        <i class="fas fa-mobile-alt"></i>
1951                                                    </span>
1952                                                
1953
1954                                                <!-- Logo Loader -->
1955                                                <div
1956                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
1957                                                    <img src="/images/favicon.ico"
1958                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
1959                                                </div>
1960
1961                                                <img src="/uploads/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp"
1962                                                    srcset="/thumbnails/320/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp 320w, /thumbnails/640/mechanical-wolf-with-glowing-purple-eyes-in-deep-shadow-800564810.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
1963                                                    alt="Mechanical Wolf with Glowing Purple Eyes in Deep Shadow Sci-Fi wallpaper 1008x2240"
1964                                                    width="1008"
1965                                                    height="2240"
1966                                                    title="Mechanical Wolf with Glowing Purple Eyes in Deep Shadow" decoding="async" 
1967                                                    loading="lazy"
1968                                                    
1969                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
1970                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
1971                                                        onerror="this.previousElementSibling.style.display='none';">
1972                                            </div>
1973
1974                                            <!-- Overlay Info (Bottom) -->
1975                                            <div
1976                                                class="ap-card-caption">
1977                                                <h3 class="text-white text-sm font-bold truncate">
1978                                                    Mechanical Wolf with Glowing Purple Eyes in Deep Shadow
1979                                                </h3>
1980                                            </div>
1981                                        </a>
1982                                    </div>
1983
1984                                    
1985
1986                                                    
1987                                                            
1988                                    <div class="break-inside-avoid">
1989                                        <a href="/wallpaper/liquid-glass-feather-dissolving-into-glowing-white-birds-b63b8bd4bbe4"
1990                                            aria-label="View Liquid Glass Feather Dissolving into Glowing White Birds Abstract wallpaper 1008x2240"
1991                                            class="ap-wallpaper-card group block">
1992                                            <!-- Image Container with Skeleton Loading -->
1993                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
1994                                                style="aspect-ratio: 9/16;">
1995                                                <!-- Mobile Portrait Icon -->
1996                                                
1997                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
1998                                                        <i class="fas fa-mobile-alt"></i>
1999                                                    </span>
2000                                                
2001
2002                                                <!-- Logo Loader -->
2003                                                <div
2004                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2005                                                    <img src="/images/favicon.ico"
2006                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2007                                                </div>
2008
2009                                                <img src="/uploads/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp"
2010                                                    srcset="/thumbn
2010ails/320/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp 320w, /thumbnails/640/liquid-glass-feather-dissolving-into-glowing-white-birds-798405317.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2011                                                    alt="Liquid Glass Feather Dissolving into Glowing White Birds Abstract wallpaper 1008x2240"
2012                                                    width="1008"
2013                                                    height="2240"
2014                                                    title="Liquid Glass Feather Dissolving into Glowing White Birds" decoding="async" 
2015                                                    loading="lazy"
2016                                                    
2017                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2018                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2019                                                        onerror="this.previousElementSibling.style.display='none';">
2020                                            </div>
2021
2022                                            <!-- Overlay Info (Bottom) -->
2023                                            <div
2024                                                class="ap-card-caption">
2025                                                <h3 class="text-white text-sm font-bold truncate">
2026                                                    Liquid Glass Feather Dissolving into Glowing White Birds
2027                                                </h3>
2028                                            </div>
2029                                        </a>
2030                                    </div>
2031
2032                                    
2033
2034                                                    
2035                                                            
2036                                    <div class="break-inside-avoid">
2037                                        <a href="/wallpaper/little-ghost-fishing-for-stars-on-a-crescent-moon-8f3d58416fbb"
2038                                            aria-label="View Little Ghost Fishing for Stars on a Crescent Moon Kawaii Art wallpaper 1008x2240"
2039                                            class="ap-wallpaper-card group block">
2040                                            <!-- Image Container with Skeleton Loading -->
2041                                            <div class="ap-card-image ap-card-portrait relative w-full overflow-hidden"
2042                                                style="aspect-ratio: 9/16;">
2043                                                <!-- Mobile Portrait Icon -->
2044                                                
2045                                                    <span class="ap-mobile-badge" title="Mobile Wallpaper" aria-hidden="true">
2046                                                        <i class="fas fa-mobile-alt"></i>
2047                                                    </span>
2048                                                
2049
2050                                                <!-- Logo Loader -->
2051                                                <div
2052                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2053                                                    <img src="/images/favicon.ico"
2054                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2055                                                </div>
2056
2057                                                <img src="/uploads/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp"
2058                                                    srcset="/thumbnails/320/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp 320w, /thumbnails/640/little-ghost-fishing-for-stars-on-a-crescent-moon-796716398.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2059                                                    alt="Little Ghost Fishing for Stars on a Crescent Moon K
2059awaii Art wallpaper 1008x2240"
2060                                                    width="1008"
2061                                                    height="2240"
2062                                                    title="Little Ghost Fishing for Stars on a Crescent Moon" decoding="async" 
2063                                                    loading="lazy"
2064                                                    
2065                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2066                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2067                                                        onerror="this.previousElementSibling.style.display='none';">
2068                                            </div>
2069
2070                                            <!-- Overlay Info (Bottom) -->
2071                                            <div
2072                                                class="ap-card-caption">
2073                                                <h3 class="text-white text-sm font-bold truncate">
2074                                                    Little Ghost Fishing for Stars on a Crescent Moon
2075                                                </h3>
2076                                            </div>
2077                                        </a>
2078                                    </div>
2079
2080                                    
2081
2082                                                    
2083                                                            
2084                                    <div class="break-inside-avoid">
2085                                        <a href="/wallpaper/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-dae0cf770a8c"
2086                                            aria-label="View Anime Girl in Cowboy Hat Against a Golden Sunset Sky wallpaper 2560x1440"
2087                                            class="ap-wallpaper-card group block">
2088                                            <!-- Image Container with Skeleton Loading -->
2089                                            <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden"
2090                                                style="aspect-ratio: 16/9;">
2091                                                <!-- Mobile Portrait Icon -->
2092                                                
2093
2094                                                <!-- Logo Loader -->
2095                                                <div
2096                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2097                                                    <img src="/images/favicon.ico"
2098                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2099                                                </div>
2100
2101                                                <img src="/uploads/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp"
2102                                                    srcset="/thumbnails/320/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp 320w, /thumbnails/640/anime-girl-in-cowboy-hat-against-a-golden-sunset-sky-805321428.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2103                                                    alt="Anime Girl in Cowboy Hat Against a Golden Sunset Sky wallpaper 2560x1440"
2104                                                    width="2560"
2105                                                    height="1440"
2106                                                    title="Anime Girl in Cowboy Hat Against a Golden Sunset Sky" decoding="async" 
2107                                                    loading="lazy"
2108                                                    
2109                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2110                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2111                                                        onerror="this.previousElementSibling.style.display='none';">
2112                                            </div>
2113
2114                                            <!-- Overlay Info (Bottom) -->
2115                                            <div
2116                                                class="ap-card-caption">
2117                                                <h3 class="text-white text-sm font-bold truncate">
2118                                                    Anime Girl in Cowboy Hat Against a Golden Sunset Sky
2119                                                </h3>
2120                                            </div>
2121                                        </a>
2122                                    </div>
2123
2124                                    
2125
2126                                                    
2127                                                        <!-- Lower Ad (Both) -->
2128                                                        <div class="ap-gallery-ad break-inside-avoid">
2129                                                            <div
2130                                                                class="bg-surface rounded-lg overflow-hidden shadow-lg relative w-full">
2131
2132                                                                <ins class="adsbygoogle" style="display:block"
2133                                                                    data-ad-format="fluid"
2134                                                                    data-ad-layout-key="+2t+rl+2h-1m-4u"
2135                                                                    data-ad-client="ca-pub-8427485526135631"
2136                                                                    data-ad-slot="5282216725"></ins>
2137                                                                
2137<script>
2138                                                                    (adsbygoogle = window.adsbygoogle || []).push({});
2139                                                                </script>
2139
2140                                                            </div>
2141                                                        </div>
2142                                                        
2143                                                            
2144                                    <div class="break-inside-avoid">
2145                                        <a href="/wallpaper/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-74b0f5fc753b"
2146                                            aria-label="View 2b Standing Amidst a Field of Red Flowers and Fallen Blades Gaming wallpaper 1920x1076"
2147                                            class="ap-wallpaper-card group block">
2148                                            <!-- Image Container with Skeleton Loading -->
2149                                            <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden"
2150                                                style="aspect-ratio: 16/9;">
2151                                                <!-- Mobile Portrait Icon -->
2152                                                
2153
2154                                                <!-- Logo Loader -->
2155                                                <div
2156                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2157                                                    <img src="/images/favicon.ico"
2158                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2159                                                </div>
2160
2161                                                <img src="/uploads/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp"
2162                                                    srcset="/thumbnails/320/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp 320w, /thumbnails/640/2b-standing-amidst-a-field-of-red-flowers-and-fallen-blades-802473253.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2163                                                    alt="2b Standing Amidst a Field of Red Flowers and Fallen Blades Gaming wallpaper 1920x1076"
2164                                                    width="1920"
2165                                                    height="1076"
2166                                                    title="2b Standing Amidst a Field of Red Flowers and Fallen Blades" decoding="async" 
2167                                                    loading="lazy"
2168                                                    
2169                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2170                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2171                                                        onerror="this.previousElementSibling.style.display='none';">
2172                                            </div>
2173
2174                                            <!-- Overlay Info (Bottom) -->
2175                                            <div
2176                                                class="ap-card-caption">
2177                                                <h3 class="text-white text-sm font-bold truncate">
2178                                                    2b Standing Amidst a Field of Red Flowers and Fallen Blades
2179                                                </h3>
2180                                            </div>
2181                                        </a>
2182                                    </div>
2183
2184                                    
2185
2186                                                    
2187                                                            
2188                                    <div class="break-inside-avoid">
2189                                        <a href="/wallpaper/ethereal-silhouette-drifting-through-a-shattered-void-938c136d792b"
2190                                            aria-label="View Ethereal Silhouette Drifting Through a Shattered Void Abstract wallpaper 3840x2160"
2191                                            class="ap-wallpaper-card group block">
2192                                            <!-- Image Container with Skeleton Loa
2192ding -->
2193                                            <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden"
2194                                                style="aspect-ratio: 16/9;">
2195                                                <!-- Mobile Portrait Icon -->
2196                                                
2197
2198                                                <!-- Logo Loader -->
2199                                                <div
2200                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2201                                                    <img src="/images/favicon.ico"
2202                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2203                                                </div>
2204
2205                                                <img src="/uploads/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp"
2206                                                    srcset="/thumbnails/320/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp 320w, /thumbnails/640/ethereal-silhouette-drifting-through-a-shattered-void-800121668.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2207                                                    alt="Ethereal Silhouette Drifting Through a Shattered Void Abstract wallpaper 3840x2160"
2208                                                    width="3840"
2209                                                    height="2160"
2210                                                    title="Ethereal Silhouette Drifting Through a Shattered Void" decoding="async" 
2211                                                    loading="lazy"
2212                                                    
2213                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2214                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2215                                                        onerror="this.previousElementSibling.style.display='none';">
2216                                            </div>
2217
2218                                            <!-- Overlay Info (Bottom) -->
2219                                            <div
2220                                                class="ap-card-caption">
2221                                                <h3 class="text-white text-sm font-bold truncate">
2222                                                    Ethereal Silhouette Drifting Through a Shattered Void
2223                                                </h3>
2224                                            </div>
2225                                        </a>
2226                                    </div>
2227
2228                                    
2229
2230                                                    
2231                                                            
2232                                    <div class="break-inside-avoid">
2233                                        <a href="/wallpaper/megumi-fushiguro-summoning-shadow-beast-in-ink-style-511338e18b81"
2234                                            aria-label="View Megumi Fushiguro Summoning Shadow Beast in Ink Style Anime wallpaper 1920x1080"
2235                                            class="ap-wallpaper-card group block">
2236                                            <!-- Image Container with Skeleton Loading -->
2237                                            <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden"
2238                                                style="aspect-ratio: 16/9;">
2239                                                <!-- Mobile Portrait Icon -->
2240                                                
2241
2242                                                <!-- Logo Loader -->
2243                                                <div
2244                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2245                                                    <img src="/images/favicon.ico"
2246                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2247                                                </div>
2248
2249                                                <img src="/uploads/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp"
2250                                                    srcset="/thumbn
2250ails/320/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp 320w, /thumbnails/640/megumi-fushiguro-summoning-shadow-beast-in-ink-style-798978030.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2251                                                    alt="Megumi Fushiguro Summoning Shadow Beast in Ink Style Anime wallpaper 1920x1080"
2252                                                    width="1920"
2253                                                    height="1080"
2254                                                    title="Megumi Fushiguro Summoning Shadow Beast in Ink Style" decoding="async" 
2255                                                    loading="lazy"
2256                                                    
2257                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2258                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2259                                                        onerror="this.previousElementSibling.style.display='none';">
2260                                            </div>
2261
2262                                            <!-- Overlay Info (Bottom) -->
2263                                            <div
2264                                                class="ap-card-caption">
2265                                                <h3 class="text-white text-sm font-bold truncate">
2266                                                    Megumi Fushiguro Summoning Shadow Beast in Ink Style
2267                                                </h3>
2268                                            </div>
2269                                        </a>
2270                                    </div>
2271
2272                                    
2273
2274                                                    
2275                                                            
2276                                    <div class="break-inside-avoid">
2277                                        <a href="/wallpaper/makima-profile-view-in-ethereal-monochromatic-green-light-7f687e02acb8"
2278                                            aria-label="View Makima Profile View in Ethereal Monochromatic Green Light Anime wallpaper 1920x1080"
2279                                            class="ap-wallpaper-card group block">
2280                                            <!-- Image Container with Skeleton Loading -->
2281                                            <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden"
2282                                                style="aspect-ratio: 16/9;">
2283                                                <!-- Mobile Portrait Icon -->
2284                                                
2285
2286                                                <!-- Logo Loader -->
2287                                                <div
2288                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2289                                                    <img src="/images/favicon.ico"
2290                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2291                                                </div>
2292
2293                                                <img src="/uploads/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp"
2294                                                    srcset="/thumbnails/320/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp 320w, /thumbnails/640/makima-profile-view-in-ethereal-monochromatic-green-light-797267681.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2295                                                    alt="Makima Profile View in Ethereal Monochromatic Green Light Anime wallpaper 1920x1080"
2296                                                    width="1920"
2297                                                    height="1080"
2298                                                    title="Makima Profile View in Ethereal Monochromatic Green Light" decoding="async" 
2299                                                    loading="lazy"
2300                                                    
2301                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2302                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2303                                                        onerror="this.previousElementSibling.style.display='none';">
2304                                            </div>
2305
2306                                            <!-- Overlay Info (Bottom) -->
2307                                            <div
2308                                                class="ap-card-caption">
2309                                                <h3 class="text-white text-sm font-bold truncate">
2310                                                    Makima Profile View in Ethereal Monochromatic Green Light
2311                                                </h3>
2312                                            </div>
2313                                        </a>
2314                                    </div>
2315
2316                                    
2317
2318                                                    
2319                                                            
2320                                    <div class="break-inside-avoid">
2321                                        <a href="/wallpaper/two-figures-falling-past-a-modern-school-under-deep-blue-sky-fd50d2
23216cdcc0"
2322                                            aria-label="View Two Figures Falling Past a Modern School Under Deep Blue Sky Aesthetic wallpaper 3840x2160"
2323                                            class="ap-wallpaper-card group block">
2324                                            <!-- Image Container with Skeleton Loading -->
2325                                            <div class="ap-card-image ap-card-landscape relative w-full overflow-hidden"
2326                                                style="aspect-ratio: 16/9;">
2327                                                <!-- Mobile Portrait Icon -->
2328                                                
2329
2330                                                <!-- Logo Loader -->
2331                                                <div
2332                                                    class="absolute inset-0 flex items-center justify-center z-0 pointer-events-none">
2333                                                    <img src="/images/favicon.ico"
2334                                                        class="w-8 h-8 opacity-20 logo-loader-pulse" alt="Loading...">
2335                                                </div>
2336
2337                                                <img src="/uploads/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp"
2338                                                    srcset="/thumbnails/320/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp 320w, /thumbnails/640/two-figures-falling-past-a-modern-school-under-deep-blue-sky-795805617.webp 640w" sizes="(min-width: 1600px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
2339                                                    alt="Two Figures Falling Past a Modern School Under Deep Blue Sky Aesthetic wallpaper 3840x2160"
2340                                                    width="3840"
2341                                                    height="2160"
2342                                                    title="Two Figures Falling Past a Modern School Under Deep Blue Sky" decoding="async" 
2343                                                    loading="lazy"
2344                                                    
2345                                                        class="wallpaper-grid-img absolute inset-0 w-full h-full
2346                                                        object-cover transition-transform duration-700 ease-out group-hover:scale-105 z-10 "
2347                                                        onerror="this.previousElementSibling.style.display='none';">
2348                                            </div>
2349
2350                                            <!-- Overlay Info (Bottom) -->
2351                                            <div
2352                                                class="ap-card-caption">
2353                                                <h3 class="text-white text-sm font-bold truncate">
2354                                                    Two Figures Falling Past a Modern School Under Deep Blue Sky
2355                                                </h3>
2356                                            </div>
2357                                        </a>
2358                                    </div>
2359
2360                                    
2361
2362                                                    
2363                                                            
2364                            </div>
2365
2366                            <!-- Pagination -->
2367                            
2368                                
2369                                <div class="pagination-nav flex flex-wrap justify-center mt-12 gap-1 sm:gap-2" aria-label="Wallpaper pages">
2370                                    
2371
2372                                            
2373                                                
2374                                                        <a href="/"
2375                                                            aria-current="page" class="pagination-link active px-4 py-2 rounded text-sm font-medium">
2376                                                            1
2377                                                        </a>
2378                                                        
2379                                                                
2380                                                
2381                                                        <a href="/?page=2"
2382                                                            aria-current="false" class="pagination-link  px-4 py-2 rounded text-sm font-medium">
2383                                                            2
2384                                                        </a>
2385                                                        
2386                                                                
2387                                                
2388                                                        <a href="/?page=3"
2389                                                            aria-current="false" class="pagination-link  px-4 py-2 rounded text-sm font-medium">
2390                                                            3
2391                                                        </a>
2392                                                        
2393                                                                
2394                                                
2395                                                            <span class="px-2 py-2 text-gray-500">...</span>
2396                                                            
2397                                                                
2398                                                
2399                                                                
2400                                                
2401                                                                
2402                                                
2403                                                                
2404                                                
2405                                                                
2406                                                
2407                                                                
2408                                                
2409                                                                
2410                                                
2411                                                                
2412                                                
2413                                                                
2414                                                
2415                                                                
2416                                                
2417                                                                
2418                                                
2419                                                                
2420                                                
2421                                                                
2422                                                
2423                                                                
2424                                                
2425                                                                
2426                                                
2427                                                                
2428                                                
2429                                                                
2430                                                
2431                                                                
2432                                                
2433                                                                
2434                                                
2435                                                                
2436                                                
2437                                                                
2438                                                
2439                                                                
2440                                                
2441                                                                
2442                                                
2443                                                                
2444                                                
2445                                                                
2446                                                
2447                                                                
2448                                                
2449                                                                
2450                                                
2451                                                                
2452                                                
2453                                                                
2454                                                
2455                                                                
2456                                                
2457                                                                
2458                                                
2459                                                                
2460                                                
2461                                                                
2462                                                
2463                                                                
2464                                                
2465                                                                
2466                                                
2467                                                                
2468                                                
2469                                                                
2470                                                
2471                                                                
2472                                                
2473                                                                
2474                                                
2475                                                                
2476                                                
2477                                                                
2478                                                
2479                                                                
2480                                                
2481                                                                
2482                                                
2483                                                                
2484                                                
2485                                                                
2486                                                
2487                                                                
2488                                                
2489                                                                
2490                                                
2491                                                                
2492                                                
2493                                                                
2494                                                
2495                                                                
2496                                                
2497                                                                
2498                                                
2499                                                                
2500                                                
2501                                                                
2502                                                
2503                                                                
2504                                                
2505                                                                
2506                                                
2507                                                                
2508                                                
2509                                                                
2510                                                
2511                                                                
2512                                                
2513                                                                
2514                                                
2515                                                                
2516                                                
2517                                                                
2518                                                
2519                                                                
2520                                                
2521                                                                
2522                                                
2523                                                                
2524                                                
2525                                                                
2526                                                
2527                                                                
2528                                                
2529                                                                
2530                                                
2531                                                                
2532                                                
2533                                                                
2534                                                
2535                                                                
2536                                                
2537                                                                
2538                                                
2539                                                                
2540                                                
2541                                                                
2542                                                
2543                                                                
2544                                                
2545                                                                
2546                                                
2547                                                                
2548                                                
2549                                                                
2550                                                
2551                                                                
2552                                                
2553                                                                
2554                                                
2555                                                                
2556                                                
2557                                                                
2558                                                
2559                                                                
2560                                                
2561                                                                
2562                                                
2563                                                                
2564                                                
2565                                                                
2566                                                
2567                                                                
2568                                                
2569                                                                
2570                                                
2571                                                                
2572                                                
2573                                                                
2574                                                
2575                                                                
2576                                                
2577                                                                
2578                                                
2579                                                                
2580                                                
2581                                                                
2582                                                
2583                                                                
2584                                                
2585                                                                
2586                                                
2587                                                                
2588                                                
2589                                                                
2590                                                
2591                                                                
2592                                                
2593                                                                
2594                                                
2595                                                                
2596                                                
2597                                                                
2598                                                
2599                                                                
2600                                                
2601                                                                
2602                                                
2603                                                                
2604                                                
2605                                                                
2606                                                
2607                                                                
2608                                                
2609                                                                
2610                                                
2611                                                                
2612                                                
2613                                                                
2614                                                
2615                                                                
2616                                                
2617                                                                
2618                                                
2619                                                                
2620                                                
2621                                                                
2622                                                
2623                                                                
2624                                                
2625                                                                
2626                                                
2627                                                                
2628                                                
2629                                                                
2630                                                
2631                                                                
2632                                                
2633                                                                
2634                                                
2635                                                                
2636                                                
2637                                                                
2638                                                
2639                                                                
2640                                                
2641                                                                
2642                                                
2643                                                                
2644                                                
2645                                                                
2646                                                
2647                                                                
2648                                                
2649                                                                
2650                                                
2651                                                                
2652                                                
2653                                                                
2654                                                
2655                                                                
2656                                                
2657                                                                
2658                                                
2659                                                                
2660                                                
2661                                                                
2662                                                
2663                                                                
2664                                                
2665                                                                
2666                                                
2667                                                                
2668                                                
2669                                                                
2670                                                
2671                                                                
2672                                                
2673                                                                
2674                                                
2675                                                                
2676                                                
2677                                                                
2678                                                
2679                                                                
2680                                                
2681                          
2681                                      
2682                                                
2683                                                                
2684                                                
2685                                                                
2686                                                
2687                                                                
2688                                                
2689                                                                
2690                                                
2691                                                                
2692                                                
2693                                                                
2694                                                
2695                                                                
2696                                                
2697                                                                
2698                                                
2699                                                                
2700                                                
2701                                                                
2702                                                
2703                                                                
2704                                                
2705                                                                
2706                                                
2707                                                                
2708                                                
2709                                                                
2710                                                
2711                                                                
2712                                                
2713                                                                
2714                                                
2715                                                                
2716                                                
2717                                                                
2718                                                
2719                                                                
2720                                                
2721                                                                
2722                                                
2723                                                                
2724                                                
2725                                                                
2726                                                
2727                                                                
2728                                                
2729                                                                
2730                                                
2731                                                                
2732                                                
2733                                                                
2734                                                
2735                                                                
2736                                                
2737                                                                
2738                                                
2739                                                                
2740                                                
2741                                                                
2742                                                
2743                                                                
2744                                                
2745                                                                
2746                                                
2747                                                                
2748                                                
2749                                                        <a href="/?page=180"
2750                                                            aria-current="false" class="pagination-link  px-4 py-2 rounded text-sm font-medium">
2751                                                            180
2752                                                        </a>
2753                                                        
2754                                                                
2755
2756                                                                    
2757                                                                        <a href="/?page=2"
2758                                                                            rel="next" class="pagination-link px-4 py-2 rounded text-sm font-medium">Next</a>
2759                                                                        
2760                                </div>
2761                                
2762                                    
2763
2764                                        <!-- Featured Collections (Mockup) -->
2765                                        
2766                                        <div class="ap-curated mt-20 mb-12">
2767                                            <div class="flex items-center justify-between mb-6 px-2">
2768                                                <div class="flex items-center gap-3 border-l-4 border-primary pl-4">
2769                                                    <h2 class="text-2xl font-normal text-white">Curated <span
2770                                                            class="font-bold">Collections</span></h2>
2771                                                </div>
2772                                                <a href="/?sort=collections"
2773                                                    class="text-sm text-primary hover:text-white transition-colors">View
2774                                                    All <i class="fas fa-arrow-right ml-1"></i></a>
2775                                            </div>
2776
2777                                            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
2778                                                <!-- Nature Collection -->
2779                                                <a href="/wallpapers/nature"
2780                                                    class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1">
2781                                                    <div
2782                                                        class="absolute inset-0 bg-gradient-to-br from-green-800 via-emerald-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110">
2783                                                    </div>
2784                                                    <!-- Decor Icon -->
2785                                                    <i
2786                                                        class="fas fa-leaf absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i>
2787
2788                                                    <div
2789                                                        class="absolute inset-0 p-6 flex flex-col justify-between z-10">
2790                                                        <div class="flex justify-between items-start">
2791                                                            <span
2792                                                                class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full">
2793                                                                NEW
2794                                                            </span>
2795                                                            <div
2796                                                                class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300">
2797                                                                <i
2798                                                                    class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i>
2799                                                            </div>
2800                                                        </div>
2801                                                        <div>
2802                                                            <h3
2803                                                                class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors">
2804                                                                Nature</h3>
2805                                                            <p
2806                                                                class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors">
2807                                                                Forests, Mountains & Rivers</p>
2808                                                        </div>
2809                                                    </div>
2810                                                </a>
2811
2812                                                <!-- Games Collection -->
2813                                                <a href="/wallpapers/gaming"
2814                                                    class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1">
2815                                                    <div
2816                                                        class="absolute inset-0 bg-gradient-to-br from-blue-800 via-indigo-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110">
2817                                                    </div>
2818                                                    <!-- Decor Icon -->
2819                                                    <i
2820                                                        class="fas fa-gamepad absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i>
2821
2822                                                    <div
2823                                                        class="absolute inset-0 p-6 flex flex-col justify-between z-10">
2824                                                        <div class="flex justify-between items-start">
2825                                                            <span
2826                                                                class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full">
2827                                                                POPULAR
2828                                                            </span>
2829                                                            <div
2830                                                                class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300">
2831                                                                <i
2832                                                                    class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i>
2833                                                            </div>
2834                                                        </div>
2835                                                        <div>
2836                                                            <h3
2837                                                                class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors">
2838                                                                Gaming</h3>
2839                                                            <p
2840                                                                class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors">
2841                                                                4K Screenshots & Art</p>
2842                                                        </div>
2843                                                    </div>
2844                                                </a>
2845
2846                                                <!-- Cars Collection -->
2847                                                <a href="/wallpapers/cars"
2848                                                    class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1">
2849                                                    <div
2850                                                        class="absolute inset-0 bg-gradient-to-br from-red-800 via-rose-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110">
2851                                                    </div>
2852                                                    <!-- Decor Icon -->
2853                                                    <i
2854                                                        class="fas fa-car absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i>
2855
2856                                                    <div
2857                                                        class="absolute inset-0 p-6 flex flex-col justify-between z-10">
2858                                                        <div class="flex justify-between items-start">
2859                                                            <span
2860                                                                class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full">
2861                                                                TRENDING
2862                                                            </span>
2863                                                            <div
2864                                                                class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300">
2865                                                                <i
2866                                                                    class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i>
2867                                                            </div>
2868                                                        </div>
2869                                                        <div>
2870                                                            <h3
2871                                                                class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors">
2872                                                                Supercars</h3>
2873                                                            <p
2874                                                                class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors">
2875                                                                Sports, Luxury & Classic</p>
2876                                                        </div>
2877                                                    </div>
2878                                                </a>
2879
2880                                                <!-- Anime Collection -->
2881                                                <a href="/wallpapers/anime"
2882                                                    class="group relative h-48 rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-1">
2883                                                    <div
2884                                                        class="absolute inset-0 bg-gradient-to-br from-purple-800 via-fuchsia-900 to-black opacity-90 transition-all duration-500 group-hover:scale-110">
2885                                                    </div>
2886                                                    <!-- Decor Icon -->
2887                                                    <i
2888                                                        class="fas fa-dragon absolute -right-4 -bottom-4 text-9xl text-white/5 transform rotate-12 group-hover:rotate-0 transition-transform duration-700"></i>
2889
2890                                                    <div
2891                                                        class="absolute inset-0 p-6 flex flex-col justify-between z-10">
2892                                                        <div class="flex justify-between items-start">
2893                                                            <span
2894                                                                class="bg-black/30 backdrop-blur-md border border-white/10 text-white/80 text-xs font-bold px-3 py-1 rounded-full">
2895                                                                HOT
2896                                                            </span>
2897                                                            <div
2898                                                                class="w-8 h-8 rounded-full bg-white/10 flex items-center justify-center group-hover:bg-primary group-hover:text-black transition-colors duration-300">
2899                                                                <i
2900                                                                    class="fas fa-arrow-right -rotate-45 group-hover:rotate-0 transition-transform duration-300"></i>
2901                                                            </div>
2902                                                        </div>
2903                                                        <div>
2904                                                            <h3
2905                                                                class="text-2xl font-bold text-white mb-1 group-hover:text-primary transition-colors">
2906                                                                Anime</h3>
2907                                                            <p
2908                                                                class="text-gray-400 text-sm group-hover:text-gray-200 transition-colors">
2909                                                                Characters & Scener
2909y</p>
2910                                                        </div>
2911                                                    </div>
2912                                                </a>
2913                                            </div>
2914
2915                                            <!-- Extra Collections Grid (8 smart cards styled as trending groups) -->
2916                                            <div class="mt-12 px-2">
2917                                                <h2 class="text-2xl font-bold mb-6 flex items-center gap-3">
2918                                                    <span class="w-1 h-8 bg-primary rounded-full"></span>
2919                                                    Featured Collections
2920                                                </h2>
2921                                                <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
2922                                                    <a href="/wallpapers/iphone"
2923                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
2924                                                        
2925                                                            <img src="/uploads/1768215758712-841751473.PNG"
2926                                                    srcset="/thumbnails/320/1768215758712-841751473.PNG 320w, /thumbnails/640/1768215758712-841751473.PNG 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
2927                                                                alt="iPhone Wallpapers"
2928                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
2929                                                            <div
2930                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
2931                                                            </div>
2932                                                            
2933                                                                    <div
2934                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
2935                                                                        <h3
2936                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
2937                                                                            iPhone</h3>
2938                                                                    </div>
2939                                                    </a>
2940
2941                                                    <a href="/wallpapers/black"
2942                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
2943                                                        
2944                                                            <img src="/uploads/monochrome-anime-figure-with-raven-guardians-under-moon-128063363.webp"
2945                                                    srcset="/thumbnails/320/monochrome-anime-figure-with-raven-guardians-under-moon-128063363.webp 320w, /thumbnails/640/monochrome-anime-figure-with-raven-guardians-under-moon-128063363.webp 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
2946                                                                alt="Black"
2947                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
2948                                                            <div
2949                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
2950                                                            </div>
2951                                                            
2952                                                                    <div
2953                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
2954                                                                        <h3
2955                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
2956                                                                            Black</h3>
2957                                                                    </div>
2958                                                    </a>
2959
2960                                                    <a href="/wallpapers/4k"
2961                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
2962                                                        
2963                                                            <img src="/uploads/1768545780697-869808071.png"
2964                                                    srcset="/thumbn
2964ails/320/1768545780697-869808071.png 320w, /thumbnails/640/1768545780697-869808071.png 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
2965                                                                alt="4K"
2966                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
2967                                                            <div
2968                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
2969                                                            </div>
2970                                                            
2971                                                                    <div
2972                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
2973                                                                        <h3
2974                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
2975                                                                            4K</h3>
2976                                                                    </div>
2977                                                    </a>
2978
2979                                                    <a href="/wallpapers/aesthetic"
2980                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
2981                                                        
2982                                                            <img src="/uploads/1768116520374-888057415.jpeg"
2983                                                    srcset="/thumbnails/320/1768116520374-888057415.jpeg 320w, /thumbnails/640/1768116520374-888057415.jpeg 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
2984                                                                alt="Aesthetic"
2985                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
2986                                                            <div
2987                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
2988                                                            </div>
2989                                                            
2990                                                                    <div
2991                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
2992                                                                        <h3
2993                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
2994                                                                            Aesthetic</h3>
2995                                                                    </div>
2996                                                    </a>
2997
2998                                                    <a href="/wallpapers/cute-kawaii"
2999                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
3000                                                        
3001                                                            <img src="/uploads/1768116520374-888057415.jpeg"
3002                                                    srcset="/thumbnails/320/1768116520374-888057415.jpeg 320w, /thumbnails/640/1768116520374-888057415.jpeg 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
3003                                                                alt="Kawaii"
3004                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
3005                                                            <div
3006                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
3007                                                            </div>
3008                                                            
3009                                                                    <div
3010                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
3011                                                                        <h3
3012                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
3013                                                                            Kawaii</h3>
3014                                                                    </div>
3015                                                    </a>
3016
3017                                                    <a href="/wallpapers/cars"
3018                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
3019                                                        
3020                                                            <img src="/uploads/nissan-skyline-drifting-through-lavender-dreamscape-386205.webp"
3021                                                    srcset="/thumbn
3021ails/320/nissan-skyline-drifting-through-lavender-dreamscape-386205.webp 320w, /thumbnails/640/nissan-skyline-drifting-through-lavender-dreamscape-386205.webp 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
3022                                                                alt="Cars"
3023                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
3024                                                            <div
3025                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
3026                                                            </div>
3027                                                            
3028                                                                    <div
3029                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
3030                                                                        <h3
3031                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
3032                                                                            Cars</h3>
3033                                                                    </div>
3034                                                    </a>
3035
3036                                                    <a href="/wallpapers/anime"
3037                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
3038                                                        
3039                                                            <img src="/uploads/1768367726979-308925179.png"
3040                                                    srcset="/thumbnails/320/1768367726979-308925179.png 320w, /thumbnails/640/1768367726979-308925179.png 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
3041                                                                alt="Anime"
3042                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
3043                                                            <div
3044                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
3045                                                            </div>
3046                                                            
3047                                                                    <div
3048                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
3049                                                                        <h3
3050                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
3051                                                                            Anime</h3>
3052                                                                    </div>
3053                                                    </a>
3054
3055                                                    <a href="/wallpapers/minimal"
3056                                                        class="group relative aspect-video overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
3057                                                        
3058                                                            <img src="/uploads/monochrome-rowboat-amidst-abstract-swirling-lines-697165137.webp"
3059                                                    srcset="/thumbnails/320/monochrome-rowboat-amidst-abstract-swirling-lines-697165137.webp 320w, /thumbn
3059ails/640/monochrome-rowboat-amidst-abstract-swirling-lines-697165137.webp 640w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, (min-width: 640px) 50vw, 100vw"
3060                                                                alt="Minimal"
3061                                                                class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
3062                                                            <div
3063                                                                class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent">
3064                                                            </div>
3065                                                            
3066                                                                    <div
3067                                                                        class="absolute bottom-0 left-0 right-0 p-3 text-center z-10">
3068                                                                        <h3
3069                                                                            class="text-sm font-semibold text-white group-hover:text-primary transition-colors truncate">
3070                                                                            Minimal</h3>
3071                                                                    </div>
3072                                                    </a>
3073                                                </div>
3074                                            </div>
3075                                        </div>
3076                                        
3077        </div>
3078
3079        
3080<section class="container ap-download-guide" aria-labelledby="wallpaper-guide-title">
3081  <h2 id="wallpaper-guide-title">Choose a wallpaper for your screen</h2>
3082  <div class="ap-guide-grid">
3083    <div><h3>Which resolution should I download?</h3><p>Check the dimensions on the wallpaper page. Choose an image at least as large as your display; a 4K desktop screen typically uses 3840 × 2160 pixels. The original image keeps its uploaded dimensions.</p></div>
3084    <div><h3>How do I fit a phone background?</h3><p>Use the Mobile filter for portrait images. On a wallpaper page, choose a download size and crop position to fit your screen.</p></div>
3085    <div><h3>Can I reuse these images?</h3><p>Check the <a href="/copyright">copyright policy</a> and <a href="/terms">terms of use</a>. Download availability does not grant ownership or commercial reuse rights.</p></div>
3086  </div>
3087</section>
3088
3089
3090<footer class="bg-[#16181b] border-t border-gray-800 mt-auto pt-12 pb-6">
3091    <div class="container mx-auto px-4">
3092        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
3093            <!-- Brand -->
3094            <div class="col-span-1 md:col-span-2">
3095                <a href="/" class="text-2xl font-bold tracking-tighter mb-4 inline-block">
3096                    <span class="text-white">ART</span> <span class="text-primary">PEXELS</span>
3097                </a>
3098                <p class="text-gray-500 text-sm leading-relaxed max-w-sm mb-6">
3099                    Art Pexels is your best source for high quality 4K, 5K and 8K wallpapers.
3100                    Daily updates with the best backgrounds for your desktop and mobile devices.
3101                </p>
3102                <div class="flex gap-3">
3103                    <a href="https://play.google.com/store/apps/details?id=com.artpexels&pcampaignid=web_share"
3104                        target="_blank"
3105                        class="block w-32 bg-surface border border-gray-700 rounded p-1 hover:border-gray-500 transition-colors">
3106                        <div class="flex items-center justify-center h-full text-xs text-gray-400">
3107                            <i class="fab fa-google-play text-xl mr-2"></i> Google Play
3108                        </div>
3109                    </a>
3110                    <a href="https://apps.microsoft.com/detail/9nqpjwm21f87?ocid=webpdpshare" target="_blank"
3111                        class="block w-32 bg-surface border border-gray-700 rounded p-1 hover:border-gray-500 transition-colors">
3112                        <div class="flex items-center justify-center h-full text-xs text-gray-400">
3113                            <i class="fab fa-microsoft text-xl mr-2"></i> Microsoft
3114                        </div>
3115                    </a>
3116                </div>
3117            </div>
3118
3119            <!-- Links -->
3120            <div>
3121                <h4 class="text-white font-bold mb-4">Discover</h4>
3122                <ul class="space-y-2 text-sm text-gray-500">
3123                    
3124                        
3125                            
3126                            <li><a href="/wallpapers/gaming" class="hover:text-primary">
3127                                    Game Wallpapers
3128                                </a></li>
3129                            
3130                            
3131                            <li><a href="/wallpapers/cinematic" class="hover:text-primary">
3132                                    Movie Wallpapers
3133                                </a></li>
3134                            
3135                            
3136                            <li><a href="/wallpapers/anime" class="hover:text-primary">
3137                                    Anime Wallpapers
3138                                </a></li>
3139                            
3140                            
3141                            <li><a href="/avatars" class="hover:text-primary">
3142                                    Profile Picture
3143                                </a></li>
3144                            
3145                            
3146                            <li>
3146<a href="/rss.xml" class="hover:text-primary">
3147                                    RSS Feed
3148                                </a></li>
3149                            
3150                            
3151                            <li><a href="/api-docs" class="hover:text-primary">
3152                                    API
3153                                </a></li>
3154                            
3155                                
3156                </ul>
3157            </div>
3158
3159            <!-- Legal -->
3160            <div>
3161                <h4 class="text-white font-bold mb-4">Company</h4>
3162                <ul class="space-y-2 text-sm text-gray-500">
3163                    <li><a href="/about" class="hover:text-primary">About Us</a></li>
3164                    <li><a href="/wallpaper-archive" class="hover:text-primary">Browse all wallpaper pages</a></li>
3165                    <li><a href="/privacy" class="hover:text-primary">Privacy Policy</a></li>
3166                    <li><a href="/terms" class="hover:text-primary">Terms of Service</a></li>
3167                    <li><a href="/api-policy" class="hover:text-primary">API Policy</a></li>
3168                    <li><a href="/copyright" class="hover:text-primary">Copyright Policy</a></li>
3169                    <li><a href="/dmca" class="hover:text-primary">DMCA</a></li>
3170                </ul>
3171            </div>
3172        </div>
3173
3174        
3175            <nav class="border-t border-gray-800 py-6" aria-label="Wallpaper archive pages">
3176                <p class="text-xs font-semibold uppercase tracking-wider text-gray-400 mb-3">Wallpaper Archive</p>
3177                <div class="flex flex-wrap gap-x-3 gap-y-2 text-sm text-gray-500">
3178                    
3179                        <a href="/" class="hover:text-primary transition-colors"
3180                            aria-label="Wallpaper archive page 1">
3181                            Page 1
3182                        </a>
3183                    
3184                        <a href="/?page=2" class="hover:text-primary transition-colors"
3185                            aria-label="Wallpaper archive page 2">
3186                            Page 2
3187                        </a>
3188                    
3189                        <a href="/?page=3" class="hover:text-primary transition-colors"
3190                            aria-label="Wallpaper archive page 3">
3191                            Page 3
3192                        </a>
3193                    
3194                        <a href="/?page=15" class="hover:text-primary transition-colors"
3195                            aria-label="Wallpaper archive page 15">
3196                            Page 15
3197                        </a>
3198                    
3199                        <a href="/?page=27" class="hover:text-primary transition-colors"
3200                            aria-label="Wallpaper archive page 27">
3201                            Page 27
3202                        </a>
3203                    
3204                        <a href="/?page=38" class="hover:text-primary transition-colors"
3205                            aria-label="Wallpaper archive page 38">
3206                            Page 38
3207                        </a>
3208                    
3209                        <a href="/?page=50" class="hover:text-primary transition-colors"
3210                            aria-label="Wallpaper archive page 50">
3211                            Page 50
3212                        </a>
3213                    
3214                        <a href="/?page=62" class="hover:text-primary transition-colors"
3215                            aria-label="Wallpaper archive page 62">
3216                            Page 62
3217                        </a>
3218                    
3219                        <a href="/?page=74" class="hover:text-primary transition-colors"
3220                            aria-label="Wallpaper archive page 74">
3221                            Page 74
3222                        </a>
3223                    
3224                        <a href="/?page=86" class="hover:text-primary transition-colors"
3225                            aria-label="Wallpaper archive page 86">
3226                            Page 86
3227                        </a>
3228                    
3229                        <a href="/?page=97" class="hover:text-primary transition-colors"
3230                            aria-label="Wallpaper archive page 97">
3231                            Page 97
3232                        </a>
3233                    
3234                        <a href="/?page=109" class="hover:text-primary transition-colors"
3235                            aria-label="Wallpaper archive page 109">
3236                            Page 109
3237                        </a>
3238                    
3239                        <a href="/?page=121" class="hover:text-primary transition-colors"
3240                            aria-label="Wallpaper archive page 121">
3241                            Page 121
3242                        </a>
3243                    
3244                        <a href="/?page=133" class="hover:text-primary transition-colors"
3245                            aria-label="Wallpaper archive page 133">
3246                            Page 133
3247                        </a>
3248                    
3249                        <a href="/?page=145" class="hover:text-primary transition-colors"
3250                            aria-label="Wallpaper archive page 145">
3251                            Page 145
3252                        </a>
3253                    
3254                        <a href="/?page=156" class="hover:text-primary transition-colors"
3255                            aria-label="Wallpaper archive page 156">
3256                            Page 156
3257                        </a>
3258                    
3259                        <a href="/?page=168" class="hover:text-primary transition-colors"
3260                            aria-label="Wallpaper archive page 168">
3261                            Page 168
3262                        </a>
3263                    
3264                        <a href="/?page=180" class="hover:text-primary transition-colors"
3265                            aria-label="Wallpaper archive page 180">
3266                            Page 180
3267                        </a>
3268                    
3269                </div>
3270            </nav>
3271        
3272
3273        <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center gap-4">
3274            <div class="flex flex-col md:flex-row items-center gap-4">
3275                <p class="text-xs text-gray-600">© 2026 Art Pexels. All rights reserved.</p>
3276                <a href="//www.dmca.com/Protection/Status.aspx?ID=eadc45e6-d87a-4a87-92c1-823032e02a10"
3277                    title="DMCA.com Protection Status" class="dmca-badge">
3278                    <img src="https://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=eadc45e6-d87a-4a87-92c1-823032e02a10"
3279                        alt="DMCA.com Protection Status" />
3280                </a>
3281            </div>
3282            <div class="flex space-x-4 text-gray-500">
3283                <a href="https://www.instagram.com/art_pexels/" target="_blank"
3284                    class="hover:text-white transition-colors"><i class="fab fa-instagram"></i></a>
3285                <a href="https://in.pinterest.com/artpexels/" target="_blank"
3286                    class="hover:text-white transition-colors"><i class="fab fa-pinterest"></i></a>
3287                <a href="#" class="hover:text-white transition-colors"><i class="fab fa-twitter"></i></a>
3288            </div>
3289        </div>
3290    </div>
3291</footer>
3292
3293<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js" defer> </script>
3293
3294
3295<!-- Scroll To Top Button -->
3296<button id="scrollToTopBtn"
3297    class="fixed bottom-6 right-6 bg-primary text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center translate-y-20 opacity-0 transition-all duration-300 z-50 hover:bg-green-600 focus:outline-none group">
3298    <i class="fas fa-arrow-up text-lg group-hover:-translate-y-1 transition-transform duration-300"></i>
3299</button>
3300
3301<script>
3302    const scrollToTopBtn = document.getElementById('scrollToTopBtn');
3303
3304    window.addEventListener('scroll', () => {
3305        if (window.scrollY > 300) {
3306            scrollToTopBtn.classList.remove('translate-y-20', 'opacity-0');
3307        } else {
3308            scrollToTopBtn.classList.add('translate-y-20', 'opacity-0');
3309        }
3310    });
3311
3312    scrollToTopBtn.addEventListener('click', () => {
3313        window.scrollTo({
3314            top: 0,
3315            behavior: 'smooth'
3316        });
3317    });
3318</script>
vendor: 1 bytes, line 3318
3318
3319<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"eee1703e442e4915a23cac373b3cd55b","r":1,"spa":2}' crossorigin="anonymous"></script>
3319
3320</body>
3321
3322</html>
3323

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.