/* Quiet shelves: real box photos, compact controls, and motion only on interaction. */
.shelf-search{display:flex;gap:12px;margin:20px 0}.shelf-search .search-wrap{flex:1;min-width:0}.shelf-search input{min-width:0;width:100%;font-size:1rem}.shelf-search>.button{white-space:nowrap}
.shelf-heading{display:flex;align-items:center;gap:16px;margin-bottom:12px}.shelf-heading>span{font-size:.875rem;color:var(--muted)}
.shelf-all,.shelf-choice,.shelf-segments button,.active-filter{font:inherit;font-size:.875rem;border:1px solid var(--line);background:white;color:var(--navy);border-radius:10px;padding:10px 14px;min-height:44px}
.shelf-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.shelf-tile{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:14px 8px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;min-height:112px;flex-direction:column}.shelf-tile strong{font-size:.875rem;font-weight:600}.shelf-photo{display:flex;width:68px;height:64px;align-items:center;justify-content:center;background:var(--shelf-color);border-radius:12px}.shelf-photo img{width:54px;height:58px;object-fit:contain;transition:transform 180ms ease-out}.shelf-check{position:absolute;top:7px;right:8px;font-size:.875rem;color:var(--navy);opacity:0}
.shelf-tile[aria-pressed=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#f6f9fe}.shelf-tile[aria-pressed=true] .shelf-check{opacity:1}.shelf-all[aria-pressed=true],.shelf-choice[aria-pressed=true],.shelf-segments button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.shelf-other{margin:10px 0 16px}.shelf-other summary{width:fit-content;padding:12px 0;font-size:.875rem;font-weight:600;color:var(--navy);cursor:pointer}.shelf-other-options{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 16px;max-height:280px;overflow:auto}
.shelf-segments{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shelf-segments>span{font-size:.875rem;color:var(--muted);margin-right:6px}.shelf-segments button{background:transparent;border-color:transparent}.shelf-sort{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.shelf-sort .text-button{white-space:nowrap;font-size:.875rem}.active-catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.active-filter{background:#edf2fa;border:0;text-align:left;overflow-wrap:anywhere}.active-filter span{margin-left:8px}.collection-section .catalog-count{font-size:.875rem}
#catalog-filter-dialog{width:min(480px,calc(100% - 24px));padding:28px;border:1px solid var(--line);border-radius:22px;max-height:90dvh;overflow:auto;background:#fffefa}#catalog-filter-dialog::backdrop{background:#18294070}.shelf-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.shelf-dialog-heading h2{font-size:1.6rem}.shelf-dialog-heading .close-button{position:static;flex-shrink:0}#catalog-filter-form>label{display:flex;flex-direction:column;gap:10px;margin:22px 0;font-size:1rem;font-weight:600}#catalog-filter-form select{width:100%;min-width:0;padding:13px;border:1px solid #c3ccda;background:white;border-radius:10px;font:inherit;font-weight:400}.shelf-dialog-actions{display:flex;gap:16px;justify-content:space-between;align-items:center;position:sticky;bottom:-28px;background:#fffefa;padding:18px 0}.shelf-dialog-actions .text-button{font-size:.875rem}
.shelf-tile:focus-visible,.shelf-choice:focus-visible,.shelf-all:focus-visible,.shelf-segments button:focus-visible,.active-filter:focus-visible,.shelf-other summary:focus-visible{outline:3px solid #426faa;outline-offset:3px}.shelf-tile:active{background:#edf2fa}
@media(hover:hover) and (pointer:fine){.shelf-tile:hover{border-color:#7298c7}.shelf-choice:not([aria-pressed=true]):hover,.shelf-segments button:not([aria-pressed=true]):hover,.shelf-all:not([aria-pressed=true]):hover,.active-filter:hover{background:#edf2fa}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.shelf-tile:hover img{transform:translateY(-3px) rotate(-2deg)}}
@media(max-width:700px){.shelf-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shelf-tile{min-height:105px;padding:10px 5px}.shelf-search{gap:8px}.shelf-search>.button{font-size:.875rem;padding:10px 12px}.shelf-search .search-wrap{padding:10px}.shelf-heading{gap:10px;justify-content:space-between}.shelf-heading>span{font-size:.875rem}.shelf-sort{align-items:flex-start;flex-direction:column}.shelf-segments{gap:4px}.shelf-sort .shelf-segments>span{width:100%;margin-bottom:5px}.shelf-segments button{padding:10px;font-size:.875rem}#catalog-filter-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:22px 22px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.shelf-dialog-actions{bottom:calc(-24px - env(safe-area-inset-bottom));padding-bottom:calc(18px + env(safe-area-inset-bottom))}.shelf-dialog-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){.shelf-photo img{transition:none}}