/* Music categories: flat track rows, no separators or card treatments. */
.mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list :is(.mzk-tl-row,.mzk-catalog-track){
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list :is(.mzk-tl-row,.mzk-catalog-track):is(:hover,:focus-within,.is-current,.is-playing){
  border:0;
  background:transparent;
  box-shadow:none;
}

.mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle{
  display:inline-flex;
  width:auto;
  height:44px;
  flex:0 0 auto;
  align-items:center;
  gap:4px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__label{
  margin-right:8px;
  color:#8799ac;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
  white-space:nowrap;
}

.mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn{
  display:grid;
  width:36px;
  min-width:36px;
  height:42px;
  flex:0 0 36px;
  place-items:center;
  padding:0 0 2px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#aab8c7;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease;
}

.mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn:hover:not(.is-active){
  border-bottom-color:rgba(255,162,0,.45);
  background:transparent;
  color:#fff;
}

.mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn.is-active,
html[data-mzk-catalog-view=rows] .mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn[data-view=rows],
html[data-mzk-catalog-view=grid] .mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn[data-view=grid]{
  border-bottom-color:#ffa200;
  background:transparent;
  color:#ffb529;
  box-shadow:none;
}

.mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn:focus-visible{
  outline:2px solid #ffd17a;
  outline-offset:-2px;
  z-index:1;
}

@media (min-width:768px){
  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list[data-view=list],
  html[data-mzk-catalog-view=list] .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list:not([data-view]){
    gap:4px!important;
  }

  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list[data-view=list] :is(.mzk-tl-row,.mzk-catalog-track){
    padding:10px 0;
  }
}

@media (min-width:1024px){
  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list[data-view=list]{
    grid-template-columns:minmax(0,1fr);
  }

  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list[data-view=rows],
  html[data-mzk-catalog-view=rows] .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list:not([data-view]){
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px!important;
  }

  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list[data-view=grid],
  html[data-mzk-catalog-view=grid] .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list:not([data-view]){
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px!important;
  }

  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list:is([data-view=rows],[data-view=grid]) :is(.mzk-tl-row,.mzk-catalog-track){
    min-height:84px;
    padding:7px 0;
  }
}

@media (max-width:1023px){
  .mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle{display:none;}
  .mzk-catalog-dark-page .mzk-catalog:is(.mzk-catalog--category,.mzk-catalog--novynky) .mzk-catalog-list{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .mzk-catalog-dark-page .mzk-catalog .mzk-view-toggle__btn{transition:none;}
}
