/* === Shop page specific === */

.shop-hero{padding:80px 0 60px;background:var(--bg)}
.bread{font-size:0.75rem;letter-spacing:0.15em;color:var(--ink-soft);margin-bottom:36px;display:flex;gap:10px;align-items:center;text-transform:uppercase}
.bread a{color:var(--ink-soft);transition:color .2s}
.bread a:hover{color:var(--clay)}
.bread span:not(.kicker){opacity:0.4}

/* Toolbar */
.toolbar{padding:20px 0;background:var(--bg);border-block:1px solid var(--line);position:sticky;top:calc(var(--header-h) + 40px);z-index:50;backdrop-filter:blur(10px);background:rgba(250,247,241,0.95)}
.toolbar__inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.filter-pills{display:flex;gap:10px;flex-wrap:wrap}
.pill{
  font-family:var(--sans);font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:500;
  padding:10px 18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);
  cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px;
}
.pill span{font-size:0.62rem;color:var(--ink-soft);background:var(--bg-2);padding:2px 6px;border-radius:8px;letter-spacing:0}
.pill:hover{border-color:var(--clay);color:var(--clay)}
.pill.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pill.is-active span{background:rgba(255,255,255,0.15);color:var(--bg)}

.sort{display:flex;align-items:center;gap:12px}
.sort label{font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}
.sort select{
  font-family:var(--sans);font-size:0.85rem;color:var(--ink);
  background:transparent;border:none;border-bottom:1px solid var(--ink);
  padding:6px 24px 6px 4px;cursor:pointer;outline:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%231F1B17' d='M5 6L0 0h10z'/></svg>");
  background-repeat:no-repeat;background-position:right 4px center;
  -webkit-appearance:none;appearance:none;
}

/* Shop grid */
.shop-grid{padding-top:60px;padding-bottom:120px}
.product-grid--shop{grid-template-columns:repeat(4,1fr);gap:40px 32px}
.product-grid--shop .pcard{transition:opacity 0.3s}
.product-grid--shop .pcard:hover{opacity:0.95}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:80px}
.page{
  width:48px;height:48px;border:1px solid var(--line);background:var(--paper);
  font-family:var(--serif);font-size:1.05rem;color:var(--ink);
  display:grid;place-items:center;cursor:pointer;transition:all 0.2s;
}
.page:hover{border-color:var(--ink)}
.page.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}

@media(max-width:1023px){
  .product-grid--shop{grid-template-columns:1fr 1fr;gap:32px 20px}
  .toolbar__inner{flex-direction:column;align-items:flex-start}
  .toolbar{position:static}
  .filter-pills{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}
  .pill{flex-shrink:0}
}
@media(max-width:600px){
  .product-grid--shop{grid-template-columns:1fr;max-width:380px;margin:0 auto}
}