.breakdance .bde-code-block-10585-100{width:100%}.pp-quick-view{margin-bottom:var(--space-4);width:100%}.pp-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-5)}.pp-filter-chip{font-family:var(--font-heading);font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) solid var(--colour-border);background:var(--colour-bg-card);color:var(--colour-muted-safe);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);min-height:32px;display:inline-flex;align-items:center;gap:6px}.pp-filter-chip:hover{border-color:var(--colour-muted-safe);color:var(--colour-heading)}.pp-filter-chip[aria-pressed="true"]{background:var(--colour-teal);border-color:var(--colour-teal);color:var(--colour-bg-dark);font-weight:700}.pp-filter-chip:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:var(--focus-ring)}.pp-filter-count{font-size:0.56rem;font-weight:500;opacity:0.7}.pp-pedal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.pp-pgrid-card{background:var(--colour-bg-card);border:var(--border-thin) solid var(--colour-border);border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;color:inherit;display:block;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.pp-pgrid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pp-pgrid-card:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:var(--focus-ring)}.pp-pgrid-card[hidden]{display:none}.pp-pgrid-accent{height:3px}.pp-pgrid-img{aspect-ratio:1;background:#F8F7F4;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.pp-pgrid-img img{width:100%;height:100%;object-fit:contain}.pp-pgrid-img svg{width:32px;height:32px;color:var(--colour-muted);opacity:0.25}.pp-pgrid-info{padding:8px 10px 10px}.pp-pgrid-cat{font-family:var(--font-heading);font-size:0.56rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px}.pp-pgrid-name{font-family:var(--font-heading);font-size:0.78rem;font-weight:700;text-transform:uppercase;line-height:1.2;color:var(--colour-heading)}.pp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:767px){.pp-pedal-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}}@media (prefers-reduced-motion:reduce){.pp-pgrid-card,.pp-filter-chip{transition-duration:0.01ms!important}.pp-pgrid-card:hover{transform:none}}