/* One shared row grid keeps covers, metadata and actions aligned. */
[data-shop-view]{--shop-row-columns:64px 168px minmax(160px,1fr) 88px 272px;--shop-row-gap:20px}
[data-shop-view] .collection-toolbar{position:relative;padding-right:108px}
.shop-view-switch{display:flex;gap:4px;position:absolute;right:0;top:0;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.shop-view-switch[hidden]{display:none}
.shop-view-switch button{display:grid;place-items:center;width:42px;height:42px;padding:9px;color:var(--muted);background:transparent;border:0;border-radius:3px}
.shop-view-switch button[aria-pressed="true"]{background:var(--wine);color:var(--surface)}
.shop-view-switch button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.shop-view-switch svg{width:22px;height:22px}
.card-preview-slot{display:contents}
[data-shop-view="list"] .collection-toolbar{margin-bottom:0}
[data-shop-view="list"] .shop-list-heading{display:grid;grid-template-columns:var(--shop-row-columns);gap:var(--shop-row-gap);align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px;color:#655e56}
.shop-list-heading button{display:flex;align-items:center;gap:8px;justify-self:start;min-height:44px;padding:0;background:none;border:0;color:inherit;font-size:inherit;font-weight:500}
.shop-list-heading button span{opacity:.7;font-size:10px}
.shop-list-heading button[aria-pressed="true"]{color:var(--wine)}
.shop-list-heading button[aria-pressed="true"] span{opacity:1}
.shop-list-heading button:hover{text-decoration:underline;text-underline-offset:4px}
.shop-list-heading>:nth-child(4){text-align:center}
.shop-list-heading>:last-child{text-align:right}
[data-shop-view="list"] .recording-grid{display:block;margin-top:0}
[data-shop-view="list"] .recording-card{display:grid;grid-template-columns:var(--shop-row-columns);gap:var(--shop-row-gap);align-items:center;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
[data-shop-view="list"] .recording-card[hidden]{display:none}
[data-shop-view="list"] .card-art{display:contents}
[data-shop-view="list"] .cover-link{grid-column:1;grid-row:1}
[data-shop-view="list"] .cover-frame{padding:0;background:transparent;aspect-ratio:1;border:0}
[data-shop-view="list"] .cover-frame img{width:64px;height:64px;object-fit:contain}
[data-shop-view="list"] .card-meta{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;font-size:14px;line-height:1.45;color:#655e56;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
[data-shop-view="list"] .card-meta>span:last-child{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#655e56}
[data-shop-view="list"] .recording-card h3{grid-column:3;grid-row:1;margin:0;font-size:22px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;hyphens:none}
[data-shop-view="list"] .card-preview-slot{grid-column:4;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;min-width:0}
[data-shop-view="list"] .card-preview-empty{display:block;grid-column:4;grid-row:1;text-align:center;color:#77716a;font-size:16px}
[data-shop-view="list"] .card-preview-button.play-control{--play-control-size:44px;--play-control-icon:18px;min-width:44px;min-height:44px;position:relative;inset:auto;transform:none;width:44px;height:44px;opacity:1;pointer-events:auto;border:1px solid #9c8588;background:transparent;color:var(--wine);box-shadow:none}
[data-shop-view="list"] .recording-card:hover .card-preview-button,[data-shop-view="list"] .recording-card:has(:focus-visible) .card-preview-button,[data-shop-view="list"] .card-preview-button[data-audio-active=true]{transform:none;opacity:1}
[data-shop-view="list"] .card-preview-button:hover,[data-shop-view="list"] .card-preview-button[data-audio-playing=true]{background:var(--wine);color:var(--surface);border-color:var(--wine)}
[data-shop-view="list"] .card-preview-button:focus-visible,[data-shop-view="list"] .shop-list-heading button:focus-visible,[data-shop-view="list"] .edition-button:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
[data-shop-view="list"] .audio-preview-error{left:auto;right:0;width:240px;max-width:calc(100vw - 32px);line-height:1.4}
[data-shop-view="list"] .card-purchase{grid-column:5;grid-row:1;margin:0;min-width:0;width:100%}
[data-shop-view="list"] .card-purchase .edition-buttons,[data-shop-view="list"] .card-purchase .edition-buttons:has(>.edition-button:only-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
[data-shop-view="list"] .card-purchase .edition-button:only-child{grid-column:2}
[data-shop-view="list"] .card-purchase button.edition-button{padding:7px 10px;gap:2px;opacity:1;min-height:44px;line-height:1.4}
[data-shop-view="list"] .card-purchase .edition-name,[data-shop-view="list"] .card-purchase .edition-price{font-size:12px}
[data-shop-view="list"] .card-purchase .edition-price{font-variant-numeric:tabular-nums}
[data-shop-view="list"] .card-purchase button[data-owned-stream]{opacity:1;color:#655e56;cursor:default;background:transparent}
@media(max-width:1100px){
 [data-shop-view]{--shop-row-columns:64px minmax(0,1fr) 72px 252px;--shop-row-gap:18px}
 [data-shop-view="list"] .shop-list-heading{display:none}
 [data-shop-view="list"] .recording-card{gap:4px var(--shop-row-gap)}
 [data-shop-view="list"] .cover-link{grid-column:1;grid-row:1/3}
 [data-shop-view="list"] .card-meta{grid-column:2;grid-row:1;flex-direction:row;flex-wrap:wrap;align-self:end;font-size:12px;gap:8px}
 [data-shop-view="list"] .card-meta>span:last-child{display:none}
 [data-shop-view="list"] .recording-card h3{grid-column:2;grid-row:2;align-self:start;font-size:21px}
 [data-shop-view="list"] .card-preview-slot,[data-shop-view="list"] .card-preview-empty{grid-column:3;grid-row:1/3}
 [data-shop-view="list"] .card-purchase{grid-column:4;grid-row:1/3}
}
@media(max-width:900px){
 [data-shop-view] .collection-toolbar{grid-template-columns:minmax(0,1fr);padding-right:0;gap:10px}
 [data-shop-view] .catalog-search{padding-right:108px}
 [data-shop-view] .collection-toolbar .filter-selects{width:100%;gap:8px}
 [data-shop-view] .collection-toolbar .filter-selects select{width:100%;max-width:none;height:48px;padding:0 24px 0 9px;font-size:12px}
}
@media(max-width:760px){
 [data-shop-view] .collection-toolbar{padding-right:0}
 [data-shop-view] .catalog-search{padding-right:108px}
 [data-shop-view="list"] .recording-card{grid-template-columns:56px minmax(0,1fr) 56px;gap:5px 12px;padding:16px 0}
 [data-shop-view="list"] .cover-frame img{width:56px;height:56px}
 [data-shop-view="list"] .recording-card h3{font-size:20px}
 [data-shop-view="list"] .card-meta{font-size:12px;gap:4px}
 [data-shop-view="list"] .card-purchase{grid-column:1/-1;grid-row:3;margin-top:8px;max-width:272px;justify-self:end}
 [data-shop-view="list"] .card-preview-empty{display:none}
 [data-shop-view="list"] .recording-card:has(.card-preview-empty) h3,[data-shop-view="list"] .recording-card:has(.card-preview-empty) .card-meta{grid-column:2/-1}
}

/* Library rows only contain the cover, composer and recording title. */
[data-collection-kind="library"][data-shop-view]{--shop-row-columns:64px 210px minmax(0,1fr)}
[data-collection-kind="library"] .shop-list-heading>:last-child{text-align:left}
.collection-view-toolbar{min-height:48px;margin-bottom:24px}
@media(max-width:1100px){
 [data-collection-kind="library"][data-shop-view]{--shop-row-columns:64px minmax(0,1fr)}
}
@media(max-width:760px){
 [data-collection-kind="library"][data-shop-view="list"] .recording-card{grid-template-columns:56px minmax(0,1fr)}
}

[data-collection-kind="library"][data-shop-view="list"] .library-card-title{grid-column:3;grid-row:1}
[data-collection-kind="library"][data-shop-view="list"] .library-access-label{margin-top:4px}
@media(max-width:1100px){[data-collection-kind="library"][data-shop-view="list"] .library-card-title{grid-column:2;grid-row:2;align-self:start}}