/* Catalogo: chip dei filtri attivi, intervallo prezzo, scheletri, "Carica altri". */
html body .chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 18px}
html body .chips[hidden],html body .more[hidden],html body .filter-hint[hidden]{display:none}
html body button.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px 6px 14px;border:0;border-radius:999px;background:var(--ap-surface-2);box-shadow:inset 0 0 0 1px var(--ap-hair);color:var(--ap-text);font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:box-shadow .15s var(--ap-ease),background-color .15s var(--ap-ease)}
html body button.chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body button.chip svg{flex:none;color:var(--ap-muted);transition:color .15s var(--ap-ease)}
html body button.chip:hover{background:var(--ap-surface);box-shadow:inset 0 0 0 1px var(--ap-orange)}
html body button.chip:hover svg,html body button.chip:focus-visible svg{color:var(--ap-orange)}
html body button.chip:focus-visible,html body button.chip-reset:focus-visible{outline:2px solid var(--ap-orange);outline-offset:2px}
html body button.chip-reset{min-height:44px;padding:6px 10px;border:0;background:transparent;box-shadow:none;color:var(--ap-orange);font-size:13px;font-weight:500;cursor:pointer}
html body button.chip-reset:hover{text-decoration:underline;text-underline-offset:3px}
html body .filters fieldset.range{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0;min-width:0}
html body .filters fieldset.range legend{padding:0;margin-bottom:2px;font-size:13px;font-weight:500;color:var(--ap-muted)}
html body .filters input[aria-invalid="true"]{box-shadow:inset 0 0 0 1px var(--ap-orange),0 0 0 3px rgba(251,146,60,.18)}
html body .filter-hint{margin:0;font-size:13px;line-height:1.4;color:var(--ap-orange)}
html body .grid{transition:opacity .16s var(--ap-ease)}
html body .grid[aria-busy="true"]{opacity:.55}
html body .skel{border-radius:12px;background:var(--ap-surface);box-shadow:0 0 0 1px var(--ap-hair);overflow:hidden}
html body .skel-art{height:210px;background:#1c1c1f}
html body .skel-body{display:grid;gap:10px;padding:18px 20px 22px}
html body .skel-body span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--ap-surface-2) 0%,#26262a 50%,var(--ap-surface-2) 100%);background-size:200% 100%;animation:skel-shine 1.3s linear infinite}
html body .skel-body span:nth-child(1){width:45%}
html body .skel-body span:nth-child(2){width:85%;height:16px}
html body .skel-body span:nth-child(3){width:30%;height:18px;margin-top:8px}
@keyframes skel-shine{from{background-position:100% 0}to{background-position:-100% 0}}
html body .more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}
html body .more button{min-width:180px;min-height:44px}
@media (prefers-reduced-motion:reduce){html body .skel-body span{animation:none}html body .grid,html body button.chip,html body button.chip svg{transition:none}}
@media (max-width:650px){html body .filters fieldset.range,html body .filters .span-2,html body .filters #reset,html body .filters .filter-hint{grid-column:1/-1}html body .skel-art{height:220px}html body button.chip span{max-width:200px}}