/* İskelet stiller — gerçek tema klasörü daha sonra eklenecek. */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.5; color: #222; }
.site-header { display: flex; align-items: center; gap: 2rem; padding: 1rem 2rem; border-bottom: 1px solid #eee; }
.site-header .brand img { max-height: 48px; }
.main-nav ul { list-style: none; display: flex; gap: 1.5rem; margin: 0; padding: 0; }
.main-nav a { text-decoration: none; color: #222; }
.main-nav .active > a { font-weight: 700; }
.lang-switch { margin-left: auto; }
.lang-switch a { margin: 0 .25rem; text-decoration: none; }
.lang-switch a.active { font-weight: 700; }
main section { padding: 3rem 2rem; }
.hero { background-size: cover; background-position: center; }
.btn { display: inline-block; padding: .6rem 1.2rem; background: #222; color: #fff; text-decoration: none; }
.gallery-grid, .project-grid, .slides { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
img { max-width: 100%; height: auto; }
.site-footer { padding: 2rem; border-top: 1px solid #eee; }
.site-footer ul { list-style: none; display: flex; gap: 1rem; padding: 0; }
#contact-form { display: grid; gap: .75rem; max-width: 480px; }
#contact-form input, #contact-form textarea { padding: .6rem; border: 1px solid #ccc; }