:root{
  --primary:#1a1a1a;
  --secondary:#D4AF37;
  --accent:#666666;
  --bg:#F8F8F8;
  --white:#ffffff;
  --container:1100px;
  --radius:8px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--primary);scroll-behavior:smooth}
.container{max-width:var(--container);margin:0 auto;padding:1rem}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 40px;background:#666666;position:fixed;top:0;width:100%;z-index:1000;height:80px;backdrop-filter:blur(4px)}
.navbar-brand,.brand{display:flex;align-items:center;height:100%}
.navbar-brand img,.brand img{height:150%;width:auto;max-width:600px;transition:0.3s}
.nav-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.nav-links a{color:#D4AF37;font-weight:500;font-size:1rem;text-decoration:none;transition:0.3s}
.nav-links a:hover{color:#E5C158;text-shadow:0 0 10px #D4AF37}
.nav-item.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:rgba(26,26,26,0.8);backdrop-filter:blur(5px);min-width:250px;border-top:2px solid #D4AF37;z-index:1000;padding:10px 0;list-style:none}
.nav-item.dropdown:hover .dropdown-menu{display:block}
.dropdown-arrow{font-size:0.7rem;margin-left:8px;color:#D4AF37;transition:0.3s;display:inline-block}
.nav-item.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}
.dropdown-menu-item a{color:#D4AF37;display:block;padding:12px 20px;text-decoration:none;transition:0.3s}
.dropdown-menu-item a:hover{color:#E5C158;background:rgba(212,175,55,0.1)}
.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;border:none!important}
.nav-toggle{display:none;background:none;border:0}
.hamburger{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;gap:6px;z-index:1001}
.hamburger span{width:25px;height:3px;background:#D4AF37;border-radius:2px;transition:0.3s;display:block}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}

.hero{padding:3rem 0;background:linear-gradient(180deg, rgba(0,0,0,0.02), transparent)}
.hero-inner{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}
.hero-content h1{font-size:1.5rem;margin:0 0 .5rem}
.lead{color:var(--accent);margin-bottom:1rem}
.hero-image img{max-width:100%;border-radius:10px}

.services{padding:2rem 0}

/* Yeni Services Layout */
.services-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}

.services-list{display:flex;flex-direction:column;gap:0.75rem}

.service-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:var(--radius);background:var(--white);cursor:pointer;transition:all 0.3s ease;border-left:4px solid transparent}
.service-item:hover{background:rgba(212,175,55,0.08);border-left-color:var(--secondary);transform:translateX(6px)}

.service-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color 0.3s ease}
.service-item:hover .service-icon{color:var(--secondary)}

.service-info{flex:1}
.service-info h3{margin:0 0 0.3rem;font-size:1rem;color:var(--primary)}
.service-info p{margin:0;font-size:0.9rem;color:var(--accent)}

.services-image-wrap{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:0 4px 16px rgba(0,0,0,0.08);aspect-ratio:1/1}

.service-photo{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease}

/* Eski grid tasarımı için compatibility */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.service-card{background:var(--white);padding:1rem;border-radius:var(--radius);box-shadow:0 1px 6px rgba(0,0,0,0.06);display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}

.stats{padding:1.5rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.stat{background:var(--white);padding:1rem;border-radius:8px;text-align:center}
.num{font-weight:800;font-size:1.5rem;color:var(--primary)}

.about{padding:2rem 0}
.about-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.about-stats{display:flex;flex-direction:column;gap:.75rem}
.about-card{background:#fff;padding:0.75rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.04)}


.projects{padding:2rem 0}
.projects-page{padding:2rem 0;background:var(--bg)}
.projects-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem}
.project-card{background:#fff;border-radius:8px;padding:0;overflow:hidden;display:block;cursor:pointer;transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-10px);box-shadow:0 18px 60px rgba(0,0,0,0.16)}
.project-thumb{width:100%;height:180px;object-fit:cover;display:block}
.project-body{padding:.75rem}
.project-title{font-weight:700}
.muted{color:var(--accent)}

.project-card-detailed{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,0.08);transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;height:450px;border:2px solid transparent}
.project-card-detailed:hover{transform:scale(1.05);box-shadow:0 22px 70px rgba(0,0,0,0.18);border-color:var(--secondary)}

/* Project Pages Styles */
.projeler-page{padding:60px 40px;background:var(--white)}
.projeler-page h1{font-size:3rem;margin-bottom:60px;color:var(--primary);text-align:center}

.projeler-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:var(--container);margin:0 auto}

/* Project Card Styles */
.proje-karti{background:#fff;border:2px solid var(--secondary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;min-height:500px}
.proje-karti:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(212,175,55,0.5)}

.proje-gorsel{height:250px;overflow:hidden;flex-shrink:0}
.proje-gorsel img{width:100%;height:100%;object-fit:cover;display:block}

.proje-adi{padding:20px;text-align:center;flex-shrink:0}
.proje-adi h3{color:var(--secondary);font-size:1.2rem;margin:0}

.proje-bilgi{padding:20px;min-height:150px;background:var(--bg);flex-grow:1}

.btn-tamamlandi {
  background: #666666;
  color: #D4AF37;
  padding: 6px 15px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  font-weight: bold;
  font-size: 0.8rem;
  cursor: pointer;
  transition: 0.3s;
  width: auto;
  margin: 15px auto;
  display: block;
  position: relative;
}

.btn-tamamlandi:hover {
  background: #555555;
  transform: scale(1.05);
  animation: glow-golden 0.6s ease-in-out infinite;
}

.btn-devam-ediyor {
  background: #666666;
  color: #D4AF37;
  padding: 6px 15px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  font-weight: bold;
  font-size: 0.8rem;
  cursor: pointer;
  transition: 0.3s;
  width: auto;
  margin: 15px auto;
  display: block;
  position: relative;
}

.btn-devam-ediyor:hover {
  background: #555555;
  color: #D4AF37;
  transform: scale(1.05);
  animation: glow-golden 0.6s ease-in-out infinite;
}

@keyframes glow-golden {
  0%   { box-shadow: 0 0 20px #D4AF37; }
  50%  { box-shadow: 0 0 40px #D4AF37, 0 0 60px #D4AF37; }
  100% { box-shadow: 0 0 20px #D4AF37; }
}

/* Responsive Grid */
@media(max-width:1024px){
  .projeler-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .projeler-grid{grid-template-columns:1fr}
  .projeler-page{padding:40px 20px}
  .projeler-page h1{font-size:2rem;margin-bottom:40px}
}

.projeler-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}

.card-image{position:relative;overflow:hidden;height:250px;flex-shrink:0;background:#f2f2f2}
.card-image img{width:100%;height:100%;object-fit:cover;display:block}

.card-content{padding:1.25rem 1.25rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 250px)}
.card-title{font-size:1.3rem;color:var(--primary);margin:0 0 .5rem;line-height:1.2}
.card-meta{margin-bottom:0.85rem;color:var(--accent);font-size:.95rem;line-height:1.5}
.card-meta p{margin:0;font-size:.92rem;color:var(--accent)}
.card-description{color:#666666;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5rem}

.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);padding:1rem}
.modal[aria-hidden="false"]{display:flex}
.modal-dialog{background:var(--white);max-width:1100px;width:100%;border-radius:10px;overflow:auto;max-height:90vh;padding:1rem}
.modal-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.modal-gallery img{width:100%;height:200px;object-fit:cover;border-radius:6px;transition:transform .25s}
.modal-gallery img:hover{transform:scale(1.03)}

.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.9);z-index:1000}
.lightbox[aria-hidden="false"]{display:flex}
.lb-image-wrap{max-width:90%;max-height:80%}
.lb-image-wrap img{width:100%;height:auto}
.lb-prev,.lb-next,.lb-close{position:absolute;background:transparent;border:0;color:#fff;font-size:2rem}
.lb-prev{left:2%;top:50%}
.lb-next{right:2%;top:50%}
.lb-close{right:2%;top:2%}
.lb-counter{position:fixed;bottom:2%;color:#fff}

.catalog-page{padding:2rem 0;background:rgba(212,175,55,0.06)}
.catalog-page .catalog-intro{margin-bottom:1.5rem;text-align:center}
.catalog-page .catalog-intro h2{font-size:2rem;margin-bottom:.5rem}
.catalog-page .catalog-intro p{max-width:720px;margin:0 auto;color:var(--accent)}
.catalog-page .pdf-wrap{height:75vh;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,0.08);margin-bottom:1rem}
.catalog-page iframe{width:100%;height:100%;border:0}
.catalog-page .catalog-note{max-width:900px;margin:0 auto;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05);color:var(--accent)}
.hero-catalog{padding:4rem 0;background:linear-gradient(180deg, rgba(212,175,55,0.18), rgba(255,255,255,0.92))}
.hero-catalog .hero-inner{align-items:center}
.hero-catalog .hero-content{max-width:720px}
.hero-catalog .eyebrow{display:inline-block;padding:.4rem .9rem;background:var(--secondary);color:#fff;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:1rem}
.catalog-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.catalog-actions .btn{min-width:180px}


.btn{display:inline-block;padding:.6rem 1rem;border-radius:6px;text-decoration:none;border:0;cursor:pointer}
.btn.primary{background:var(--primary);color:var(--white)}
.btn.secondary{background:var(--secondary);color:var(--white)}
.btn.primary:hover{transform:scale(1.05);filter:brightness(1.1)}

.site-footer{background:var(--primary);color:#fff;padding:1rem}
.footer-grid{display:flex;justify-content:space-between;align-items:center}

.footer {
  background: #1a1a1a;
  color: white;
  padding: 80px 40px 30px;
  border-top: 2px solid #D4AF37;
  margin-top: 80px;
}

.footer-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto 50px;
}

.footer-section h4 {
  color: #D4AF37;
  font-size: 1.1rem;
  margin-bottom: 20px;
  font-weight: bold;
}

.footer-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-section li {
  margin-bottom: 10px;
}

.footer-section a {
  color: #999999;
  text-decoration: none;
  transition: 0.3s;
}

.footer-section a:hover {
  color: #D4AF37;
}

.footer-section p {
  color: #999999;
  margin: 0 0 10px;
  font-size: 0.95rem;
}

.footer-section p strong {
  color: #cccccc;
}

.sosyal-media {
  display: flex;
  gap: 20px;
  margin-top: 15px;
}

.sosyal-link {
  width: 40px;
  height: 40px;
  background: #D4AF37;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  transition: 0.3s;
}

.sosyal-link:hover {
  background: #E5C158;
  transform: translateY(-3px);
}

.footer-bottom {
  text-align: center;
  border-top: 1px solid #D4AF37;
  padding-top: 20px;
  color: #999999;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .footer-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 699px) {
  .footer-content {
    grid-template-columns: 1fr;
  }
  .footer {
    padding: 50px 20px 20px;
  }
}

.back-to-top{position:fixed;right:1rem;bottom:1rem;background:var(--secondary);border:0;padding:.6rem;border-radius:50%;display:none}

/* Responsive */
@media(min-width:700px){
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .hero-inner{flex-direction:row;align-items:center;justify-content:space-between}
  .project-grid{grid-template-columns:repeat(3,1fr)}
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-toggle{display:none}
}

@media(min-width:1024px){
  .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@keyframes menuSlideDown{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:768px){
  .navbar{background:transparent!important;backdrop-filter:none}
  .hamburger{display:flex}
  .nav-links{display:none;position:absolute;top:80px;left:0;width:100%;background:rgba(20,20,20,0.97);flex-direction:column;gap:0;padding:10px 0;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
  .nav-links.active{display:flex;animation:menuSlideDown 0.22s ease forwards}
  .nav-links li{text-align:center;padding:11px 0;border-bottom:1px solid rgba(212,175,55,0.35)}
  .nav-links li:last-child{border-bottom:none}
  .nav-links a{color:#D4AF37;text-decoration:none;font-size:0.85rem;letter-spacing:0.03em}
  .dropdown-menu{display:none!important;position:static!important;background:rgba(10,10,10,0.6)!important;width:100%}
  .dropdown-menu.active{display:block!important;animation:menuSlideDown 0.18s ease forwards}
  .dropdown-menu-item a{font-size:0.78rem!important;padding:9px 0!important;color:#c9a830!important}
  .nav-item.dropdown:hover .dropdown-menu{display:none!important}
  .nav-item.dropdown:hover .dropdown-menu.active{display:block!important}
}

@media(max-width:699px){
  .services-content{grid-template-columns:1fr;gap:1.5rem}
  .services-image-wrap{aspect-ratio:auto;height:250px}
}

/* small tweaks */
h1,h2,h3{margin:.5rem 0}
label{display:block;margin-bottom:.5rem}
input,textarea{width:100%;padding:.5rem;border:1px solid #e6e6e6;border-radius:6px}
.form-message{margin-top:.5rem;color:green}
/* Hero Section Update */
.anasayfa .navbar {
  background: transparent;
}

.anasayfa .dropdown-menu {
  background: rgba(26,26,26,0.95);
  border-top: 2px solid #D4AF37;
}

.hero {
  background-image: url('images/herosection-3.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 1;
}

.hero h1 {
  color: white;
  font-size: 8rem;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow: 0 4px 20px rgba(0,0,0,0.5);
  position: relative;
  z-index: 2;
  margin-top: -200px;
  will-change: transform;
  transition: none;
}

.hero p {
  position: relative;
  z-index: 3;
  color: white;
  font-size: 1.2rem;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  margin-top: 15px;
}

/* Navbar styling is defined at the top of the stylesheet. */
.navbar {
  color: #FFFFFF !important;
}

.sayfa-hero {
  background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('images/hakkimda-hero-section.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 400px;
  min-height: 400px;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hakkimizda .navbar,
.anasayfa .navbar,
.hizmetler .navbar,
.projelerimiz .navbar {
  background: transparent;
}

.projelerimiz-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 80px auto;
  padding: 0 40px;
  align-items: start;
}

.projeler-kolon {
  padding: 40px;
  background: #F8F8F8;
  border-radius: 12px;
}

.projeler-kolon h2 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 20px;
  font-weight: bold;
}

.projeler-kolon .divider-line {
  width: 100%;
  margin-bottom: 40px;
}

.projeler-divider {
  width: 2px;
  background: #999999;
  min-height: 500px;
  opacity: 0.5;
  align-self: stretch;
}

@media (max-width: 1024px) {
  .projelerimiz-container {
    grid-template-columns: 1fr;
  }
  .projeler-divider {
    width: 100%;
    min-height: 2px;
    height: 2px;
  }
}

.sayfa-hero--foto {
  margin-top: 80px;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 40px;
  border-bottom: 3px solid #D4AF37;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.sayfa-hero--foto::before {
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  filter: grayscale(80%);
  opacity: 0.7;
  z-index: 0;
}

.sayfa-hero--foto::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.sayfa-hero--foto .sayfa-hero-content {
  position: relative;
  z-index: 2;
}

.sayfa-hero-content {
  text-align: center;
}

.hero-altyazi {
  font-size: 1.2rem;
  color: #D4AF37;
  margin-top: 15px;
  font-weight: 300;
}

.atiksu-iceriği {
  padding: 80px 40px;
  background: white;
}

.atiksu-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.atiksu-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.divider-line {
  width: 100px;
  height: 3px;
  background: #D4AF37;
  margin: 0 auto 40px;
  border-radius: 2px;
}

.aciklama-yazisi {
  font-size: 15px;
  color: #666666;
  line-height: 1.8;
  font-weight: 300;
  letter-spacing: 0.5px;
  max-width: 900px;
  margin: 0 auto;
}

.dere-iceriği {
  padding: 80px 40px;
  background: white;
}

.dere-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.dere-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.konut-iceriği {
  padding: 80px 40px;
  background: white;
}

.konut-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.konut-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.karayolu-iceriği {
  padding: 80px 40px;
  background: white;
}

.karayolu-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.karayolu-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.telekom-iceriği {
  padding: 80px 40px;
  background: white;
}

.telekom-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.telekom-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.icmesuyu-iceriği {
  padding: 80px 40px;
  background: white;
}

.icmesuyu-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.icmesuyu-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.atiksu-yagmur-iceriği {
  padding: 80px 40px;
  background: white;
}

.atiksu-yagmur-container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.atiksu-yagmur-container h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.telekom-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.telekom-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
  font-weight: bold;
}

.galeri-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  max-width: 1200px;
  margin: 0 auto;
}

.galeri-item {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: 0.3s;
  cursor: pointer;
}

.galeri-item:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px #D4AF37;
}

.galeri-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

.atiksu-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.atiksu-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
  font-weight: bold;
}

.konut-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.konut-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
}

.atiksu-yagmur-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.atiksu-yagmur-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
}

.atiksu-yagmur-galeri .galeri-grid {
  grid-template-columns: repeat(2, 1fr);
  max-width: 800px;
}

@media (max-width: 1024px) {
  .atiksu-yagmur-galeri .galeri-grid {
    grid-template-columns: 1fr;
  }
}

.icmesuyu-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.icmesuyu-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
}

.icmesuyu-galeri .galeri-grid {
  grid-template-columns: repeat(2, 1fr);
  max-width: 800px;
}

@media (max-width: 1024px) {
  .icmesuyu-galeri .galeri-grid {
    grid-template-columns: 1fr;
  }
}

.karayolu-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.karayolu-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
}

.karayolu-galeri .galeri-grid {
  grid-template-columns: repeat(2, 1fr);
  max-width: 800px;
}

@media (max-width: 1024px) {
  .karayolu-galeri .galeri-grid {
    grid-template-columns: 1fr;
  }
}

.dere-galeri {
  padding: 60px 40px;
  background: #F8F8F8;
  text-align: center;
}

.dere-galeri h3 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 50px;
  font-weight: bold;
}

.dere-galeri .galeri-grid {
  grid-template-columns: repeat(3, 1fr);
  max-width: 1000px;
}

@media (max-width: 1024px) {
  .galeri-grid,
  .dere-galeri .galeri-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .galeri-grid,
  .dere-galeri .galeri-grid {
    grid-template-columns: 1fr;
  }
}

.sayfa-hero h1,
.sayfa-hero--foto h1 {
  font-size: 4rem;
  color: #D4AF37;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

@media (max-width: 1024px) {
  .sayfa-hero {
    padding: 60px 30px;
  }
  .sayfa-hero h1,
  .sayfa-hero--foto h1 {
    font-size: 3rem;
  }
}

@media (max-width: 699px) {
  .sayfa-hero {
    padding: 40px 20px;
  }
  .sayfa-hero h1,
  .sayfa-hero--foto h1 {
    font-size: 2rem;
  }
}

.nav-links a:hover {
  color: #D4AF37 !important;
}

.navbar {
  color: #FFFFFF !important;
}
/* Hero Paragraf Beyaz */
.hero p {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
}

.hero-content p {
  color: #FFFFFF !important;
}
/* Hero Paragraf Beyaz */
.hero p {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
}

.hero-content p {
  color: #FFFFFF !important;
}

/* Hakkımızda Sayfası */
.hakkimizda-page .hakkimizda-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.hakkimizda-page h1 {
  font-size: 3rem;
  margin-bottom: 60px;
  color: #1a1a1a;
}

.hakkimizda-page h2 {
  color: var(--secondary);
  font-size: 2rem;
  margin-bottom: 30px;
}

.hakkimizda-page p {
  line-height: 1.8;
  color: #333;
  font-size: 1.1rem;
  margin: 0;
}

.biz-kimiz {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 80px 40px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.biz-kimiz img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.kalite-politikasi {
  padding: 80px 40px;
  max-width: 1200px;
  margin: 60px auto 0;
}

.kalite-karti {
  border: 3px solid #D4AF37;
  border-radius: 12px;
  padding: 60px;
  background: #ffffff;
  min-height: 400px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);
}

.kalite-karti:hover {
  transform: scale(1.02);
  box-shadow: 0 0 40px rgba(212, 175, 55, 0.35);
  border-color: #D4AF37;
}

.hakkimizda-section {
  background-image: url('images/hakkimizda-bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 600px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hakkimizda-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.hakkimizda-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: white;
  max-width: 900px;
  padding: 40px;
}

.hakkimizda-content h2 {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 40px;
  color: white;
  text-transform: uppercase;
}

.hakkimizda-text {
  font-size: 1.3rem;
  line-height: 2;
  margin-bottom: 40px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
}

.hakkimizda-link {
  display: inline-block;
  padding: 15px 40px;
  background: #D4AF37;
  color: #1a1a1a;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.1rem;
  cursor: pointer;
  transition: 0.3s;
}

.hakkimizda-link:hover {
  background: #E5C158;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px #D4AF37;
}

/* İletişim Sayfası */
.iletisim .navbar {
  background: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding: 15px 40px;
  height: 80px;
}

.iletisim-hero {
  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('images/iletisim-hero-section.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 400px;
  min-height: 400px;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iletisim-hero h1 {
  color: #D4AF37;
  font-size: 4rem;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  letter-spacing: 2px;
}

.iletisim-container {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 600px;
  margin: 80px auto;
  padding: 0 40px;
}

.iletisim-bilgi h2,
.iletisim-form h2 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 40px;
  font-weight: bold;
}

.bilgi-item {
  margin-bottom: 40px;
}

.bilgi-item h4 {
  color: #D4AF37;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.bilgi-item a {
  color: #1a1a1a;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.1rem;
}

.bilgi-item a:hover {
  color: #D4AF37;
}

.bilgi-item p {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.1rem;
}

@media (max-width: 699px) {
  .iletisim-container {
    padding: 0 20px;
    margin: 50px auto;
  }
}

.istatistikler {
  padding: 80px 40px;
  background: #F8F8F8;
}

.istatistik-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.istatistik-karti {
  background: #ffffff;
  border: 2px solid #D4AF37;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* slide-in animation */
  animation: slideInFromRight 0.8s ease-out forwards;
}

.istatistik-karti:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px #D4AF37;
}

.etiket-buton {
  background: #D4AF37;
  color: #1a1a1a;
  border: none;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  margin: 10px 10px 0 0;
  transition: 0.3s;
  font-size: 1.1rem;
}

.etiket-buton:hover,
.etiket-buton.active {
  background: #E5C158;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px #D4AF37;
}

.hizmetler-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.hizmetler-interactive {
  padding: 80px 40px;
  background: #F8F8F8;
}

.hizmetler-interactive h2 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 60px;
}

.hizmetler-container {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
}

.hizmetler-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.hizmet-item {
  padding: 20px 30px;
  background: white;
  border-left: 4px solid #D4AF37;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 8px;
}

.hizmet-item:hover,
.hizmet-item.active {
  background: #D4AF37;
  border-left-color: #1a1a1a;
}

.hizmet-item:hover h3,
.hizmet-item.active h3 {
  color: white;
}

.hizmet-item h3 {
  font-size: 1.3rem;
  color: #1a1a1a;
  margin: 0;
  transition: 0.3s;
}

.hizmetler-gorsel {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hizmetler-gorsel img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transition: 0.3s;
}

.hizmet-karti {
  border: 2px solid #D4AF37;
  border-radius: 12px;
  overflow: hidden;
  background: white;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: slideInFromRight 0.8s ease-out forwards;
}

.hizmet-karti:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px #D4AF37;
}

.hizmet-gorsel {
  height: 250px;
  overflow: hidden;
}

.hizmet-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hizmet-bilgi {
  padding: 20px;
  min-height: 150px;
}

.detayli-bilgi-link {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  transition: color 0.3s, transform 0.3s;
  cursor: pointer;
  display: inline-block;
  padding: 10px 0;
}

.detayli-bilgi-link:hover {
  color: #D4AF37;
  transform: translateX(5px);
}

.hizmetler-page h1 {
  font-size: 3rem;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.miraslar {
  padding: 80px 40px;
  background: #F8F8F8;
  text-align: center;
}

.miraslar h2 {
  font-size: 3rem;
  color: #1a1a1a;
  margin-bottom: 60px;
}

.miraslar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto 40px;
}

.miraslar-karti {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border: 2px solid #999999;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  animation: slideInFromRight 0.8s ease-out forwards;
  cursor: pointer;
}

.miraslar-karti:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(212,175,55,0.2);
}

.miraslar-karti img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.miraslar-karti h3 {
  color: #D4AF37;
  font-size: 1.3rem;
  padding: 20px 20px 10px;
  margin: 0;
}

.miraslar-karti p {
  color: #666666;
  font-size: 0.95rem;
  padding: 0 20px;
  flex-grow: 1;
  margin: 0;
}

.detay-link {
  color: #666666;
  text-decoration: none;
  padding: 20px;
  font-weight: 500;
  transition: 0.3s;
  display: inline-block;
}

.detay-link:hover {
  color: #D4AF37;
  transform: translateX(5px);
}

.miraslar-footer {
  text-align: right;
  max-width: 1200px;
  margin: 0 auto;
}

.tumunu-gor {
  display: inline-block;
  color: #D4AF37;
  font-weight: bold;
  font-size: 1.1rem;
  text-decoration: none;
  transition: 0.3s;
}

.tumunu-gor:hover {
  color: #E5C158;
  transform: translateX(5px);
}

.miraslar-karti:nth-child(1) { animation-delay: 0s; }
.miraslar-karti:nth-child(2) { animation-delay: 0.2s; }
.miraslar-karti:nth-child(3) { animation-delay: 0.4s; }

@media (max-width: 1024px) {
  .hizmetler-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .miraslar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hizmetler-container {
    grid-template-columns: 1fr;
  }
  .hizmetler-gorsel img {
    height: 300px;
  }
}

@media (max-width: 699px) {
  .hizmetler-grid,
  .miraslar-grid {
    grid-template-columns: 1fr;
  }
  .hizmetler-interactive {
    padding: 50px 20px;
  }
  .hizmetler-interactive h2 {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
  .hizmetler-gorsel img {
    height: 220px;
  }
}

.istatistik-sayi {
  font-size: 3rem;
  color: #D4AF37;
  font-weight: 700;
  margin-bottom: 15px;
}

/* stagger delays for sequential entrance */
.istatistik-karti:nth-child(1) { animation-delay: 0s; }
.istatistik-karti:nth-child(2) { animation-delay: 0.2s; }
.istatistik-karti:nth-child(3) { animation-delay: 0.4s; }
.istatistik-karti:nth-child(4) { animation-delay: 0.6s; }

@keyframes slideInFromRight {
  from {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.istatistik-label {
  font-size: 1.1rem;
  color: #1a1a1a;
}

@media (max-width: 1024px) {
  .hakkimizda-section {
    background-attachment: scroll;
  }
  .hakkimizda-content {
    padding: 30px;
  }
  .hakkimizda-content h2 {
    font-size: 3rem;
  }
  .istatistik-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 699px) {
  .hakkimizda-content {
    padding: 20px;
  }
  .hakkimizda-content h2 {
    font-size: 2rem;
  }
  .istatistik-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .biz-kimiz {
    grid-template-columns: 1fr;
    padding: 80px 40px;
  }
}

@media (max-width: 699px) {
  .biz-kimiz,
  .kalite-politikasi {
    padding: 40px 20px;
  }
  .hakkimizda-page h1 {
    font-size: 2.4rem;
  }
  .hakkimizda-page h2 {
    font-size: 1.75rem;
  }
}

/* Logo Büyüt */
.logo img {
  width: 100px !important;
  height: 100px !important;
}

.logo img:hover {
  transform: scale(1.1);
}


.project-tooltip {
  font-family: Inter, system-ui, Arial, Helvetica, sans-serif;
  font-size: 14px;
  fill: #ffffff;
  stroke: rgba(0,0,0,0.6);
  stroke-width: 0.8;
  paint-order: stroke;
  pointer-events: none;
  text-anchor: middle;
  dominant-baseline: central;
}

/* Biz Kimiz / Kalite Politikası Divider */
.biz-kalite-divider{height:2px;background:#D4AF37;margin:50px -40px;width:calc(100% + 80px)}

/* Proje Detay */
.proje-detay{padding:20px;background:#F8F8F8;border-top:1px solid #D4AF37;margin-top:0}
.detay-item{margin-bottom:15px}
.detay-item:last-child{margin-bottom:0}
.detay-item strong{color:#D4AF37;font-size:0.9rem;display:block;margin-bottom:5px}
.detay-item p{color:#666666;font-size:0.95rem;margin:0;line-height:1.5}

/* Kalite Politikası */
.kalite-politika{padding:60px;background:#F8F8F8;border:2px solid #D4AF37;border-radius:12px;margin:60px 0;border-top:3px solid #999999}
.kalite-politika h3{color:#D4AF37;font-size:1.8rem;margin-bottom:30px;font-weight:bold;text-align:center}
.kalite-politika p{color:#1a1a1a;font-size:1.1rem;line-height:1.7;margin-bottom:30px}
.kalite-maddeler{list-style:none;padding:0;margin:0}
.kalite-maddeler li{color:#666666;font-size:1.05rem;line-height:1.9;padding-left:30px;margin-bottom:18px;position:relative}
.kalite-maddeler li::before{content:"■";color:#999999;position:absolute;left:0;font-size:0.9rem}

/* Lightbox */
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2000;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#lightbox-img{width:100%;height:auto;max-height:85vh;object-fit:contain;display:block}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#D4AF37;color:#1a1a1a;border:none;width:50px;height:50px;border-radius:50%;font-size:1.8rem;cursor:pointer;transition:0.3s;z-index:2001;display:flex;align-items:center;justify-content:center}
.lightbox-prev{left:15px}
.lightbox-next{right:15px}
.lightbox-prev:hover,.lightbox-next:hover{background:#E5C158;transform:translateY(-50%) scale(1.1)}
.lightbox-close{position:absolute;top:15px;right:15px;background:#D4AF37;color:#1a1a1a;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:0.3s;z-index:2002;display:flex;align-items:center;justify-content:center}
.lightbox-close:hover{background:#E5C158;transform:scale(1.1)}
.lightbox-counter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:#fff;padding:8px 15px;border-radius:20px;font-size:0.9rem;font-weight:bold;z-index:2001}

/* ===== MOBİL OPTİMİZASYON ===== */

/* iOS Safari: background-attachment:fixed çalışmaz, scroll'a çevir */
@media (max-width: 1024px) {
  .sayfa-hero,
  .iletisim-hero,
  .hakkimizda-section {
    background-attachment: scroll !important;
  }
}

/* Hero başlık mobilde küçült */
@media (max-width: 768px) {
  .hero h1 {
    font-size: clamp(2rem, 8vw, 4rem);
    margin-top: -60px;
    letter-spacing: 1px;
  }
}
@media (max-width: 480px) {
  .hero h1 {
    font-size: clamp(1.4rem, 6.5vw, 2.2rem);
    margin-top: -40px;
    letter-spacing: 0px;
    word-break: keep-all;
  }
}

/* Lightbox mobilde tam ekran */
@media (max-width: 699px) {
  .lightbox-content {
    max-width: 98vw;
    max-height: 80vh;
  }
  .lightbox-prev { left: 5px; }
  .lightbox-next { right: 5px; }
}

/* Fotoğraf Galerisi */
.foto-galeri{width:100%;padding:0;background:transparent;border-radius:0;border:none;margin-bottom:0}
.galeri-container{display:flex;align-items:center;justify-content:center;gap:0;position:relative;width:100%}
.galeri-img{width:100%;height:250px;object-fit:cover;border-radius:8px;flex-shrink:0;border:none;position:relative;z-index:1}
.galeri-btn{background:transparent;color:#D4AF37;border:none;width:35px;height:35px;border-radius:0;font-size:1.8rem;cursor:pointer;transition:0.3s;font-weight:bold;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%);z-index:10;padding:0;display:flex;align-items:center;justify-content:center}
.galeri-btn.prev{left:10px}
.galeri-btn.next{right:10px}
.galeri-btn:hover{background:transparent;color:#E5C158;transform:translateY(-50%) scale(1.2);text-shadow:0 0 10px #D4AF37}
.galeri-counter{text-align:center;margin-top:10px;color:#D4AF37;font-weight:bold;font-size:0.85rem}