.catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}
.catalogue-title h1{margin:0;white-space:nowrap}
.catalogue-categories{display:flex;gap:12px;margin-left:auto}
.catalogue-categories button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--background2);border-radius:6px;padding:11px 12px;font-size:11px;font-weight:600;white-space:nowrap}
.catalogue-categories button span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.catalogue-categories button:hover{border-color:var(--accent-line)}
.catalogue-categories button[aria-pressed=true]{border-color:var(--main);color:var(--main);background:var(--accent-soft)}
.catalogue-categories button[aria-pressed=true] span{color:var(--main)}
.catalogue-controls{padding:18px}
.catalogue-search-row{display:flex;gap:15px;align-items:center;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.catalogue-search{flex:1;min-width:0;max-width:none;min-height:48px;background:var(--surface-raised);border-color:var(--accent-line);padding:0 15px}
.catalogue-search>svg{width:17px;height:17px;color:var(--main);flex-shrink:0}
.catalogue-search:focus-within{border-color:var(--main)}
.catalogue-search input{width:100%;font-size:13px;padding:14px 0}
.catalogue-sort{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:11px;color:var(--muted)}
.catalogue-sort select,.catalogue-filter select{font-size:11px;min-width:0;max-width:100%;height:39px}
.catalogue-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.catalogue-filter{display:flex;flex-direction:column;gap:8px;min-width:0}
.catalogue-filter>span{font-size:10px;color:var(--muted)}
.catalogue-filter select{width:100%;text-overflow:ellipsis}
.catalogue-more{margin-top:16px}
.catalogue-more summary{cursor:pointer;font-size:11px;color:var(--muted);width:fit-content;padding:3px 0}
.catalogue-more summary:hover,.catalogue-more[open] summary{color:var(--main)}
.catalogue-more summary span{color:var(--main)}
.catalogue-more .catalogue-filters{margin-top:14px;grid-template-columns:1fr 2fr}
.catalogue-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 16px}
.catalogue-result-actions{display:flex;align-items:center;gap:18px;margin-left:auto;min-width:0}
.catalogue-result-heading p{margin:0;font-size:12px;color:var(--muted)}
.catalogue-result-heading strong{color:var(--white);font-weight:600}
.catalogue-result-heading p>span{margin-left:7px;font-size:10px}
.catalogue-result-heading .text-button{color:var(--main);white-space:nowrap}
.catalogue-result-heading .text-button:disabled{color:var(--muted)}
.catalogue-sort-note{font-size:10px;color:var(--muted);line-height:1.6;margin:-6px 0 16px}
.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}
.catalogue-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;text-align:left;border:1px solid var(--line);border-left:2px solid var(--rarity);border-radius:8px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--rarity) 16%,var(--background)),var(--background) 75%);padding:14px;transition:border-color .15s}
.catalogue-card:hover{border-color:var(--line-strong);border-left-color:var(--rarity)}
.catalogue-card-heading{height:15px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;position:relative;z-index:1}
.catalogue-card-rarity{font-size:9px;line-height:1.4;color:var(--rarity);max-width:40%}
.catalogue-card-price{display:flex;flex-direction:column;gap:3px;margin-left:auto;font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.catalogue-card-price>span{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}
.catalogue-card-price small{font-size:9px;font-weight:400;color:var(--muted)}
.catalogue-card-price.unavailable{font-size:9px;font-weight:400;color:var(--muted);white-space:normal;text-align:right}
.catalogue-card img{position:absolute;top:28px;left:-8px;width:calc(100% + 16px);height:158px;object-fit:contain;pointer-events:none;transition:transform .18s}
.catalogue-card:hover img{transform:scale(1.04)}
.catalogue-card-copy{display:flex;flex-direction:column;gap:3px;min-width:0;margin-top:auto;padding-top:136px;position:relative;z-index:1}
.catalogue-card-copy small{font-size:10px;color:var(--muted)}
.catalogue-card-copy strong{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.catalogue-card-copy>span{font-size:9px;line-height:1.4;color:var(--muted);margin-top:0}
#page-catalogue{padding-bottom:32px}
#page-catalogue .pagination:empty{display:none}
.catalogue-detail-options{text-align:left;margin:23px 0}
.catalogue-detail-options h3{font-size:11px;font-weight:500;color:var(--muted);margin:19px 0 9px}
.catalogue-detail-options p{display:flex;flex-wrap:wrap;gap:7px;margin:0;font-size:11px;line-height:1.5}
.catalogue-detail-options p span{border:1px solid var(--line);background:var(--background);border-radius:4px;padding:5px 8px}
.catalogue-detail-note{font-size:10px!important;color:var(--muted);line-height:1.7}
@media(min-width:1500px){.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){
  .catalogue-categories{gap:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0}
  .catalogue-categories button{justify-content:space-between;padding:12px 14px}
  .catalogue-controls{padding:14px}
  .catalogue-search-row{flex-wrap:wrap;gap:12px}
  .catalogue-search{flex-basis:100%}
  .catalogue-result-heading{align-items:flex-start}
  .catalogue-result-actions{width:100%;gap:12px}
  .catalogue-sort{flex:1;gap:8px;min-width:0}
  .catalogue-sort>span{white-space:nowrap}
  .catalogue-result-actions .text-button{font-size:10px;flex-shrink:0}
  .catalogue-sort select{width:0;flex:1;max-width:190px;padding-left:9px;padding-right:9px}
  .catalogue-filters,.catalogue-more .catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalogue-more .catalogue-filter:last-child{grid-column:1/-1}
  .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .catalogue-card{padding:11px}
  .catalogue-card img{top:27px;left:0;width:100%;height:126px}
  .catalogue-card-copy{padding-top:112px}
  .catalogue-card-price{font-size:11px}
  .catalogue-card-price small,.catalogue-card-rarity{font-size:8px}
  .catalogue-card-copy strong{font-size:12px}
  .catalogue-result-heading p>span{display:block;margin:4px 0 0}
}
@media(prefers-reduced-motion:reduce){.catalogue-card,.catalogue-card img{transition:none}.catalogue-card:hover img{transform:none}}