/* ===== Listing pages (category / collection / search / wishlist) ===== */
.crumb{font-size:13px;color:var(--muted);padding:16px 0}
.crumb a:hover{color:var(--link);text-decoration:underline}
.page-h1{font-size:24px;font-weight:700;margin:0}

.listing-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 14px;flex-wrap:wrap;
  border-bottom:1px solid var(--border);padding-bottom:12px}
.listing-top h1{font-size:22px;font-weight:700}
.listing-top .muted{font-size:13px}
.listing-actions{display:flex;align-items:center;gap:10px}
.sortsel{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px}
.sortsel select{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid #C3CCD9;
  border-radius:var(--r-btn);background:var(--surface);color:var(--text);cursor:pointer;outline:none}
#filterToggle{display:none}

.chips-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.chips-row .chip{cursor:pointer;text-decoration:none;align-items:center}
.chips-row .chip svg{width:12px;height:12px}
.chips-row .chip:hover{border-color:var(--sale);color:var(--sale)}
.chip-clear{background:var(--alt);color:var(--link);border-color:transparent;font-weight:500}

.listing-body{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;padding-bottom:40px}
.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:18px;position:sticky;top:64px}
.fgroup{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--border)}
.fgroup:last-of-type{border-bottom:0}
.fgroup h4{font-size:13px;font-weight:700;margin-bottom:10px}
.frow{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;cursor:pointer;color:var(--text)}
.frow input{accent-color:var(--link);width:15px;height:15px}
.price-range{display:flex;align-items:center;gap:8px}
.price-range input{width:100%;border:1px solid #C3CCD9;border-radius:var(--r-btn);
  padding:8px 10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;outline:none}
.price-range input:focus{border-color:var(--link)}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* seller storefront hero */
.seller-hero{display:flex;align-items:center;gap:16px;padding:22px 0 8px}
.seller-av{width:58px;height:58px;border-radius:12px;background:var(--topbar);color:#fff;display:grid;place-items:center;font-weight:700;font-size:24px}
.seller-hero h1{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seller-hero p{margin:4px 0 0}

.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 10px}
.pager-info{font-size:13px;color:var(--muted)}

.empty{text-align:center;padding:50px 20px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-card);max-width:520px}
.empty h3{font-size:20px;margin-bottom:8px}
.empty p{margin-bottom:16px}

@media (max-width:960px){
  .listing-body{grid-template-columns:1fr}
  #filterToggle{display:inline-flex}
  .filters{position:fixed;inset:0 auto 0 0;z-index:60;width:280px;max-width:84vw;border-radius:0;
    transform:translateX(-102%);transition:transform .2s;overflow:auto}
  .filters.open{transform:none;box-shadow:var(--shadow-md)}
  .grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){ .grid{grid-template-columns:repeat(2,1fr);gap:12px} }