:root{
  --lb-bg:#ffffff;
  --lb-text:#0f172a;
  --lb-muted:#475569;
  --lb-border:#e2e8f0;
  --lb-soft:#f8fafc;

  --lb-shadow: rgba(15, 23, 42, .08);
  --lb-shadow2: rgba(15, 23, 42, .14);

  --lb-primary:#0ea5e9;
  --lb-danger:#ef4444;
  --lb-success:#22c55e;
  --lb-warn:#f59e0b;

  --lb-radius:16px;
  --lb-img-h: 220px;
}

/* =========================
   Card
========================= */
.lb-card{
  position: relative;
  display:flex;
  flex-direction:column;
  background: var(--lb-bg);
  color: var(--lb-text);
  border:1px solid var(--lb-border);
  border-radius: var(--lb-radius);
  overflow:hidden;
  box-shadow: 0 10px 24px var(--lb-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  isolation:isolate;
}

.lb-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px var(--lb-shadow2);
  border-color: rgba(14,165,233,.28);
}

/* =========================
   Media
========================= */
.lb-card-media{
  position: relative;
  height: var(--lb-img-h);
  background: var(--lb-soft);
  overflow:hidden;
}

.lb-media-link{ display:block; height:100%; width:100%; }

.lb-card-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.01);
  transition: transform .25s ease, filter .25s ease;
}

.lb-card:hover .lb-card-img{
  transform: scale(1.05);
  filter: saturate(1.02);
}

/* resim üstü gradient yok */
.lb-media-grad{ display:none; }

/* =========================
   Actions overlay
========================= */
.lb-card-actions{
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  gap:8px;
  z-index:3;
}

.lb-iconbtn{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(8px);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, opacity .12s ease;
  user-select:none;
  line-height:1;
  font-size:16px;
  position:relative; /* mini count için */
}

.lb-iconbtn:hover{
  transform: translateY(-1px);
  background: rgba(15,23,42,.72);
  border-color: rgba(255,255,255,.55);
}

.lb-iconbtn:active{ transform: translateY(0); opacity:.92; }
.lb-iconbtn[disabled]{ opacity:.5; cursor:not-allowed; }

.lb-iconbtn.is-active{
  background: rgba(14,165,233,.92);
  border-color: rgba(255,255,255,.7);
}
.lb-iconbtn.is-active[data-lb-fav="1"]{ background: rgba(239,68,68,.92); }

.lb-mini-count{
  position:absolute;
  transform: translate(12px,-12px);
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background: rgba(255,255,255,.92);
  color:#0f172a;
  font-size:11px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(15,23,42,.12);
}

/* =========================
   Flags (resmin altında)
========================= */
.lb-card-flags{
  position: static;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding: 10px 14px 0;
  border-top:1px solid var(--lb-border);
  background: var(--lb-bg);
}

.lb-flag{
  font-size:12px;
  font-weight:900;
  padding:7px 10px;
  border-radius:999px;
  background:#f1f5f9;
  color:#0f172a;
  border:1px solid var(--lb-border);
}

.lb-flag-featured{ background: rgba(245,158,11,.14); border-color: rgba(245,158,11,.35); }
.lb-flag-deal{     background: rgba(14,165,233,.14); border-color: rgba(14,165,233,.35); }
.lb-flag-cond{     background: rgba(34,197,94,.14);  border-color: rgba(34,197,94,.35); }

/* =========================
   Body
========================= */
.lb-card-body{
  padding:12px 14px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lb-title-link{
  color: var(--lb-text);
  text-decoration:none;
  font-size:15px;
  font-weight:900;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

.lb-title-link:hover{ color:#0a8bd0; text-decoration:none; }

/* price row */
.lb-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.lb-price{
  font-size:18px;
  font-weight:900;
  letter-spacing:.2px;
  white-space:nowrap;
}

.lb-currency{
  font-size:14px;
  font-weight:800;
  color: var(--lb-muted);
  margin-left:4px;
}

.lb-muted{ color: var(--lb-muted); font-weight:700; font-size:13px; }

/* sağ meta (tarih / görüntülenme) */
.lb-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  color: var(--lb-muted);
  font-size:12px;
  font-weight:800;
}
.lb-meta-right{ text-align:right; }

.lb-divider{
  height:1px;
  background: var(--lb-border);
  opacity:.9;
}

/* =========================================================
   ✅ Konum + Kategori bloğu (TEK TASARIM)
   - Konum ayrı satır
   - Kategoriler tek outer frame içinde satır satır
========================================================= */
.lb-divider + .lb-row{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
}

/* Konum satırı */
.lb-divider + .lb-row .lb-loc{
  display:block;
  min-width:0;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  color: var(--lb-muted);

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Outer frame */
.lb-divider + .lb-row .lb-chips{
  display:flex;
  flex-direction:column;
  gap:6px;

  padding:10px;
  border-radius:12px;
  background:#f1f5f9;
  border:1px solid var(--lb-border);

  max-width:100%;
}

.lb-divider + .lb-row .lb-chips:hover{
  border-color: rgba(14,165,233,.35);
  background:#eef8fe;
}

/* İç satırlar (çerçevesiz) */
.lb-divider + .lb-row .lb-chips .lb-chip{
  display:flex;
  align-items:flex-start;
  gap:8px;

  padding:0;
  border:0;
  background:transparent;
  border-radius:0;

  color:#0f172a;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  line-height:1.25;

  min-width:0;
  max-width:100%;
}

.lb-divider + .lb-row .lb-chips .lb-chip:hover{
  text-decoration:none;
  color:#0a8bd0;
}

.lb-divider + .lb-row .lb-chips .lb-chip-text{
  min-width:0;
  line-height:1.25;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Store line */
.lb-storeline{
  font-size:12px;
  font-weight:900;
  color: var(--lb-muted);
  min-width:0;
}

.lb-storelink{
  display:flex;
  align-items:center;
  gap:6px;
  color: var(--lb-muted);
  text-decoration:none;
  min-width:0;
}

.lb-storelink:hover{ color:#0a8bd0; }

.lb-storetext{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Form reset */
.lb-fav-form{ margin:0; }

/* Responsive */
@media (max-width: 480px){
  :root{ --lb-img-h: 200px; }
  .lb-price{ font-size:17px; }
}