/* Раздел «Обучение». Классы намеренно совпадают по духу с .asutp-* из дочерней темы,
   чтобы вид совпадал с библиотекой и видео. Грузится только на страницах раздела. */

.asutp-learn__path { font-size: .9em; opacity: .75; margin-bottom: .5em; }
.asutp-learn__descr { max-width: 55em; opacity: .85; }

.asutp-learn__brands { margin: 1.2em 0 1.8em; }
.asutp-learn__brand .asutp-card__img img { max-height: 72px; width: auto; object-fit: contain; }
.asutp-learn__brand h3 { margin: 0 0 .3em; font-size: 1.05rem; }

.asutp-learn__filters { margin: .8em 0 1.4em; line-height: 2.2; }
.asutp-learn__flabel { font-weight: 600; margin-right: .3em; }
.asutp-learn__filters .asutp-btn { padding: .18em .7em; font-size: .85rem; }
.asutp-learn__filters .asutp-btn.is-active { background: var(--ast-global-color-0, #0a58ca); color: #fff; }

.asutp-learn__list { list-style: none; padding: 0; }
.asutp-learn__item { display: flex; gap: 1em; padding: .9em 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.asutp-learn__thumb { position: relative; flex: 0 0 200px; max-width: 200px; }
.asutp-learn__thumb img { width: 100%; height: auto; border-radius: 6px; display: block; }
.asutp-learn__dur {
	position: absolute; right: 6px; bottom: 6px; background: rgba(0,0,0,.78);
	color: #fff; font-size: .78rem; padding: 1px 6px; border-radius: 3px;
}
.asutp-learn__text h3 { margin: 0 0 .25em; font-size: 1.05rem; }
.asutp-learn__text p { margin: .35em 0 0; opacity: .85; }
.asutp-learn__icon { opacity: .6; }

.asutp-learn__player { margin: 0 0 1.2em; }
.asutp-learn__player iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.asutp-learn__docs { margin-top: 1.6em; }

@media (max-width: 600px) {
	.asutp-learn__item { flex-direction: column; gap: .5em; }
	.asutp-learn__thumb { flex-basis: auto; max-width: 100%; }
}