:root{
  --bg:#ffffff; --panel:#f6f6f7; --line:#e4e4e7;
  --text:#18181b; --text-dim:#6b7280; --red:#c1392b;
  --accent:#e67e22; --accent-dim:#fdf0e3;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;}
a{color:inherit;}

.topbar{
  display:flex;justify-content:space-between;align-items:center;position:relative;
  padding:12px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:10;
}
.logo-block{display:flex;flex-direction:column;align-items:center;}
.logo-img{width:150px;height:auto;display:block;}
.logo-text{font-size:20px;font-weight:800;letter-spacing:0.5px;color:var(--text);white-space:nowrap;margin-top:2px;}
.menu-btn{
  background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;
  width:44px;height:44px;font-size:24px;cursor:pointer;
}
.nav{
  display:none;flex-direction:column;position:absolute;top:100%;right:24px;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;
  min-width:160px;
}
.nav.open{display:flex;}
.nav a{text-decoration:none;color:var(--text-dim);font-size:13.5px;font-weight:500;padding:10px 12px;border-radius:6px;}
.nav a:hover{color:var(--text);background:var(--bg);}

.slider{position:relative;overflow:hidden;}
.slider-track{display:flex;transition:transform .5s ease;}
.slide{min-width:100%;text-align:center;padding:70px 20px 40px;box-sizing:border-box;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
@media (max-width:640px){
  .slide{min-height:0;padding:28px 20px 38px;}
}
.slide-photo{background-size:cover;background-position:center;position:relative;color:#fff;}
.slide-photo::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.45);}
.slide-photo > *{position:relative;z-index:1;}
.eyebrow{color:var(--text-dim);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;}
.slide h1{font-size:28px;font-weight:700;margin:0 0 10px;max-width:500px;margin-left:auto;margin-right:auto;}
.hero-sub{color:var(--text-dim);font-size:14px;margin:0 0 24px;}
.slide-photo .hero-sub{color:#eee;}
.btn-primary{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;
  padding:13px 24px;border-radius:8px;font-size:14px;
}
.icon-kat-card.active .icon-circle{background:var(--accent-dim);}
.icon-circle{color:var(--accent);}
.trust-ic{filter:none;}
.slider-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 16px;}
.slider-dots span{width:7px;height:7px;border-radius:50%;background:var(--line);cursor:pointer;}
.slider-dots span.active{background:var(--text);}

.icon-kategoriler{padding:24px 20px 10px;max-width:800px;margin:0 auto;}
.icon-kat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;}
@media (min-width:600px){.icon-kat-grid{grid-template-columns:repeat(6,1fr);}}
.icon-kat-card{background:none;border:none;color:var(--text);cursor:pointer;font-family:inherit;text-align:center;padding:6px;}
.icon-kat-card .icon-circle{
  width:54px;height:54px;border-radius:50%;background:var(--panel);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:22px;
}
.icon-kat-card.active .icon-circle{border-color:var(--text);border-width:2px;}
.icon-kat-card p{font-size:11px;margin:0;line-height:1.3;}

.section-block{max-width:700px;margin:0 auto;padding:40px 20px;border-top:1px solid var(--line);}
.section-block h2{font-size:20px;margin:0 0 16px;}
.section-block p{color:var(--text-dim);font-size:14px;line-height:1.7;}

.galeri-slider-wrap{position:relative;display:flex;align-items:center;gap:6px;}
.galeri-slider{
  display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;
  flex:1;min-width:0;
}
.galeri-slider::-webkit-scrollbar{display:none;}
.galeri-item{flex:0 0 calc((100% - 40px) / 5);min-width:70px;}
.galeri-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block;}
.galeri-item p{
  margin:5px 0 0;font-size:10.5px;color:var(--text-dim);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.galeri-ok{
  flex-shrink:0;background:var(--panel);border:1px solid var(--line);color:var(--text);
  width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;
}
.galeri-empty{color:var(--text-dim);font-size:13px;}

.iletisim-grid{display:grid;gap:20px;}
@media (min-width:600px){.iletisim-grid{grid-template-columns:1fr 1fr;}}
.iletisim-info p{color:var(--text-dim);font-size:13.5px;line-height:1.6;margin:0 0 16px;}
.iletisim-info b{color:var(--text);display:block;margin-bottom:2px;}
.btn-whatsapp{
  display:inline-block;background:#25D366;color:#fff;text-decoration:none;font-weight:700;
  padding:11px 20px;border-radius:8px;font-size:13.5px;margin-top:6px;
}

.trust-band{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:800px;margin:10px auto 0;
  padding:24px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
@media (min-width:600px){.trust-band{grid-template-columns:repeat(4,1fr);}}
.trust-item{text-align:center;}
.trust-ic{font-size:22px;display:block;margin-bottom:6px;}
.trust-item p{font-size:11.5px;color:var(--text-dim);margin:0;line-height:1.4;}

.footer-rich{border-top:1px solid var(--line);background:var(--panel);margin-top:20px;}
.footer-grid{
  display:grid;grid-template-columns:1fr;gap:28px;max-width:800px;margin:0 auto;padding:36px 20px 20px;
}
@media (min-width:640px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;}}
.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 12px;}
.footer-col a{display:block;color:var(--text-dim);text-decoration:none;font-size:13px;margin-bottom:8px;}
.footer-col a:hover{color:var(--text);}
.footer-desc{color:var(--text-dim);font-size:12.5px;line-height:1.6;margin:0;}
.footer-bottom{text-align:center;padding:16px 20px;border-top:1px solid var(--line);color:var(--text-dim);font-size:11.5px;}

.urun-note{font-size:13px;color:var(--text-dim);margin:-8px 0 20px;}

.kat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.kat-chip{
  background:var(--panel);border:1px solid var(--line);color:var(--text-dim);
  border-radius:999px;padding:8px 16px;font-size:12.5px;cursor:pointer;font-family:inherit;
}
.kat-chip.active{background:#fff;color:#0f0f10;border-color:#fff;font-weight:600;}

.urun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.urun-card{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;
}
.urun-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#222;}
.urun-card .urun-info{padding:10px 12px;}
.urun-card .urun-marka{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;}
.urun-card .urun-ad{font-size:12.5px;font-weight:600;margin:2px 0 0;line-height:1.4;}

.marka-chips{display:flex;flex-wrap:wrap;gap:8px;}
.marka-chips span{
  background:var(--panel);border:1px solid var(--line);border-radius:999px;
  padding:7px 16px;font-size:12.5px;color:var(--text-dim);
}

.urun-modal{
  position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:100;
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.urun-modal-inner{
  background:var(--panel);border-radius:12px;padding:20px;max-width:400px;width:100%;
  max-height:90vh;overflow-y:auto;position:relative;
}
.urun-modal-inner img{width:100%;border-radius:8px;margin-bottom:14px;background:#222;}
.urun-modal-kategori{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin:0 0 4px;}
.urun-modal-inner h3{font-size:16px;margin:0 0 10px;}
.urun-modal-inner p{color:var(--text-dim);font-size:13px;line-height:1.6;margin:0 0 16px;}
.urun-modal-close{
  position:absolute;top:14px;right:14px;background:var(--bg);border:1px solid var(--line);color:var(--text);
  width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px;
}

.urun-ornek-uyari{
  grid-column:1/-1;background:var(--accent-dim);color:#9a5a1e;font-size:11.5px;
  padding:10px 14px;border-radius:8px;margin:0 0 6px;
}