:root{
  --container:1200px;
  --border:#e5e7eb;
  --ink:#111827;
  --muted:#6b7280;
  --shadow:0 8px 30px rgba(0,0,0,.08);
  --ring: 0 0 0 3px rgba(16, 185, 129, .15);
  --brand:#111827; /* başlık/price için koyu */
  --badge:#ffef6a; /* sarı kampanya etiketi */
}

/* Sayfa iskeleti (solda filtre – sağda grid) */
.plist .container{
  max-width:var(--container);
  margin:0 auto;
  padding:10px 16px;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:18px;
}
@media (max-width: 980px){
  .plist .container{ grid-template-columns:1fr; }
  .filters{ order:2 } .results{ order:1 }
}

/* Sol panel (filtreler) – mevcut stillerinle uyumlu kalsın */
.filters{
  position:sticky; top:10px; align-self:start;
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px; background:#fff;
}
.f-head{ margin:0 0 6px; font-size:18px }
.f-box{ border:1px solid var(--border); border-radius:10px; padding:8px 10px; margin:10px 0; background:#fff }
.f-box>summary{ cursor:pointer; font-weight:700 }
.price .row{ display:flex; gap:8px; align-items:center; margin:8px 0 }
.price .row input{ width:100%; padding:8px 10px; border:1px solid var(--border); border-radius:10px; background:#f9fafb }
.price .dash{ color:#9aa3af }
.swatches{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px }
.swatch{ width:28px; height:28px; border-radius:999px; border:1px solid #e5e7eb; cursor:pointer; position:relative; box-shadow:inset 0 1px 0 rgba(255,255,255,.2) }
.swatch.active{ outline:2px solid #0A84FF }
.swatch .t{ position:absolute; inset:auto 50% -18px auto; transform:translateX(-50%); font-size:11px; color:#374151 }
.sizes{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px }
.size{ min-width:34px; padding:6px 8px; border:1px solid var(--border); border-radius:8px; cursor:pointer; background:#fff }
.size.active{ background:#111827; color:#fff; border-color:#111827 }
.btn{ appearance:none; cursor:pointer; border-radius:10px; padding:10px 12px; border:1px solid var(--border); background:#fff; font-weight:700 }
.btn.apply{ background:#111827; color:#fff; border-color:#111827 }
.btn.clear{ width:100%; margin-top:8px }
.muted{ color:var(--muted); font-size:12px }

/* Sağ alan üst başlık/sıralama */
.results .r-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px }
.results h1{ margin:0; font-size:22px }
.sort select{ padding:8px 10px; border:1px solid var(--border); border-radius:10px; background:#fff }

/* GRID – 3 sütun büyük kart */
.grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
}
@media (max-width: 1100px){ .grid{ grid-template-columns:repeat(2, minmax(0,1fr)) } }
@media (max-width: 640px){ .grid{ grid-template-columns:1fr } }

/* ========== ÜRÜN KARTI (hedef tasarım) ========== */
.p-card{
  display:block; color:inherit; text-decoration:none;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.p-card:hover{
  transform:translateY(-2px);
  border-color:#d1d5db;
  box-shadow:var(--shadow);
}

/* görsel alanı: 3:4, içte gerçek img */
.p-media{ position:relative; aspect-ratio:3/4; background:#f3f4f6; }
.p-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* sağ üst favori */
.p-fav{
  position:absolute; top:10px; right:10px;
  width:34px; height:34px; display:grid; place-items:center;
  border-radius:999px; background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.p-fav svg{ width:18px; height:18px; fill:none; stroke:#111; stroke-width:1.7 }
.p-fav.active svg{ fill:#ef4444; stroke:#ef4444 }
.p-fav:hover{ background:#f9fafb }

/* sağ alt varyant/renk sayacı rozeti */
.p-variants{
  position:absolute; right:10px; bottom:10px;
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 8px;
  border-radius:999px; background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  font-weight:700; font-size:12px;
}
.p-variants .dot{ width:12px; height:12px; border-radius:999px; display:inline-block; border:1px solid #e5e7eb }
.p-variants .cnt{ line-height:1 }

/* alt içerik */
.p-body{ padding:10px 12px }
.p-title{
  margin:0; font-size:14px; font-weight:700; color:var(--brand);
  display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.p-price{
  margin-top:8px;
  font-size:20px; font-weight:800; color:var(--brand);
}
.p-old{ color:#9aa3af; text-decoration:line-through; margin-left:8px; font-weight:600; font-size:16px }

/* kampanya bandı (sarı) – başkasındaki “2. ÜRÜNE %20 İNDİRİM” barı */
.p-promo{
  display:inline-block;
  background:var(--badge);
  color:#0f172a;
  font-weight:800;
  font-size:12px;
  padding:4px 8px;
  border-radius:6px;
  margin:8px 12px 0;
}

/* sayfa altı */
.pager{ display:flex; align-items:center; justify-content:center; gap:12px; margin:20px 0 }