/* Alternate catalog layouts share the same records, links and filters. */
.resultsline:has(.catalog-view-controls){align-items:center;gap:12px;flex-wrap:wrap}
.catalog-view-controls{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #d7e1ef;border-radius:10px;background:#fff;margin-left:auto;flex-shrink:0}
.catalog-view-controls[hidden]{display:none!important}
.catalog-view-controls button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#536984;font:600 14px/1.2 'DM Sans',sans-serif;cursor:pointer}
.catalog-view-controls svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.catalog-view-controls button:hover{background:#f1f5fc;color:#18365f}
.catalog-view-controls button[aria-pressed=true]{background:#fff2bd;border-color:#e6c251;color:#172d54}
.catalog-view-controls button:focus-visible{outline:3px solid #2458a0;outline-offset:2px}

/* Compact tiles. */
html[data-catalog-view=compact] #catalog .grid,html[data-catalog-view=compact] .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html[data-catalog-view=compact] #catalog .photo{height:160px;padding:15px;border-bottom:1px solid #e4ebf6}
html[data-catalog-view=compact] #catalog .photo .product-photo-view{width:min(100%,calc(130px * var(--view-aspect)))}
html[data-catalog-view=compact] #catalog .card-body{padding:13px}
html[data-catalog-view=compact] #catalog .product-name{font-size:17px;line-height:1.3}
html[data-catalog-view=compact] #catalog .product-english-name{font-size:13px;line-height:1.4}
html[data-catalog-view=compact] #catalog .product-collection{font-size:12px;min-height:0}
html[data-catalog-view=compact] #catalog .product-meta{gap:5px;flex-wrap:wrap}
html[data-catalog-view=compact] #catalog .date{font-size:11px}
html[data-catalog-view=compact] #catalog .card-era-logo{width:60px;height:22px}
html[data-catalog-view=compact] #catalog .card-actions{padding-top:13px;gap:7px}
html[data-catalog-view=compact] #catalog .card-actions a{font-size:15px;padding:8px}
html[data-catalog-view=compact] #catalog .ebay-explore{gap:6px}
html[data-catalog-view=compact] #catalog .ebay-explore img{width:52px;height:24px}
html[data-catalog-view=compact] .collection-photo{height:155px;padding:12px}
html[data-catalog-view=compact] .collection-photo .product-photo-view{width:min(100%,calc(125px * var(--view-aspect)))}
html[data-catalog-view=compact] .collection-card-body{padding:13px}
html[data-catalog-view=compact] .collection-card h2{font-size:17px}

/* List rows keep images, complete names, prices and buying actions together. */
html[data-catalog-view=list] #catalog .grid,html[data-catalog-view=list] .collection-grid{grid-template-columns:minmax(0,1fr);gap:12px}
html[data-catalog-view=list] #catalog .card{display:grid;grid-template-columns:150px minmax(0,1fr);border-radius:12px;transform:none}
html[data-catalog-view=list] #catalog .photo{height:100%;min-height:180px;padding:18px;border-bottom:0;border-right:1px solid #edf1f6;align-self:stretch}
html[data-catalog-view=list] #catalog .photo>img{max-height:160px;object-fit:contain}
html[data-catalog-view=list] #catalog .photo .product-photo-view{width:min(100%,calc(144px * var(--view-aspect)))}
html[data-catalog-view=list] #catalog .card-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto auto auto;column-gap:24px;row-gap:8px;padding:18px;align-content:center}
html[data-catalog-view=list] #catalog .card.no-photo .card-body{grid-column:2;padding-top:18px}
html[data-catalog-view=list] #catalog .product-meta{grid-column:1;grid-row:1;justify-content:flex-start;gap:14px;flex-wrap:wrap}
html[data-catalog-view=list] #catalog .product-identity{grid-column:1;grid-row:2;min-width:0}
html[data-catalog-view=list] #catalog .product-name{font-size:21px;margin:0 0 6px}
html[data-catalog-view=list] #catalog .product-collection{min-height:0;margin:0;font-size:14px}
html[data-catalog-view=list] #catalog .card-bottom{grid-column:1;grid-row:3}
html[data-catalog-view=list] #catalog .price-meta{margin-top:4px}
html[data-catalog-view=list] #catalog .card-actions{grid-column:2;grid-row:1/4;align-self:center;padding:0;margin:0}
html[data-catalog-view=list] #catalog .card-actions a{font-size:16px}
html[data-catalog-view=list] .collection-card{display:grid;grid-template-columns:145px minmax(0,1fr)}
html[data-catalog-view=list] .collection-photo{height:100%;min-height:170px;padding:18px;border-bottom:0;border-right:1px solid #edf1f6}
html[data-catalog-view=list] .collection-photo>img{max-height:150px}
html[data-catalog-view=list] .collection-photo .product-photo-view{width:min(100%,calc(140px * var(--view-aspect)))}
html[data-catalog-view=list] .collection-card-body{padding:18px}
html[data-catalog-view=list] .collection-card .member-button{width:130px;align-self:flex-end;margin-top:4px}
.collection-resultsbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
.collection-resultsbar #collectionResults{margin:0}
.member-main~footer{flex-wrap:wrap}

@media(min-width:1600px){html[data-catalog-view=compact] #catalog .grid,html[data-catalog-view=compact] .collection-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1199px){html[data-catalog-view=compact] #catalog .grid,html[data-catalog-view=compact] .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){html[data-catalog-view=compact] #catalog .grid,html[data-catalog-view=compact] .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-catalog-view=list] #catalog .card-body{grid-template-columns:minmax(0,1fr) 155px;column-gap:16px}}
@media(max-width:640px){
 .catalog-view-controls button{font-size:13px;gap:5px;padding:9px 10px}
 html[data-catalog-view=compact] #catalog .grid,html[data-catalog-view=compact] .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html[data-catalog-view=compact] #catalog .photo{height:135px;padding:12px}
 html[data-catalog-view=compact] #catalog .photo .product-photo-view{width:min(100%,calc(110px * var(--view-aspect)))}
 html[data-catalog-view=compact] #catalog .card-body{padding:11px}
 html[data-catalog-view=compact] #catalog .product-name{font-size:16px}
 html[data-catalog-view=compact] #catalog .card-era-logo{width:48px;height:20px}
 html[data-catalog-view=compact] .collection-photo{height:135px}
 html[data-catalog-view=list] #catalog .card{grid-template-columns:88px minmax(0,1fr)}
 html[data-catalog-view=list] #catalog .photo{min-height:140px;padding:10px}
 html[data-catalog-view=list] #catalog .photo>img{max-height:125px}
 html[data-catalog-view=list] #catalog .photo .product-photo-view{width:min(100%,calc(120px * var(--view-aspect)))}
 html[data-catalog-view=list] #catalog .card-body{display:flex;padding:12px;gap:7px}
 html[data-catalog-view=list] #catalog .card.no-photo .card-body{padding-top:12px}
 html[data-catalog-view=list] #catalog .product-name{font-size:18px;line-height:1.3;margin:0 0 5px}
 html[data-catalog-view=list] #catalog .product-english-name{font-size:13px;margin:0 0 5px}
 html[data-catalog-view=list] #catalog .product-collection{font-size:13px}
 html[data-catalog-view=list] #catalog .product-meta{gap:6px}
 html[data-catalog-view=list] #catalog .date{font-size:11px}
 html[data-catalog-view=list] #catalog .card-era-logo{width:48px;height:22px}
 html[data-catalog-view=list] #catalog .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px;padding-top:4px;align-self:stretch}
 html[data-catalog-view=list] #catalog .card-actions .member-collect-icon{grid-column:1/-1;justify-self:end}
 html[data-catalog-view=list] #catalog .card-actions a{font-size:13px;padding:8px 5px}
 html[data-catalog-view=list] #catalog .ebay-explore{gap:4px}
 html[data-catalog-view=list] #catalog .ebay-explore img{width:36px;height:22px}
 html[data-catalog-view=list] .collection-card{grid-template-columns:88px minmax(0,1fr)}
 html[data-catalog-view=list] .collection-photo{padding:10px;min-height:140px}
 html[data-catalog-view=list] .collection-card-body{padding:12px}
 html[data-catalog-view=list] .collection-card .member-button{width:100%;margin-top:6px}
}