/* urunler.html */
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px;}
.fchip{font-size:13.5px;font-weight:500;color:var(--text-mute);padding:9px 18px;border:1px solid var(--glass-border-soft);border-radius:999px;background:rgba(255,255,255,0.015);cursor:pointer;transition:all .2s var(--ease);}
.fchip.active,.fchip:hover{color:var(--accent-bright);border-color:var(--line-accent);background:var(--accent-wash);}
/* Mobil: çipleri sarmak yerine tek satırda yatay kaydırılabilir bar yap; böylece
   ürünler ekrandan aşağı itilmez ve filtre değişimi hemen görünür. */
@media(max-width:700px){
  .filter-bar{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;
    margin-bottom:26px;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .filter-bar::-webkit-scrollbar{display:none;}
  .fchip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;}
}

.cat{scroll-margin-top:120px;}
.cat + .cat{margin-top:18px;}
.cat-head{display:flex;align-items:center;gap:14px;margin:0 0 22px;}
.cat-head .ch-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent-wash);border:1px solid var(--line-accent);color:var(--accent-bright);}
.cat-head .ch-ic svg{width:22px;height:22px;}
.cat-head h2{font-size:24px;margin:0;}
.cat-head .ch-count{font-size:13px;color:var(--text-faint);margin-left:auto;}

.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.item-card{display:flex;flex-direction:column;padding:24px;text-decoration:none;}
.item-card .ic-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.item-card .ic-ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,0.03);border:1px solid var(--glass-border-soft);color:var(--accent-bright);}
.item-card .ic-ic svg{width:22px;height:22px;}
.item-card h3{font-size:17px;margin:0 0 7px;letter-spacing:-0.01em;}
.item-card p{font-size:13.5px;color:var(--text-mute);line-height:1.55;margin:0 0 16px;flex:1;}
.item-card .ic-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.item-card .ic-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line-soft);}
.item-card .ic-cap{font-size:12px;color:var(--text-faint);}
.item-card .ic-go{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-soft);transition:color .2s var(--ease);}
.item-card .ic-go svg{width:15px;height:15px;}
.item-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(0,0,0,0.8);}
.item-card:hover .ic-go{color:var(--accent-bright);}
@media(max-width:900px){.list-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.list-grid{grid-template-columns:1fr;}}

/* ---- Boş kategori: "talep üzerine" tasarlanmış durum (yarım değil, planlı) ---- */
.cat-empty{max-width:660px;margin:6px auto 0;text-align:center;padding:48px 34px;
  border:1px solid var(--glass-border-soft);border-radius:var(--r-md);
  background:linear-gradient(180deg,var(--accent-wash),transparent 70%);position:relative;overflow:hidden;}
.cat-empty::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:26px 26px;opacity:.35;mask-image:radial-gradient(circle at 50% 0,#000,transparent 72%);}
.cat-empty>*{position:relative;}
.cat-empty .ce-badge{display:inline-block;font-family:var(--font-head);font-size:12px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--accent-bright);
  background:var(--accent-wash);border:1px solid var(--line-accent);padding:5px 13px;border-radius:999px;margin-bottom:22px;}
.cat-empty .ce-ic{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border-radius:16px;
  background:var(--accent-wash);border:1px solid var(--line-accent);color:var(--accent-bright);}
.cat-empty .ce-ic svg{width:27px;height:27px;}
.cat-empty h3{font-family:var(--font-head);font-size:23px;line-height:1.25;color:var(--text-soft);margin:0 0 12px;font-weight:600;}
.cat-empty p{font-size:15px;color:var(--text-mute);line-height:1.65;margin:0 auto 28px;max-width:54ch;}
.cat-empty .ce-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
@media(max-width:560px){.cat-empty{padding:38px 22px;}.cat-empty .ce-actions .btn{width:100%;}}