.records-home{display:flex;align-items:center;gap:24px;padding:22px;border:1px solid #8e62bc;border-radius:22px;background:linear-gradient(115deg,#1b1033,#0d1020);color:#fff;text-decoration:none;margin:28px 0}
.records-home img{width:150px;height:90px;object-fit:contain;background:#fff;border-radius:12px;flex-shrink:0}
.records-eyebrow{display:block;color:#ffda32;font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:8px}
.records-home h2,.records-intro h2{font-size:clamp(23px,3vw,32px);line-height:1.2;margin:0 0 10px}
.records-home p{margin:0 0 14px;color:#d0ccd9}.records-home-cta{display:inline-block;color:#ffda32;font-weight:800}
.records-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#23103a,#10121d);padding:28px;border:1px solid #705099;border-radius:20px}
.records-intro p{margin:12px 0 0;line-height:1.6}.records-intro img{width:220px;height:132px;background:#fff;object-fit:contain;border-radius:12px;flex-shrink:0}
.records-disclosure{color:#cbc5d5;font-size:14px}.records-disclosure strong{color:#ffda32}
.records-note{color:#c3bdcf;font-size:14px;line-height:1.6;margin:22px 0}
.records-filters{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:16px;align-items:end;padding:20px;border-radius:16px;background:#10101d}
.records-filters label{display:grid;gap:9px;font-size:14px;color:#eee;min-width:0}
.records-filters select{font:inherit;background:#211b32;color:#fff;border:1px solid #725886;border-radius:9px;min-height:46px;padding:10px;width:100%;box-sizing:border-box}
.records-filters button,.record-buy{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 18px;border-radius:10px;font:inherit;font-weight:800;background:#ffda32;color:#171125;border:0;cursor:pointer;text-decoration:none;box-sizing:border-box}
.records-count{font-size:14px;color:#ccc;margin:20px 0}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.record-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;background:linear-gradient(150deg,#21172f,#121522);border:1px solid #554361;border-radius:18px;min-width:0;overflow:hidden}
.record-card:before{content:"";width:48px;height:5px;border-radius:4px;background:linear-gradient(90deg,#ffda32 60%,#ff008c 60%)}
.record-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#0b0d15;border-radius:8px}
.record-artist{color:#ffda32;font-size:14px;letter-spacing:.03em;margin:0;font-weight:700}
.record-card h3{font-size:23px;line-height:1.3;overflow-wrap:break-word;word-break:normal;margin:0;color:#fff}
.record-edition{margin:0;color:#c3bdcc;font-size:14px;line-height:1.5;min-height:21px}
.record-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}.record-tags span{background:#332443;border:1px solid #63516f;color:#eee;padding:5px 8px;border-radius:6px;font-size:12px;line-height:1.25}
.record-buy{margin-top:auto}.record-buy:hover{background:#ffe975}.record-buy:focus-visible,.records-home:focus-visible,.records-filters :focus-visible{outline:3px solid #ff008c;outline-offset:4px}
.records-empty{padding:30px;border:1px solid #69527d;border-radius:16px;text-align:center}
.records-affiliate-notice{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 12px;border:1px solid #49365c;border-radius:10px;background:rgba(20,15,29,.55)}
.records-affiliate-notice img{display:block;flex:none;width:62px;height:44px;object-fit:contain;background:#fff;border-radius:6px}
.records-affiliate-notice p{margin:0;color:#c8c1d0;font-size:12px;line-height:1.5}
.records-affiliate-notice strong{color:#e5dbea;font-weight:600}
@media(max-width:900px){.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.records-filters{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.records-home{gap:16px;padding:18px}.records-home img{width:100px;height:70px}.records-home h2{font-size:21px}.records-intro{flex-direction:column;align-items:flex-start;padding:20px;gap:20px}.records-intro img{width:180px;height:108px}.records-filters{gap:14px;padding:16px;grid-template-columns:1fr}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-card{padding:12px;gap:8px;border-radius:13px}.record-card h3{font-size:1rem;line-height:1.3;min-height:3.9em}.record-artist{font-size:.875rem;line-height:1.35;min-height:2.7em;letter-spacing:0}.record-edition{font-size:.875rem;line-height:1.4}.record-tags{gap:4px}.record-tags span{font-size:.75rem;padding:4px 6px}.record-buy{font-size:.875rem;min-height:44px;padding:8px 6px;border-radius:8px}}
/* Keep all filters in one compact row, including on small phones. */
.records-filters{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr) 44px;gap:10px;padding:12px;align-items:end}
.records-filters label{gap:6px;white-space:nowrap}
.records-filters button{width:44px;height:44px;min-height:44px;padding:0;font-size:24px}
.records-count{margin:10px 0;font-size:12px}
@media(max-width:540px){.records-filters{gap:6px;padding:8px}.records-filters label{font-size:10px}.records-filters select{font-size:11px;min-height:44px;padding:6px 3px;border-radius:6px}.records-affiliate-notice{gap:9px;padding:9px;margin-bottom:12px}.records-affiliate-notice img{width:48px;height:34px}.records-affiliate-notice p{font-size:11px;line-height:1.4}}