/* Metallic effects are confined to certification borders, records and gems. */
body[data-design=premium] .certification-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body[data-design=premium] .certification-card{--metal-a:#adb4ba;--metal-b:#f6fbff;--metal-c:#686f78;display:grid;grid-template-columns:84px minmax(0,1fr) 16px;gap:14px;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:18px 14px;border:1px solid transparent;border-radius:16px;background:linear-gradient(var(--af-surface,#151517),var(--af-surface,#151517)) padding-box,linear-gradient(120deg,var(--metal-c),var(--metal-b),var(--metal-a),var(--metal-c)) border-box;color:var(--af-text,#f6f6f6);text-decoration:none!important;transform:none;box-shadow:none}
body[data-design=premium] .cert-tier-gold{--metal-a:#c39742;--metal-b:#ffeab0;--metal-c:#705322}
body[data-design=premium] .cert-tier-diamond{--metal-a:#94c3d1;--metal-b:#f1ffff;--metal-c:#426774}
body[data-design=premium] .certification-card:focus-visible{outline:3px solid var(--af-accent,#d9f24a);outline-offset:4px}
body[data-design=premium] .certification-card:hover{transform:none;box-shadow:0 5px 20px #0002}
body[data-design=premium] .cert-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
body[data-design=premium] .cert-copy strong{font-size:16px;line-height:1.4;color:var(--af-text);white-space:normal;overflow-wrap:anywhere}
body[data-design=premium] .cert-copy .cert-level{display:block;background:none;border:0;padding:0;font-size:10px;letter-spacing:.14em;line-height:1.5;color:var(--metal-b);white-space:normal}
body[data-design=premium] .cert-market,.cert-artist{font-size:11px;line-height:1.5;color:var(--af-muted)}
body[data-design=premium] .cert-date{display:block;font-size:10px;line-height:1.6;white-space:nowrap;color:var(--af-muted)}
body[data-design=premium] .cert-art{display:block;position:relative;width:84px;height:70px;align-self:center}
.cert-vinyl{position:absolute;left:calc(var(--disc-index)*8px);top:8px;width:48px;height:48px;border-radius:50%;border:1px solid var(--metal-b);background:repeating-radial-gradient(circle,transparent 0 3px,#0002 3px 4px),conic-gradient(from 35deg,var(--metal-c),var(--metal-b),var(--metal-a),var(--metal-c),var(--metal-b),var(--metal-c));box-shadow:1px 3px 6px #0005;display:grid;place-items:center;z-index:calc(5 - var(--disc-index))}
.cert-vinyl-label{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid var(--metal-c);background:var(--af-surface,#151517);color:var(--metal-b);font-size:9px;font-weight:700}
.cert-extra{position:absolute;right:0;bottom:0;background:var(--af-surface);border:1px solid var(--metal-a);padding:2px 5px;border-radius:8px;font-size:10px;color:var(--af-text);z-index:8}
.cert-gem{position:absolute;left:6px;top:0;filter:drop-shadow(0 0 5px #aee5ef25)}
.cert-sparkle{position:absolute;right:3px;top:0;font-size:15px;color:#eaffff;opacity:.35}
.cert-source-arrow{color:var(--af-muted);font-size:16px}
.certification-card::after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff3 49%,transparent 58%);transform:translateX(-110%);pointer-events:none;opacity:0;z-index:9}
.cert-shine::after{animation:cert-shine-sweep .85s ease-out 1}
.cert-shine .cert-sparkle{animation:cert-diamond-sparkle .85s ease-out 1}
@keyframes cert-shine-sweep{0%{transform:translateX(-110%);opacity:0}20%{opacity:.7}100%{transform:translateX(110%);opacity:0}}
@keyframes cert-diamond-sparkle{0%,100%{opacity:.35;transform:scale(1)}45%{opacity:.75;transform:scale(1.15)}}
@media(min-width:900px){body[data-design=premium] .certification-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){body[data-design=premium] .certification-card{grid-template-columns:72px minmax(0,1fr) 10px;padding:14px 10px;gap:9px}body[data-design=premium] .cert-art{width:72px}.cert-vinyl{width:40px;height:40px;left:calc(var(--disc-index)*7px);top:12px}.cert-gem{width:56px;height:56px}body[data-design=premium] .cert-copy strong{font-size:14px}body[data-design=premium] .cert-date{font-size:9px}}
@media(prefers-reduced-motion:reduce){.certification-card::after,.cert-shine .cert-sparkle{animation:none!important}.certification-card{transition:none!important}.cert-sparkle{opacity:.35}}
html[data-theme=light] .cert-copy .cert-level{color:var(--metal-c)!important}
/* Override the earlier compact/glass plaque rules in the retained theme. */
body[data-design=premium] .certification-card{grid-template-columns:84px minmax(0,1fr) 16px!important;gap:14px!important;border:1px solid transparent!important;background:linear-gradient(var(--af-surface,#151517),var(--af-surface,#151517)) padding-box,linear-gradient(120deg,var(--metal-c),var(--metal-b),var(--metal-a),var(--metal-c)) border-box!important}
body[data-design=premium] .cert-copy .cert-level{font-size:10px!important;padding:0!important;letter-spacing:.14em!important}
body[data-design=premium] .cert-copy strong{font-size:16px!important}
@media(max-width:390px){body[data-design=premium] .certification-card{grid-template-columns:72px minmax(0,1fr) 10px!important;gap:9px!important;padding:14px 10px!important}body[data-design=premium] .cert-copy strong{font-size:14px!important}}