/* Kompakter Phase-3-Player für Release-Karten im Katalog. */
.catalog-card .p3-card-player{
    margin:12px 0;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;
    padding:9px 10px;
    border:1px solid #dfe6ef;
    border-radius:11px;
    background:#f1f4f8;
}
.catalog-card .p3-card-player .p3-card-native-audio{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
}
.catalog-card .p3-card-player-ui{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 30px;
    align-items:center;
    gap:8px;
    min-height:38px;
}
.catalog-card .p3-card-player-toggle,
.catalog-card .p3-card-player-mute{
    display:grid;
    place-items:center;
    border:0;
    cursor:pointer;
    line-height:1;
}
.catalog-card .p3-card-player-toggle{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#1769ff;
    color:#fff;
    font-size:13px;
    box-shadow:0 6px 14px rgba(23,105,255,.22);
}
.catalog-card .p3-card-player-toggle:hover{background:#0c56dc}
.catalog-card .p3-card-player-mute{
    width:30px;
    height:30px;
    border-radius:9px;
    background:#fff;
    color:#101722;
    font-size:13px;
    box-shadow:inset 0 0 0 1px #dfe6ef;
}
.catalog-card .p3-card-player-main{min-width:0}
.catalog-card .p3-card-player-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    margin-bottom:4px;
}
.catalog-card .p3-card-player-row strong{
    color:#101722;
    font-size:11px;
    font-weight:800;
}
.catalog-card .p3-card-player-time{
    color:#667386;
    font-size:9px;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.catalog-card .p3-card-player-progress{
    display:block;
    width:100%;
    height:4px;
    margin:0;
    accent-color:#1769ff;
    cursor:pointer;
}
.catalog-card .p3-card-player > div:not(.p3-card-player-ui){
    margin-top:6px;
    color:#5f6b7b;
    font-size:10px;
    font-weight:650;
    line-height:1.25;
}
@media(max-width:620px){
    .catalog-card .p3-card-player{padding:8px 9px}
    .catalog-card .p3-card-player-ui{grid-template-columns:32px minmax(0,1fr);gap:8px}
    .catalog-card .p3-card-player-toggle{width:32px;height:32px}
    .catalog-card .p3-card-player-mute{display:none}
}