/* 2026-10-21 Pazar → Satıcı Arama (pazar.html'deki --mk-* değişkenlerini kullanır) */
.vs-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 18px}
.vs-input{background:var(--mk-panel2);border:1px solid var(--mk-line);color:var(--mk-text);border-radius:10px;padding:9px 12px;font:inherit;font-size:.9rem;min-height:40px}
.vs-input:focus{outline:none;border-color:var(--mk-goldl)}
.vs-input--q{flex:1 1 260px}
.vs-input--num{width:110px}
.vs-muted{color:var(--mk-muted);font-size:.85rem}
.vs-vitrin{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:var(--mk-panel);border:1px solid var(--mk-gold);border-radius:12px;padding:12px 16px;margin:0 0 16px}
.vs-vitrin strong{font-family:"Cinzel",serif;color:var(--mk-goldl)}
.vs-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.vs-card{display:flex;gap:12px;background:var(--mk-panel);border:1px solid var(--mk-line);border-radius:14px;padding:14px}
.vs-card:hover{border-color:var(--mk-gold)}
.vs-card__img{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--mk-panel2);border-radius:10px;font-size:1.7rem}
.vs-card__img img{max-width:52px;max-height:52px;image-rendering:pixelated}
.vs-card__body{min-width:0;flex:1}
.vs-card__name{margin:0 0 2px;font-size:1rem;color:var(--mk-text);text-transform:capitalize}
.vs-amt{color:var(--mk-muted);font-weight:400}
.vs-card__meta,.vs-card__loc,.vs-card__mkt{color:var(--mk-muted);font-size:.8rem}
.vs-card__price{margin:6px 0 2px;font-weight:700;color:var(--mk-goldl)}
.vs-card__shop{margin-top:8px;font-size:.85rem;color:var(--mk-text)}
.vs-card__act{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.vs-badge{display:inline-block;font-size:.7rem;font-weight:600;border-radius:999px;padding:2px 8px;margin-left:4px;vertical-align:middle}
.vs-badge--iyi{background:rgba(111,224,160,.15);color:var(--mk-green)}
.vs-badge--orta{background:rgba(152,164,200,.15);color:var(--mk-muted)}
.vs-badge--kotu{background:rgba(224,87,74,.15);color:var(--mk-red)}
.vs-props{list-style:none;margin:8px 0 0;padding:0;font-size:.78rem;color:var(--mk-muted)}
.vs-props li{padding:1px 0}
.vs-link{background:none;border:0;padding:0;color:var(--mk-goldl);cursor:var(--uo-hand,pointer);font:inherit;text-decoration:underline}
.vs-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}
.vs-side{background:var(--mk-panel);border:1px solid var(--mk-line);border-radius:14px;padding:14px}
.vs-side h2{font-family:"Cinzel",serif;color:var(--mk-goldl);font-size:1rem;margin:0 0 10px}
.vs-note{margin-top:10px}
.vs-table{width:100%;border-collapse:collapse;font-size:.8rem}
.vs-table th{color:var(--mk-muted);font-weight:600;text-align:left;padding:4px}
.vs-table td{padding:4px;color:var(--mk-text)}
.vs-table tbody tr:nth-child(odd){background:rgba(255,255,255,.03)}
.vs-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 18px;border-radius:12px;font-size:.9rem;z-index:50;max-width:min(560px,90vw);box-shadow:0 8px 30px rgba(0,0,0,.5)}
.vs-toast--iyi{background:#15342a;border:1px solid var(--mk-green);color:var(--mk-text)}
.vs-toast--kotu{background:#3a1715;border:1px solid var(--mk-red);color:var(--mk-text)}
@media (max-width:900px){.vs-layout{grid-template-columns:1fr}.vs-left{position:static}}
@media (max-width:520px){.vs-input--num{width:calc(50% - 5px)}.vs-grid{grid-template-columns:1fr}}
.vs-vitrin[hidden],.vs-pager[hidden],.vs-toast[hidden]{display:none}
.vs-btn{background:transparent;border:1px solid var(--mk-gold);color:var(--mk-text);border-radius:999px;padding:6px 14px;font:inherit;font-size:.8rem;font-weight:600;cursor:var(--uo-hand,pointer)}
.vs-btn:hover:not(:disabled){background:rgba(201,162,91,.15)}
.vs-btn:disabled{opacity:.4;cursor:var(--uo-arrow,default)}
/* 21.10: filtreler sol sütunda alt alta */
.vs-left{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
.vs-filters{display:flex;flex-direction:column;gap:12px;background:var(--mk-panel);border:1px solid var(--mk-line);border-radius:14px;padding:14px}
.vs-filters h2,.vs-side h2{font-family:"Cinzel",serif;color:var(--mk-goldl);font-size:1rem;margin:0}
.vs-field{display:flex;flex-direction:column;gap:5px}
.vs-field>span{font-size:.75rem;font-weight:600;color:var(--mk-muted);text-transform:uppercase;letter-spacing:.4px}
.vs-field .vs-input{width:100%;box-sizing:border-box}
.vs-row{display:flex;gap:8px}
.vs-row .vs-input{min-width:0;flex:1}
.vs-ara{width:100%;justify-content:center}
.vs-sifirla{width:100%}
.vs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}