.fara-catalogue[data-fara-collection]{padding-top:36px}
.fara-catalogue[data-fara-collection] .fara-catalogue__header>.fara-eyebrow{margin-bottom:10px}
.fara-catalogue[data-fara-collection] .fara-catalogue__header h1{font-size:clamp(56px,5.5vw,88px);margin-bottom:20px}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools{gap:16px 28px;padding-block:10px;margin-bottom:0}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools nav{align-items:center;gap:28px;font-size:13px}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid transparent}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools nav a[aria-current=page]{border-color:var(--fara-accent)}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools nav a:hover{color:var(--fara-accent)}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools form{width:auto;margin-left:auto}
.fara-catalogue[data-fara-collection] .fara-catalogue__tools select,.fara-catalogue[data-fara-collection] .fara-catalogue__tools button{min-height:44px}
.fara-catalogue[data-fara-collection] .fara-genre-filter{margin:0}
.fara-catalogue[data-fara-collection] .fara-genre-filter summary{min-height:46px}
.fara-catalogue[data-fara-collection] .fara-catalogue__results{flex-wrap:wrap;padding-block:16px 22px;gap:12px 24px;min-height:76px}
.fara-catalogue[data-fara-collection]>.fara-record-grid{gap:48px 24px}
.fara-catalogue[data-fara-collection=albums]>.fara-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.fara-catalogue__result-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px 24px;margin-left:auto}
.fara-catalogue__view{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--fara-rule);background:var(--fara-surface);box-shadow:inset 0 1px 0 rgb(255 255 255 / 4%)}
.fara-catalogue__view[hidden]{display:none}
.fara-catalogue__view button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:0;background:transparent;color:var(--fara-muted);font:600 12px/1.2 Arial,Helvetica,sans-serif;cursor:pointer;transition:color .15s ease,background .15s ease}
.fara-catalogue__view button svg{width:14px;height:14px;flex:none}
.fara-catalogue__view button[aria-pressed=true]{background:var(--fara-accent);color:var(--fara-ink)}
.fara-catalogue__view button:hover{color:var(--fara-paper);background:var(--fara-surface)}
.fara-catalogue__view button[aria-pressed=true]:hover{color:var(--fara-ink);background:var(--fara-accent)}
.fara-catalogue__view button:focus-visible{outline:2px solid var(--fara-accent);outline-offset:3px;position:relative;z-index:1}
.fara-catalogue[data-fara-view=list] .fara-record-grid{display:block;border-top:1px solid var(--fara-rule)}
.fara-catalogue[data-fara-view=list] .fara-record{display:grid;grid-template-columns:104px minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"sleeve artist actions" "sleeve title actions" "sleeve genre actions";align-items:center;column-gap:24px;row-gap:6px;padding:20px 0;border-bottom:1px solid var(--fara-rule)}
.fara-catalogue[data-fara-view=list] .fara-preview-media{grid-area:sleeve;align-self:start;transform:none}
.fara-catalogue[data-fara-view=list] .fara-record__sleeve{width:104px;height:104px}
.fara-catalogue[data-fara-view=list] .fara-record__line{grid-area:artist;align-self:end;display:block;margin:0;font-size:11px;overflow-wrap:anywhere}
.fara-catalogue[data-fara-view=list] .fara-record__line>span:last-child{display:none}
.fara-catalogue[data-fara-view=list] .fara-record h3{grid-area:title;min-height:0;margin:0;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.fara-catalogue[data-fara-view=list] .fara-record__genre{grid-area:genre;align-self:start;margin:0;font-size:11px;overflow-wrap:anywhere}
.fara-catalogue[data-fara-view=list] .fara-record__actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;max-width:220px;margin:0;padding:0;border:0}
.fara-catalogue[data-fara-view=list] .fara-record__price{font-size:16px;white-space:nowrap}
.fara-catalogue[data-fara-view=list] .fara-record__experience{flex-basis:100%;text-align:right}
.fara-catalogue[data-fara-view=list] .fara-record__status{inset:auto 4px 4px;padding:3px;font-size:8px;max-width:96px}
.fara-catalogue[data-fara-view=list] .fara-record__placeholder{padding:8px;font-size:14px;overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:1100px){.fara-catalogue[data-fara-collection]>.fara-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}.fara-catalogue[data-fara-collection=albums]>.fara-record-grid{column-gap:32px}}
@media(max-width:700px){.fara-catalogue[data-fara-collection]{padding:26px 5vw 44px}.fara-catalogue[data-fara-collection] .fara-catalogue__header h1{font-size:58px;margin-bottom:14px}.fara-catalogue[data-fara-collection] .fara-catalogue__tools{row-gap:8px;padding-block:8px 12px}.fara-catalogue[data-fara-collection] .fara-catalogue__tools nav{width:100%;gap:24px}.fara-catalogue[data-fara-collection] .fara-catalogue__tools form{width:100%;margin-left:0}.fara-catalogue[data-fara-collection] .fara-catalogue__tools select{flex:1;max-width:none;min-width:0}.fara-catalogue[data-fara-collection] .fara-catalogue__results{min-height:74px;gap:10px;padding-block:14px 18px}.fara-catalogue[data-fara-collection]>.fara-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 16px}.fara-catalogue__view button{padding-inline:10px}}
@media(max-width:700px){.fara-catalogue[data-fara-view=list] .fara-record{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"sleeve artist" "sleeve title" "sleeve genre" "sleeve actions";column-gap:16px;row-gap:6px;padding-block:18px}.fara-catalogue[data-fara-view=list] .fara-record__line{font-size:9px}.fara-catalogue[data-fara-view=list] .fara-record h3{font-size:16px}.fara-catalogue[data-fara-view=list] .fara-record__genre{font-size:10px}.fara-catalogue[data-fara-view=list] .fara-record__actions{max-width:none;justify-content:space-between;gap:0 8px}.fara-catalogue[data-fara-view=list] .fara-record__price{font-size:13px}.fara-catalogue[data-fara-view=list] .fara-record__experience{text-align:left}.fara-catalogue__result-tools{gap:10px 16px}.fara-catalogue__view button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.fara-catalogue__view button{transition:none}}