.catalogue-shortcuts{margin:0 0 22px;color:#1d1d1f}.shortcut-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.shortcut-heading h2{font-size:18px;letter-spacing:-.3px;margin:0}.shortcut-heading>span{font-size:12px;color:#6e6e73}.shortcut-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.shortcut-tile{border:1px solid #e4e4e8;background:#f5f5f7;border-radius:16px;padding:12px 8px;display:flex;align-items:center;flex-direction:column;gap:5px;color:inherit;text-decoration:none;min-width:0;transition:border-color .15s,background .15s}.shortcut-tile img{width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply}.shortcut-symbol{height:76px;display:grid;place-items:center;font-size:40px;color:#0071e3}.shortcut-label{font-size:13px;font-weight:600;line-height:1.3;text-align:center;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shortcut-tile small{font-size:11px;color:#6e6e73}.shortcut-tile:hover{background:#edf4fc;border-color:#0071e3}.shortcut-tile.is-selected{border-color:#0071e3;box-shadow:0 0 0 1px #0071e3;background:#edf5ff}.shortcut-intents{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.shortcut-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;border:1px solid #dedee5;border-radius:999px;padding:8px 16px;text-decoration:none;color:#1d1d1f;background:#fff;font-size:13px;font-weight:600}.shortcut-chip:hover,.shortcut-chip.is-selected{color:#0066cc;border-color:#0071e3;background:#eef6ff}.shortcut-colours{display:flex;gap:14px;align-items:center;padding:4px 0}.shortcut-colours>span{font-size:13px;font-weight:600}.shortcut-colours>div{display:flex;flex-wrap:wrap;gap:5px}.shortcut-colour{width:32px;height:32px;padding:5px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;text-decoration:none}.shortcut-colour span{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:1px solid #0002;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;font-size:13px}.shortcut-colour:hover,.shortcut-colour.is-selected{border-color:#0071e3}.catalogue-shortcuts a:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
@media(max-width:1000px){.shortcut-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.catalogue-shortcuts{margin-bottom:14px}.shortcut-heading h2{font-size:16px}.shortcut-heading>span{display:none}.shortcut-tiles{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;padding:2px 2px 10px;scrollbar-width:thin}.shortcut-tile{flex:0 0 112px;scroll-snap-align:start;padding:10px 6px;border-radius:14px}.shortcut-tile img,.shortcut-symbol{height:60px;width:60px}.shortcut-label{font-size:12px;min-height:32px}.shortcut-intents{gap:6px;margin:10px 0}.shortcut-chip{font-size:12px;padding:8px 12px;min-height:38px}.shortcut-colours{align-items:flex-start;gap:8px}.shortcut-colours>span{padding-top:9px;font-size:12px}.shortcut-colour{width:34px;height:34px}.catalogue-list{min-width:0}}

.catalogue-sort .catalogue-filter-toggle{float:none;margin:0 auto 0 0}.catalogue-shortcuts{clear:both}

.shortcut-tile[hidden]{display:none}