:root { --bg: #f9f9f9; --white: #ffffff; --text-dark: #222; --text-light: #777; --primary: #d4af37; /* altın vurgusu */ --green: #006b3f; --shadow: 0 8px 30px rgba(0, 0, 0, 0.05); } body { background-color: var(--bg); font-family: 'Inter', 'Segoe UI', sans-serif; margin: 0; padding: 0; } #altinFiyatlariWrapper { max-width: 960px; margin: 40px auto; padding: 0 16px; } #reklamAlani { background: var(--primary); color: var(--white); font-size: 20px; font-weight: 600; padding: 18px 24px; border-radius: 12px; text-align: center; margin-bottom: 32px; box-shadow: var(--shadow); text-transform: none; letter-spacing: 0.5px; } #altinFiyatlariBaslik { font-size: 28px; color: var(--text-dark); margin-bottom: 12px; font-weight: 700; text-align: center; } #guncellemeKutusu { display: flex; justify-content: center; align-items: center; gap: 8px; background: var(--white); color: var(--text-light); font-size: 14px; padding: 8px 16px; border-radius: 999px; box-shadow: var(--shadow); margin: 0 auto 20px auto; width: fit-content; } #guncellemeKutusu img { width: 16px; height: 16px; } #altinTable { width: 100%; border-collapse: collapse; background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); } #altinTable thead th { background-color: #f2f2f2; color: var(--text-dark); padding: 16px; font-size: 15px; font-weight: 600; text-align: left; } #altinTable td { padding: 16px; font-size: 15px; color: var(--text-dark); border-bottom: 1px solid #eee; font-weight: 500; } #altinTable tbody tr:hover { background-color: #f9f9f9; } #altinTable tbody tr:last-child td { border-bottom: none; } @media (max-width: 768px) { #altinFiyatlariBaslik { font-size: 22px; } #altinTable th, #altinTable td { font-size: 13px; padding: 12px; } #reklamAlani { font-size: 16px; padding: 14px 18px; } }