:root{
  --bg:#f5f5f5;
  --card:#ffffff;
  --text:#2c2c2c;
  --accent:#2c2c2c;
  --gold:#d6aa47;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Inter', sans-serif;
  background:var(--bg);
  color:var(--text);
}

/* Logo */
.header{
  background:var(--card);
  border-bottom:1px solid #e5e7eb;
}
.logo-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.logo{max-width:180px; height:auto;}

/* Arama */
.container{max-width:1200px; margin:30px auto; padding:0 16px;}
.arama-container{text-align:center; margin-bottom:25px;}
#search{
  width:min(520px, 90%);
  padding:12px 14px;
  border:2px solid var(--accent);
  border-radius:10px;
  font-size:16px;
  outline:none;
  transition:.3s;
}
#search:focus{
  box-shadow:0 0 6px var(--gold);
  border-color:var(--gold);
}

/* Ürünler Grid */
.urunler{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(250px,1fr));
  gap:22px;
}

.urun-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

.urun-card img{
  width:100%;
  height:210px;
  object-fit:cover;     /* TAŞMAYI ÖNLER */
  display:block;
}

.urunler{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:22px;
}
.urun-card{
  background:var(--card);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  transition:.25s;
}
.urun-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.15);
}
.urun-card img{
  width:100%;
  height:210px;
  object-fit:cover;
  cursor:pointer;
}
.urun-bilgi{padding:12px;text-align:center;}
.urun-adi{font-weight:600;font-size:16px;min-height:40px;display:flex;align-items:center;justify-content:center;}
.urun-fiyat{color:var(--gold);font-weight:700;font-size:18px;margin-top:5px;}

/* Lightbox */
#overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999;justify-content:center;align-items:center;}
#overlay img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);}

/* Footer */
.footer{
  text-align:center;
  padding:15px 0;
  background:#2c2c2c;
  color:#ccc;
  font-size:14px;
  margin-top:40px;
}

@media(max-width:768px){
  .urun-card img{height:180px;}
  .logo{max-width:150px;}
}
/* 🔍 Arama Kutusu */
.arama-container {
  text-align: center;
  margin: 25px 0 35px;
}

#aramaInput {
  width: 320px;
  padding: 10px 14px;
  font-size: 16px;
  border: 2px solid #ccc;
  border-radius: 10px;
  outline: none;
  transition: 0.25s;
  background: #f7f7f7;
}

#aramaInput:focus {
  border-color: #333;
  background: #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.15);
}