/* Theme Name: SVGDownloadPro Description: Modern, Adsense compliant, fully responsive SVG download theme with Grid Ad system. Author: AI Assistant */ body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background-color: #f8fafc; color: #1e293b; display: flex; flex-direction: column; min-height: 100vh; } a { text-decoration: none; color: inherit; } header { background: #ffffff; padding: 15px 0; border-bottom: 1px solid #e2e8f0; } .header-inner { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; margin: 0 auto; padding: 0 20px; } .logo { font-size: 24px; font-weight: 700; color: #10b981; } nav a { margin-left: 20px; font-weight: 500; transition: color 0.3s; } nav a:hover { color: #10b981; } .hero { background: #10b981; color: white; padding: 60px 20px; text-align: center; } .hero h1 { margin: 0 0 10px 0; font-size: 36px; } .hero p { margin: 0; font-size: 18px; opacity: 0.9; } .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; max-width: 1400px; margin: 40px auto; padding: 0 20px; width: 100%; box-sizing: border-box; } .card { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: transform 0.2s; display: flex; flex-direction: column; } .card:hover { transform: translateY(-4px); } .card-img { width: 100%; height: 200px; background: #e2e8f0; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 48px; font-weight: 600; object-fit: cover; } .card-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .card-title { font-size: 18px; font-weight: 600; margin: 0 0 10px 0; color: #0f172a; } .card-price { color: #10b981; font-weight: 700; font-size: 20px; } .ad-card { background: #f1f5f9; border: 2px dashed #cbd5e0; display: flex; align-items: center; justify-content: center; text-align: center; color: #64748b; font-weight: 500; min-height: 250px; border-radius: 12px; padding: 10px; box-sizing: border-box; } footer { background: #0f172a; color: #f8fafc; padding: 40px 20px; text-align: center; margin-top: auto; } .footer-links { margin-bottom: 20px; } .footer-links a { margin: 0 10px; color: #94a3b8; } .footer-links a:hover { color: #10b981; } @media (max-width: 768px) { .header-inner { flex-direction: column; gap: 15px; } nav a { margin: 0 10px; } .grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } }