/* pazaryeri.css — yeni-pazaryeri.php sayfa-içi inline CSS dosyaya taşındı (2026-05-08)
   pz-* item cards / gallery / lightbox / detail modal kuralları
   Önceki konum: yeni-pazaryeri.php satır 171-599 inline <style>
*/

:root{
  --dc-fg:#0f1111;
  --dc-fg-secondary:#475467;
  --dc-fg-muted:#6B7280;
  --dc-border:#EAECF0;
  --dc-border-strong:#C3C5CA;
  --dc-bg:#FFFFFF;
  --dc-card-surface:#FFFFFF;
  --dc-chip-surface:#F5F5FA;
  --dc-pulse:#16A34A;
  --dc-yellow:#FFCA00;
  --dc-blue:#2563EB;
  --dc-red:#D7002F;
}
body{background:var(--dc-bg);color:var(--dc-fg);padding-top:68px;}
.material-symbols-rounded{width:1em;height:1em;fill:currentColor;vertical-align:middle;display:inline-block;flex-shrink:0;}
 .MnPd{padding:0;}
/* Twitter-style sağ-sol border */
body .col-md-7.MnPd{
  border-left:1px solid var(--dc-border);
  border-right:1px solid var(--dc-border);
  min-height:100vh;
}
@media (max-width:640px){
  .MnPd{padding:0;}
  body .col-md-7.MnPd{border-left:0;border-right:0;}
}

/* ── Header ── */
.dc-topbar-icon-btn{
  width:44px;height:auto;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:transparent;border:0;cursor:pointer;color:var(--dc-fg);
  text-decoration:none;
}
.dc-topbar-icon-btn:hover{background:var(--dc-chip-surface);}
.dc-topbar-icon-btn .material-symbols-rounded{font-size:26px;width:26px;height:26px;}
.dc-topbar-icon-btn.is-active{background:var(--dc-fg);color:#fff;}

/* ── Filter bar (kategori + şehir + favoriler + view toggle) ── */
.pz-filterbar{
  display:flex;align-items:center;gap:8px;
  /* Scroll alanı ekrandan 16px içeride: scroll yapsa bile sol/sağda 16px boşluk korunur */
  margin:0 16px;padding:8px 0 12px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  background:var(--dc-bg);position:sticky;top:0;z-index:5;
}
.pz-filterbar::-webkit-scrollbar{display:none;}
.pz-filter-pill{
  flex:0 0 auto;height:38px;padding:0 14px;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  border:1px solid var(--dc-border);
  background:var(--dc-card-surface);border-radius:var(--ms-radius-xs);
  font-size:14px;font-weight:400;color:var(--dc-fg);
  cursor:pointer;white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s;
}
.pz-filter-pill:hover{background:var(--dc-chip-surface);}
.pz-filter-pill.is-active{background:var(--dc-fg);color:var(--dc-bg);border-color:var(--dc-fg);}
.pz-filter-pill .pz-pill-arrow{width:16px;height:16px;color:var(--dc-fg-muted);}
.pz-filter-pill.is-active .pz-pill-arrow{color:var(--dc-bg);}
.pz-filter-pill .pz-pill-clear{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:rgba(255,255,255,.2);margin-left:4px;
}
.pz-filter-pill .pz-pill-clear svg{width:12px;height:12px;}
.pz-filter-actions{
  display:inline-flex;align-items:center;gap:4px;
  margin-left:auto;flex:0 0 auto;
}
.pz-filter-icon-btn{
  flex:0 0 auto;width:38px;height:38px;
  display:inline-flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--dc-fg);
  cursor:pointer;padding:0;
  transition:color .15s;
}
.pz-filter-icon-btn:hover{opacity:.7;}
.pz-filter-icon-btn svg{width:24px;height:24px;}
#pz-fav-toggle:hover{color:var(--dc-red);opacity:1;}
#pz-fav-toggle.is-active{color:var(--dc-red);}
#pz-fav-toggle.is-active svg{fill:currentColor;}

/* ── Search input ── */
.pz-search-wrap{padding:8px 16px 12px;position:relative;display:none;}
.pz-search-wrap.is-open{display:block;}
.pz-search-input{
  width:100%;padding:11px 40px 11px 14px;
  border:1px solid var(--dc-border-strong);
  border-radius:10px;font-size:14px;outline:none;background:var(--dc-bg);
}
.pz-search-input:focus{border-color:var(--dc-fg);}
.pz-search-clear{
  position:absolute;right:24px;top:50%;transform:translateY(-50%);
  background:none;border:0;font-size:20px;color:var(--dc-fg-muted);
  cursor:pointer;display:none;width:24px;height:24px;line-height:1;
}
.pz-search-clear.is-visible{display:inline-block;}

/* ── Feed ── */
.pz-feed{padding:8px 16px 16px;background:var(--dc-bg);display:flex;flex-direction:column;gap:10px;}
.dc-loading,.dc-empty{text-align:center;padding:40px 16px;color:var(--dc-fg-muted);}
.dc-empty-title{font-size:14px;font-weight:600;color:var(--dc-fg);margin:0 0 4px;}
.dc-empty-sub{font-size:14px;margin:0;}
.pz-load-more{
  display:block;margin:12px auto 24px;padding:10px 20px;
  border:1px solid var(--dc-border-strong);background:var(--dc-bg);
  border-radius:999px;font-size:14px;font-weight:500;color:var(--dc-fg);cursor:pointer;
}
.pz-load-more:hover{background:var(--dc-chip-surface);}
.pz-load-more.is-loading{opacity:.6;pointer-events:none;}

/* ── Pazaryeri list item (Flutter list mode parite — 88x88 thumb + bilgi) ── */
.pz-item{
  position:relative;display:flex;align-items:stretch;gap:14px;
  padding:8px;
  background:var(--dc-card-surface);
  border:1px solid rgba(234,236,240,.5);
  border-radius:14px;
  text-decoration:none;color:inherit;
  transition:border-color .15s,box-shadow .15s;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
@media (hover: hover){
  .pz-item:hover{border-color:var(--dc-border-strong);box-shadow:0 2px 8px rgba(0,0,0,.04);text-decoration:none;color:inherit;}
}
.pz-item-thumb{
  width:88px;height:88px;border-radius:10px;
  background:var(--dc-chip-surface);
  flex-shrink:0;object-fit:cover;display:block;
}
.pz-item-thumb-placeholder{
  width:88px;height:88px;border-radius:10px;
  background:var(--dc-chip-surface);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--dc-fg-muted);
}
.pz-item-thumb-placeholder .material-symbols-rounded{font-size:32px;width:32px;height:32px;}
.pz-item-info{
  flex:1;min-width:0;
  display:flex;flex-direction:column;justify-content:center;
  height:88px;padding-right:40px;
}
.pz-item-title{
  font-size:14px;font-weight:600;color:var(--dc-fg);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin:0;
}
.pz-item-loc{
  font-size:14px;font-weight:400;color:var(--dc-fg-muted);line-height:1.3;
  margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pz-item-price{
  font-size:14px;font-weight:500;color:var(--dc-blue);line-height:1.3;
  margin-top:auto;
}
.pz-fav{
  position:absolute;top:8px;right:8px;
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:0;cursor:pointer;
  color:var(--dc-fg-muted,#6B7280);
  display:flex;align-items:center;justify-content:center;
  transition:color .2s,background .2s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;
  box-shadow:0 2px 6px rgba(15,23,42,.08);
}
.pz-fav:hover{background:#fff;transform:scale(1.08);box-shadow:0 4px 12px rgba(15,23,42,.16);}
.pz-fav:active{transform:scale(.92);}
.pz-fav svg{width:22px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
/* Pink heart — pop + glow */
.pz-fav.is-active{
  color:#FF3DA5;
  background:#FFE4F1;
  box-shadow:0 4px 14px rgba(255,61,165,.32);
  animation:pzFavPop .42s cubic-bezier(.34,1.56,.64,1);
}
.pz-fav.is-active:hover{
  background:#FFD4E7;
  transform:scale(1.1);
  box-shadow:0 6px 18px rgba(255,61,165,.45);
}
.pz-fav.is-active svg,
.pz-fav.is-active svg path{fill:#FF3DA5;}
.pz-fav.is-active svg{filter:drop-shadow(0 1px 2px rgba(255,61,165,.4));}
@keyframes pzFavPop{
  0%  {transform:scale(.6);}
  40% {transform:scale(1.35);}
  70% {transform:scale(.94);}
  100%{transform:scale(1);}
}

/* Detail sayfası — title yanında favori (static position, daha büyük) */
.pz-detail-title-row{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px;}
.pz-detail-title-row .pz-detail-title{flex:1;min-width:0;margin:0;}
.pz-fav-detail{
  position:static !important;
  flex-shrink:0;
  width:44px !important;height:44px !important;
  background:rgba(255,255,255,.9) !important;
  border:1px solid var(--dc-border) !important;
}
.pz-fav-detail svg{width:24px !important;height:24px !important;}
.pz-fav-detail.is-active{
  background:#FFE4F1 !important;
  border-color:#FFC1DE !important;
}

@media (max-width:480px){
  .pz-feed{padding:8px 16px 16px;}
  .pz-detail-wrap{position:relative;padding:16px 16px 0;}
}

/* ── Detay ── */
.pz-detail-wrap{position:relative;padding:16px 16px 0;}
.pz-detail{padding:0;}
.pz-back-overlay{
  position:absolute;top:28px;left:28px;z-index:10;
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.pz-back-overlay:hover{color:#fff;text-decoration:none;}
.pz-back-overlay svg{
  width:32px;height:32px;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));
}

.pz-gallery{position:relative;margin:0;}
.pz-gallery-track{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  border-radius:12px;
}
.pz-gallery-track::-webkit-scrollbar{display:none;}
.pz-gallery-track img{
  flex:0 0 100%;width:100%;max-height:480px;height:auto;
  object-fit:cover;scroll-snap-align:start;display:block;
  background:var(--dc-chip-surface);cursor:pointer;
}
.pz-gallery-dots{
  position:absolute;bottom:10px;left:0;right:0;
  display:flex;justify-content:center;gap:6px;pointer-events:none;
}
.pz-gallery-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 4px rgba(0,0,0,.3);}
.pz-gallery-dot.is-active{background:#fff;}

/* Desktop: tek ana resim + alt thumb şerit (carousel stili) */
.pz-gallery-grid{display:none;}
@media (min-width:769px){
  .pz-gallery-track{display:none;}
  .pz-gallery-dots{display:none;}
  .pz-gallery-grid{display:block;}
  .pz-gallery-main{position:relative;}
  .pz-gallery-main img{
    width:100%;height:480px;object-fit:cover;
    border-radius:12px;cursor:pointer;display:block;background:var(--dc-chip-surface);
  }
  .pz-gallery-count-btn{
    position:absolute;bottom:12px;right:12px;
    background:rgba(0,0,0,.7);color:#fff;
    padding:8px 12px;border-radius:20px;font-size:14px;font-weight:500;
    border:0;cursor:pointer;
  }
  .pz-gallery-thumbs{
    display:flex;gap:8px;margin-top:8px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:thin;scrollbar-color:var(--dc-border-strong) transparent;
    padding-bottom:4px;
  }
  .pz-gallery-thumbs::-webkit-scrollbar{height:6px;}
  .pz-gallery-thumbs::-webkit-scrollbar-track{background:transparent;}
  .pz-gallery-thumbs::-webkit-scrollbar-thumb{background:var(--dc-border-strong);border-radius:3px;}
  .pz-gallery-thumb{
    flex-shrink:0;width:96px;height:96px;
    background:transparent;border:0;padding:0;cursor:pointer;
    border-radius:10px;
  }
  .pz-gallery-thumb img{
    width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;
    background:var(--dc-chip-surface);
    opacity:.65;transition:opacity .15s;
  }
  .pz-gallery-thumb:hover img{opacity:1;}
  .pz-gallery-thumb.is-active img{opacity:1;}
}

/* Lightbox */
.pz-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:10000;}
.pz-lightbox.is-open{display:flex;flex-direction:column;}
.pz-lb-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 20px;background:rgba(0,0,0,.5);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pz-lb-counter{color:#fff;font-size:14px;font-weight:500;}
.pz-lb-close{
  background:transparent;border:0;color:#fff;width:40px;height:40px;
  border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:32px;line-height:1;transition:background .2s;
}
.pz-lb-close:hover{background:rgba(255,255,255,.12);}
.pz-lb-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.pz-lb-img{max-width:100%;max-height:100%;object-fit:contain;animation:pzLbZoom .25s ease;}
@keyframes pzLbZoom{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}
.pz-lb-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.9);border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,transform .2s;z-index:5;
}
.pz-lb-nav:hover{background:#fff;transform:translateY(-50%) scale(1.05);}
.pz-lb-nav:disabled{opacity:.3;cursor:default;}
.pz-lb-nav svg{width:24px;height:24px;}
.pz-lb-prev{left:24px;}
.pz-lb-next{right:24px;}
.pz-lb-thumbs{
  padding:14px 16px;display:flex;gap:8px;
  overflow-x:auto;background:rgba(0,0,0,.5);
  border-top:1px solid rgba(255,255,255,.08);
  scrollbar-width:thin;scrollbar-color:#666 #222;
}
.pz-lb-thumbs::-webkit-scrollbar{height:6px;}
.pz-lb-thumbs::-webkit-scrollbar-thumb{background:#666;border-radius:3px;}
.pz-lb-thumb{
  flex-shrink:0;width:72px;height:72px;border-radius:8px;overflow:hidden;
  cursor:pointer;border:2px solid transparent;opacity:.55;transition:all .2s;
  background:transparent;padding:0;
}
.pz-lb-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pz-lb-thumb:hover{opacity:.85;}
.pz-lb-thumb.is-active{border-color:#fff;opacity:1;}
@media (max-width:640px){
  .pz-lb-prev{left:8px;}
  .pz-lb-next{right:8px;}
  .pz-lb-nav{width:38px;height:38px;}
  .pz-lb-thumb{width:56px;height:56px;}
}

.pz-detail-section{padding:12px 0;}
.pz-detail-title{font-size:22px;font-weight:600;color:var(--dc-fg);margin:0 0 6px;line-height:1.25;}
.pz-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.pz-badge{
  display:inline-flex;align-items:center;
  padding:4px 12px;border-radius:999px;
  font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;
}
.pz-badge-condition{background:var(--dc-chip-surface);color:var(--dc-fg);}
.pz-badge-status{background:rgba(22,163,74,.1);color:var(--dc-pulse);}
.pz-badge-sold{background:rgba(215,0,47,.1);color:var(--dc-red);}

.pz-detail-price{
  font-size:28px;font-weight:700;color:var(--dc-blue);
  margin:8px 0 0;
}
.pz-detail-loc{
  font-size:14px;color:var(--dc-fg-muted);
  margin-top:12px;
}

.pz-info-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0;
  border:1px solid var(--dc-border);border-radius:12px;
  margin:0;
}
.pz-info-cell{padding:12px 14px;border-right:1px solid var(--dc-border);border-bottom:1px solid var(--dc-border);}
.pz-info-cell:nth-child(2n){border-right:0;}
.pz-info-cell:nth-last-child(-n+2){border-bottom:0;}
.pz-info-label{font-size:12px;color:var(--dc-fg-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px;}
.pz-info-val{font-size:14px;color:var(--dc-fg);font-weight:500;}

.pz-description{
  padding:0;font-size:14px;line-height:1.55;color:var(--dc-fg);
  white-space:pre-wrap;word-break:break-word;
}

/* Seller card */
.pz-seller{
  display:flex;align-items:center;gap:12px;
  margin:16px 0;padding:14px 16px;
  background:var(--dc-card-surface);
  border:1px solid var(--dc-border);border-radius:14px;
  text-decoration:none;color:var(--dc-fg);
  transition:border-color .15s;
}
.pz-seller:hover{border-color:var(--dc-border-strong);text-decoration:none;color:var(--dc-fg);}
.pz-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--dc-chip-surface);}
.pz-avatar-letter{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;letter-spacing:.5px;}
.pz-seller-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.pz-seller-name{
  font-size:14px;font-weight:600;color:var(--dc-fg);line-height:1.25;
  display:flex;align-items:center;gap:6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pz-seller-name img{width:20px;height:20px;flex-shrink:0;}
.pz-seller-sub{font-size:14px;color:var(--dc-fg-muted);}

/* Action pills (Mesaj/Ara) — yeni-defter pattern */
.pz-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.pz-pill{
  flex:1;min-width:0;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 16px;
  background:var(--dc-chip-surface);border:0;border-radius:10px;
  font-size:14px;font-weight:500;color:var(--dc-fg);
  cursor:pointer;text-decoration:none;
}
.pz-pill:hover{background:#EBEBF2;text-decoration:none;color:var(--dc-fg);}
.pz-pill .material-symbols-rounded{font-size:20px;width:20px;height:20px;}
.pz-pill-cta{background:var(--dc-yellow);color:var(--dc-fg);font-weight:600;}
.pz-pill-cta:hover{filter:brightness(.95);background:var(--dc-yellow);color:var(--dc-fg);}

/* (mobile sticky kaldırıldı — actions artık fiyat altında inline) */

/* ── Dropdown picker (alarmlarim al-dd pattern, butonun altında absolute) ── */
.pz-dd-wrap{position:relative;flex:0 0 auto;}
.pz-dd{
  display:none;position:absolute;top:calc(100% + 6px);left:0;
  min-width:280px;max-width:90vw;
  z-index:100;background:#fff;
  border:1px solid var(--dc-border-strong);border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.04);
  overflow:hidden;flex-direction:column;max-height:420px;
  animation:pz-dd-in .18s cubic-bezier(.2,.8,.2,1);
  transform-origin:top left;
}
@keyframes pz-dd-in{from{opacity:0;transform:translateY(-6px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.pz-dd.is-open{display:flex;}
.pz-dd-search{
  width:100%;padding:12px 16px;font-size:14px;
  border:none;border-bottom:1px solid var(--dc-border);
  outline:none;color:var(--dc-fg);box-sizing:border-box;
}
.pz-dd-search::placeholder{color:var(--dc-fg-muted);}
.pz-dd-list{flex:1;overflow-y:auto;padding:4px 0;max-height:360px;}
.pz-dd-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 16px;cursor:pointer;transition:background .12s;
  font-size:14px;color:var(--dc-fg);
}
.pz-dd-item:hover{background:var(--dc-chip-surface);}
.pz-dd-item.is-selected{font-weight:600;color:var(--dc-blue);background:rgba(37,99,235,.06);}
.pz-dd-item-count{
  font-size:12px;color:var(--dc-fg-muted);
  background:var(--dc-chip-surface);
  padding:2px 8px;border-radius:999px;
  flex-shrink:0;
}
.pz-dd-item.is-selected .pz-dd-item-count{background:rgba(37,99,235,.12);color:var(--dc-blue);}
.pz-dd-empty{padding:24px 16px;text-align:center;color:var(--dc-fg-muted);font-size:14px;}

/* Mobile: dropdown'ı tam genişlik yap */
@media (max-width:640px){
  .pz-dd{left:0;right:0;min-width:0;max-width:none;}
}

/* ── Inline messenger (Flutter DefterJobInlineMessenger.forPazaryeri paritesi) ── */
.pz-messenger{
  display:flex;align-items:flex-end;gap:8px;
  padding:8px 8px 8px 12px;margin-top:12px;
  background:var(--dc-bg,#fff);
  border:1px solid var(--dc-border,#EAECF0);
  border-radius:var(--ms-radius-xs,6px);
}
.pz-messenger-textarea{
  flex:1;min-width:0;
  border:0;outline:none;resize:none;
  background:transparent;color:var(--dc-fg,#0f1111);
  font-size:14px;font-weight:400;font-family:inherit;
  line-height:1.4;padding:6px 0;
  min-height:22px;max-height:120px;overflow-y:auto;
}
.pz-messenger-textarea:focus{outline:none;}
.pz-messenger-textarea::placeholder{color:var(--dc-fg-muted,#6B7280);}
.pz-messenger-send{
  flex-shrink:0;padding:8px 18px;
  background:var(--dc-yellow,#FFCA00);color:var(--dc-fg,#0f1111);
  border:0;border-radius:var(--ms-radius-xs,6px);
  font-size:14px;font-weight:500;cursor:pointer;
  transition:filter .15s;
  display:inline-flex;align-items:center;gap:6px;
}
.pz-messenger-send:hover{filter:brightness(.95);}
.pz-messenger-send:disabled{opacity:.6;cursor:not-allowed;filter:none;}
.pz-messenger.is-sending .pz-messenger-send{pointer-events:none;opacity:.7;}
.pz-messenger.is-sent .pz-messenger-textarea{color:var(--dc-fg-muted,#6B7280);}
.pz-messenger.is-sent .pz-messenger-send{background:rgba(16,163,74,.10);color:#16A34A;}

/* ── Toast ── */