/* ── PORTFOLYO SAYFASINA ÖZEL ── */

/* Filtre bar */
.filter-bar{
  display:flex;
  gap:0.5rem;
  flex-wrap:wrap;
  margin-bottom:3rem;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
.filter-btn{
  padding:0.45rem 1.1rem;
  border:1px solid var(--border);
  background:transparent;
  font-family:'Fira Code',monospace;
  font-size:0.6rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--text-muted);
  cursor:pointer;
  transition:0.25s;
}
.filter-btn:hover,.filter-btn.active{
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
}

/* Portfolyo grid - 3 kolon */
.port-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  max-width:1200px;
  margin:0 auto;
  border:1px solid var(--border);
}
.port-card{
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  position:relative;
  overflow:hidden;
  transition:background 0.3s;
  display:flex;
  flex-direction:column;
}
.port-card:nth-child(3n){border-right:none}
.port-card:hover{background:var(--bg2)}
.port-card-accent{height:3px;background:linear-gradient(90deg,var(--navy),var(--blue))}

.port-card-head{
  padding:2rem 2rem 0;
  display:flex;
  align-items:center;
  gap:1rem;
}
.port-logo{
  width:90px;height:62px;min-width:90px;
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:8px;overflow:hidden;
}
.port-logo img{width:72px;height:48px;object-fit:contain}
.port-meta{flex:1}
.port-name{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.15rem;letter-spacing:1px;
  color:var(--navy);line-height:1;
}
.port-sector{
  font-family:'Fira Code',monospace;
  font-size:0.48rem;letter-spacing:2px;
  text-transform:uppercase;color:var(--text-light);margin-top:0.2rem;
}
.port-status{
  font-family:'Fira Code',monospace;
  font-size:0.48rem;letter-spacing:2px;text-transform:uppercase;
  padding:0.2rem 0.5rem;
  border:1px solid rgba(22,163,74,0.3);
  color:rgba(22,163,74,0.9);
  background:rgba(22,163,74,0.06);
  white-space:nowrap;
}
.port-card-body{padding:1.25rem 2rem;flex:1}
.port-desc{
  color:var(--text-muted);font-size:0.83rem;
  line-height:1.75;font-weight:300;margin-bottom:1rem;
}
.port-tags{display:flex;flex-wrap:wrap;gap:0.35rem}
.port-tag{
  font-family:'Fira Code',monospace;font-size:0.48rem;
  letter-spacing:1px;text-transform:uppercase;
  padding:0.2rem 0.5rem;
  border:1px solid rgba(11,29,54,0.1);
  color:var(--accent-dim);
}

/* Sonuç bölümü */
.port-results{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--border);
  margin:0 2rem;
  padding:0 0 1.5rem;
}
.port-result{
  padding:1rem 0.5rem;text-align:center;
  border-right:1px solid var(--border);
}
.port-result:last-child{border-right:none}
.port-result-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.4rem;color:var(--navy);line-height:1;
}
.port-result-label{
  font-family:'Fira Code',monospace;font-size:0.42rem;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--text-light);margin-top:0.15rem;
}

/* Sektör istatistikleri bölümü */
.porto-stats{
  background:var(--navy);
  padding:6rem 4rem;
}
.porto-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  max-width:1200px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,0.08);
}
.porto-stat{
  padding:2.5rem 2rem;
  border-right:1px solid rgba(255,255,255,0.08);
  text-align:center;
  position:relative;overflow:hidden;
  transition:background 0.3s;
}
.porto-stat:last-child{border-right:none}
.porto-stat:hover{background:rgba(255,255,255,0.04)}
.porto-stat::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#6fa8ff,transparent);
  opacity:0;transition:opacity 0.3s;
}
.porto-stat:hover::before{opacity:1}
.porto-stat-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:3.5rem;color:#fff;line-height:1;margin-bottom:0.4rem;
}
.porto-stat-num span{font-size:1.8rem;color:#6fa8ff}
.porto-stat-label{
  font-family:'Fira Code',monospace;font-size:0.55rem;
  letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,0.4);
}
.porto-stat-desc{
  font-size:0.8rem;color:rgba(255,255,255,0.3);
  margin-top:0.4rem;font-weight:300;
}

/* Sektörler bölümü */
.sektorler-section{background:var(--bg2);padding:6rem 4rem}
.sektor-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  max-width:1200px;
  margin:0 auto;
  border:1px solid var(--border);
}
.sektor-item{
  padding:2rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  text-align:center;
  transition:background 0.3s;
  cursor:default;
  position:relative;overflow:hidden;
}
.sektor-item:nth-child(4n){border-right:none}
.sektor-item:nth-last-child(-n+4){border-bottom:none}
.sektor-item:hover{background:#fff}
.sektor-item::before{
  content:'';position:absolute;
  bottom:0;left:0;width:0;height:2px;
  background:var(--navy);transition:width 0.4s;
}
.sektor-item:hover::before{width:100%}
.sektor-icon{font-size:2rem;margin-bottom:0.75rem}
.sektor-name{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.1rem;letter-spacing:1px;
  color:var(--navy);margin-bottom:0.3rem;
}
.sektor-count{
  font-family:'Fira Code',monospace;font-size:0.55rem;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--text-light);
}

/* CTA */
.porto-cta{
  background:var(--navy);padding:6rem 4rem;
  text-align:center;position:relative;overflow:hidden;
}
.porto-cta::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(255,255,255,0.012) 60px,rgba(255,255,255,0.012) 61px);
}
.porto-cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}
.porto-cta h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);
  color:#fff;letter-spacing:-1px;line-height:0.95;margin-bottom:1rem;
}
.porto-cta h2 span{color:#6fa8ff}
.porto-cta p{color:rgba(255,255,255,0.5);font-size:1rem;font-weight:300;margin-bottom:2.5rem;line-height:1.7}
.porto-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* Responsive */
@media(max-width:968px){
  .port-grid{grid-template-columns:repeat(2,1fr)}
  .port-card:nth-child(3n){border-right:1px solid var(--border)}
  .port-card:nth-child(2n){border-right:none}
  .porto-stats-grid{grid-template-columns:repeat(2,1fr)}
  .sektor-grid{grid-template-columns:repeat(2,1fr)}
  .sektor-item:nth-child(4n){border-right:1px solid var(--border)}
  .sektor-item:nth-child(2n){border-right:none}
  .sektor-item:nth-last-child(-n+4){border-bottom:1px solid var(--border)}
  .sektor-item:nth-last-child(-n+2){border-bottom:none}
  .porto-stats{padding:5rem 2rem}
  .sektorler-section{padding:5rem 2rem}
  .porto-cta{padding:5rem 2rem}
}
@media(max-width:600px){
  .port-grid{grid-template-columns:1fr}
  .port-card{border-right:none}
  .porto-stats-grid{grid-template-columns:1fr 1fr}
  .sektor-grid{grid-template-columns:1fr 1fr}
}