/* ================= LIST TOOLS (search / filter / pager) ================= */
.lvr-wrap{padding:calc(24*var(--u)) calc(56*var(--u)) calc(110*var(--u))}
.lvr-tools{display:flex;align-items:center;gap:calc(24*var(--u))}
.chips{display:flex;flex-wrap:wrap;gap:calc(12*var(--u))}
.chip{height:calc(50*var(--u));padding:0 calc(28*var(--u));border-radius:999px;border:1.5px solid #cfcdca;background:#fff;font:700 calc(15*var(--u)) var(--sans);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s,scale .2s}
.chip:hover{border-color:var(--pink);color:var(--pink)}
.chip.is-active{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(254,17,121,.28)}
.chip:active{scale:.95}
.lvr-search{margin-left:auto;display:flex;align-items:center;gap:calc(12*var(--u));width:calc(300*var(--u));height:calc(54*var(--u));padding:0 calc(22*var(--u));border:1.5px solid #cfcdca;border-radius:999px;background:#fff;color:var(--ink)}
.lvr-search svg{width:calc(20*var(--u));height:calc(20*var(--u));flex:none}
.lvr-search input{flex:1;border:none;outline:none;background:none;font:500 calc(15*var(--u)) var(--sans);color:var(--ink);min-width:0}
.lvr-search:focus-within{border-color:var(--pink)}
.lvr-empty{text-align:center;padding:calc(60*var(--u)) 0;color:#777;font-weight:500}
.pager{display:flex;justify-content:center;gap:calc(14*var(--u));margin-top:calc(56*var(--u))}
.pager button{width:calc(48*var(--u));height:calc(48*var(--u));border-radius:50%;border:1.5px solid #cfcdca;background:#fff;font:600 calc(15*var(--u)) var(--en);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.pager button:hover{border-color:var(--pink);color:var(--pink)}
.pager button.is-current{background:var(--pink);border-color:var(--pink);color:#fff}
.pager button:disabled{opacity:.35;cursor:default}
.pager svg{width:calc(14*var(--u));height:calc(14*var(--u))}
.pager .dots{display:grid;place-items:center;width:calc(30*var(--u));color:#666;font-weight:700;letter-spacing:.1em}
.pager button.nav{border:none;background:none}
@media (max-width: 820px){
  .lvr-wrap{padding:24px 16px 70px}
  .lvr-tools{flex-direction:column;align-items:stretch;gap:14px}
  .chips{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none}
  .chip{flex:none;height:40px;padding:0 18px;font-size:13px}
  .lvr-search{margin:0;width:auto;height:46px;padding:0 18px}.lvr-search svg{width:18px;height:18px}.lvr-search input{font-size:16px}
  .pager{gap:8px;margin-top:36px}.pager button{width:40px;height:40px;font-size:14px}.pager svg{width:12px;height:12px}
  .pager .dots{width:18px}
}