/* VENDEVIX kategori ürün listesi — B2B afiş + grid */
.vx-cat{
  max-width:var(--vx-chrome-wrap,1480px);
  margin:0 auto;
  padding:0 0 12px;
}
.vx-cat__crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  padding:8px var(--g,14px) 10px;
  font-size:12.5px;font-weight:650;color:var(--muted,#6B7280);
}
.vx-cat__crumb a{color:var(--blue,#0D6EFD);font-weight:750;text-decoration:none}
.vx-cat__crumb span{opacity:.55}

/* Hero afiş — edge-to-edge mobilde, B2B navy */
.vx-cat__hero{
  position:relative;
  margin:0 var(--g,14px) 14px;
  border-radius:18px;
  overflow:hidden;
  min-height:148px;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(13,110,253,.35), transparent 55%),
    linear-gradient(125deg,#061628 0%,#0B2749 42%,#0A3A6E 72%,#0D6EFD 130%);
  color:#fff;
  box-shadow:0 12px 32px rgba(8,30,60,.18);
  display:flex;align-items:stretch;
}
.vx-cat__hero--img{min-height:168px}
.vx-cat__hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:.42;
}
.vx-cat__hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(6,22,40,.92) 0%,rgba(11,39,73,.72) 55%,rgba(13,110,253,.35) 100%);
}
.vx-cat__hero-in{
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  padding:20px 18px;width:100%;max-width:720px;
}
.vx-cat__hero-kicker{
  display:inline-flex;align-items:center;gap:6px;width:fit-content;
  padding:4px 10px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.vx-cat__hero-kicker svg{width:13px;height:13px}
.vx-cat__hero h1{
  margin:0;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:800;
  letter-spacing:-.03em;line-height:1.15;
}
.vx-cat__hero p{
  margin:0;font-size:13.5px;font-weight:600;opacity:.88;line-height:1.4;
  max-width:36ch;
}
.vx-cat__hero-meta{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;
}
.vx-cat__chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);
  font-size:11.5px;font-weight:750;
}
.vx-cat__chip svg{width:13px;height:13px}

/* Alt kategori şeridi */
.vx-cat__subs{
  display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:0 var(--g,14px) 14px;scrollbar-width:none;
}
.vx-cat__subs::-webkit-scrollbar{display:none}
.vx-cat__sub{
  flex:0 0 auto;
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 14px;border-radius:999px;
  border:1.5px solid var(--line,#E5E7EB);background:#fff;
  color:var(--navy,#081E3C);font-size:12.5px;font-weight:750;
  text-decoration:none;white-space:nowrap;
  box-shadow:0 2px 8px rgba(8,30,60,.04);
}
.vx-cat__sub:hover,.vx-cat__sub:active{
  border-color:#93C5FD;background:#EFF6FF;color:var(--blue,#0D6EFD);
}
.vx-cat__sub em{
  font-style:normal;font-size:10.5px;font-weight:800;
  padding:2px 7px;border-radius:999px;background:#F1F5F9;color:var(--muted,#6B7280);
}

.vx-cat__body{padding:0 var(--g,14px)}
.vx-cat__toolbar{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  margin-bottom:12px;
}
.vx-cat__toolbar h2{
  margin:0;font-size:15px;font-weight:800;color:var(--navy,#081E3C);letter-spacing:-.02em;
}
.vx-cat__toolbar span{font-size:12px;font-weight:650;color:var(--muted,#6B7280)}

.vx-cat__sec{margin-top:22px}
.vx-cat__sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
  margin-bottom:12px;
}
.vx-cat__sec-head h2{
  margin:0;font-size:15px;font-weight:800;color:var(--navy,#081E3C);
}
.vx-cat__sec-head span{font-size:12px;font-weight:650;color:var(--muted,#6B7280)}

.vx-cat__empty{
  text-align:center;padding:48px 20px;
  background:#fff;border:1px dashed var(--line,#E5E7EB);border-radius:18px;
}
.vx-cat__empty strong{display:block;font-size:17px;font-weight:800;color:var(--navy,#081E3C);margin-bottom:6px}
.vx-cat__empty p{margin:0 0 16px;font-size:13.5px;color:var(--muted,#6B7280)}
.vx-cat__empty a{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 18px;border-radius:12px;
  background:var(--navy,#081E3C);color:#fff;font-weight:800;font-size:13px;text-decoration:none;
}

@media(min-width:900px){
  .vx-cat__hero{min-height:200px;margin-bottom:18px}
  .vx-cat__hero-in{padding:28px 32px}
  .vx-cat__hero p{font-size:15px;max-width:48ch}
  .vx-cat__subs{padding-bottom:16px}
}
@media(max-width:640px){
  .vx-cat__hero{
    margin-left:0;margin-right:0;border-radius:0;
    min-height:156px;
  }
  .vx-cat__hero-in{padding:18px 14px 20px}
  .vx-cat__crumb{padding-left:14px;padding-right:14px}
}
@media(prefers-reduced-motion:reduce){
  .vx-cat__sub{transition:none}
}