/* Projeler dosyası genel site temasını ezmesin diye beyaz tema ile uyumlu hale getirildi. */
body { background:#ffffff; color:#111111; }
.projects-hero { padding: 160px 20px 80px; text-align:center; background:#ffffff; }
.projects-hero h1 { font-size:42px; color:#111111; }
.projects-hero p { color:#333333; }
.project-filters { display:flex; justify-content:center; gap:15px; margin-bottom:60px; flex-wrap:wrap; }
.project-filters button { background:#ffffff; border:1px solid rgba(0,0,0,.18); color:#111111; padding:10px 20px; cursor:pointer; transition:.3s; border-radius:8px; }
.project-filters button.active, .project-filters button:hover { color:#e0000d; border-color:#e0000d; box-shadow:0 8px 22px rgba(226,0,13,.12); }
.projects-grid { max-width:1200px; margin:auto; display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; padding:0 20px 100px; }
.project-card { position:relative; overflow:hidden; cursor:pointer; transition:.4s; border:1px solid rgba(0,0,0,.12); background:#ffffff; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.08); }
.project-card img { width:100%; height:260px; object-fit:cover; transition:.5s; }
.project-info { padding:20px; background:#ffffff; }
.project-info h3 { margin:0; font-size:16px; color:#111111; }
.project-info span { font-size:13px; color:#333333; }
.project-card:hover img { transform:scale(1.08); }
.project-card:hover { box-shadow:0 18px 42px rgba(226,0,13,.18); }
@media (max-width:900px){ .projects-grid{ grid-template-columns:1fr; } }