.muzyka-page .catalog-content-section > .container,
.muzyka-page .catalog-player-container{
width:100%;
max-width:1200px;
padding-left:30px;
padding-right:30px;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
}
.muzyka-page .catalog-content-section{
padding:0 0 18px;
background:var(--cream);
margin-top:-16px;
}
.muzyka-page .catalog-content-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:8px;
}
.muzyka-page .catalog-content-heading .content-title{
margin:0;
color:#663366;
font-size:30px;
}
.muzyka-page .catalog-heading-wave{
color:#663366;
font-size:24px;
letter-spacing:5px;
white-space:nowrap;
}
.muzyka-page .catalog-intro{
width:100%;
max-width:1140px;
color:#333;
font-size:15px;
line-height:1.62;
}
.muzyka-page .catalog-intro p{margin:0 0 12px}
.muzyka-page .catalog-info-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:22px;
align-items:start;
width:100%;
max-width:1140px;
margin-top:12px;
}
.muzyka-page .catalog-info-left{min-width:0}
.muzyka-page .catalog-info-card{
padding:10px 14px;
border:1px solid #ddd;
border-radius:10px;
background:#ffffdf;
box-sizing:border-box;
}
.muzyka-page .catalog-info-part{padding:0}
.muzyka-page .catalog-info-part+.catalog-info-part{
margin-top:18px;
padding-top:18px;
border-top:1px solid #ddd;
}
.muzyka-page .catalog-info-title{
font-size:13px;
font-weight:700;
color:#663366;
margin-bottom:9px;
}
.muzyka-page .catalog-info-value{
font-size:15px;
line-height:1.55;
color:#333;
}
.muzyka-page .catalog-photo-placeholder{
width:320px;
height:320px;
border:1px solid #ddd;
border-radius:10px;
overflow:hidden;
background:#faf7fb;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
}
.muzyka-page .catalog-photo-placeholder.catalog-photo-vertical{
width:320px;
height:320px;
}
.muzyka-page .catalog-photo-placeholder.catalog-photo-horizontal{
width:320px;
height:320px;
}
.muzyka-page .catalog-photo-placeholder img{
display:block;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
object-fit:contain;
flex:0 0 auto;
}
.muzyka-page .catalog-choice{
width:100%;
max-width:1140px;
box-sizing:border-box;
margin-top:10px;
padding:10px 14px;
border-left:4px solid #663366;
background:#f8f3f8;
display:flex;
flex-direction:column;
gap:4px;
font-size:15px;
line-height:1.45;
}
.muzyka-page .catalog-choice strong{color:#663366}
.muzyka-page .catalog-player-heading{margin-bottom:-12px!important}
.muzyka-page .music-player{
width:100%;
max-width:1140px;
margin-left:auto;
margin-right:auto;
}
@media(max-width:700px){
.muzyka-page .catalog-content-section > .container,
.muzyka-page .catalog-player-container{
padding-left:0;
padding-right:0;
}
.muzyka-page .catalog-info-grid{
grid-template-columns:1fr;
}
.muzyka-page .catalog-content-section{padding-top:10px}
.muzyka-page .catalog-intro{font-size:16px}
.muzyka-page .catalog-heading-wave{display:none}
.muzyka-page .catalog-photo-placeholder.catalog-photo-vertical{
width:320px;
height:auto;
max-width:100%;
aspect-ratio:1/1;
}
.muzyka-page .catalog-photo-placeholder.catalog-photo-horizontal{
width:320px;
height:auto;
max-width:100%;
aspect-ratio:1/1;
}
.muzyka-page .music-player{
max-width:none;
}
}


/* === Компактная навигация каталога: только страницы каталога === */
.muzyka-page .catalog-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:7px 0 0;
}
.muzyka-page .catalog-category-button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:42px;
  box-sizing:border-box;
  padding:6px 8px;
  border:1px solid #d9bfd9;
  border-radius:8px;
  background:#fffdf0;
  color:#663366;
  text-decoration:none;
  line-height:1.12;
  font-size:13px;
  font-weight:700;
}
.muzyka-page .catalog-category-button:hover{
  border-color:#663366;
  background:#f8f1f8;
}
.muzyka-page .catalog-category-name{min-width:0}
.muzyka-page .catalog-category-duration{
  flex:0 0 auto;
  color:#444;
  font-size:11px;
  font-weight:400;
  white-space:nowrap;
}
.muzyka-page .catalog-subject-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin:8px 0 0;
}
.muzyka-page .catalog-subject-button{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  box-sizing:border-box;
  padding:6px 8px;
  border:1px solid #d9bfd9;
  border-radius:8px;
  background:#fffdf0;
  color:#663366;
  text-decoration:none;
  font-size:13px;
  line-height:1.15;
  font-weight:700;
}
.muzyka-page .catalog-subject-button:hover{
  border-color:#663366;
  background:#f8f1f8;
}
.muzyka-page .catalog-subject-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:block;
}
.muzyka-page .catalog-subject-icon svg{
  display:block;
  width:22px;
  height:22px;
  max-width:22px;
  max-height:22px;
}
/* Убираем лишнюю вертикаль только внутри информационного блока */
.muzyka-page .catalog-info-card{padding:8px 12px}
.muzyka-page .catalog-info-title{margin-bottom:6px}
.muzyka-page .catalog-info-part+.catalog-info-part{margin-top:12px;padding-top:12px}
.muzyka-page .catalog-choice{margin-top:8px;padding:8px 12px}
/* Плеер на страницах ХГ/предметов не должен сжиматься контейнером контента */
.muzyka-page .catalog-content-section > .container > .music-player,
.muzyka-page .catalog-content-section > .container > .catalog-player,
.muzyka-page .catalog-content-section > .container .catalog-player-container{
  width:100%;
  max-width:1140px;
  box-sizing:border-box;
}
@media(max-width:900px){
  .muzyka-page .catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .muzyka-page .catalog-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .muzyka-page .catalog-category-grid,
  .muzyka-page .catalog-subject-grid{grid-template-columns:1fr}
  .muzyka-page .catalog-category-button,
  .muzyka-page .catalog-subject-button{font-size:12px}
}