/* Start:/local/templates/festonika/components/bitrix/news.detail/material_stub/style.css?17914083364025*/
/* Материал ленты «Истории и новости». Плашка рубрики и дата — как на карточке ленты прототипа
   (app.js, «Истории и новости»: 11px, uppercase, .08em; дата 13px muted). Текст — .content-text каркаса.
   Точка перелома mobile — max-width: 899.98px (контракт §2). */

.material__back{
    margin:0 0 14px;
    font-size:14px;
}
.material__back a{color:var(--text-muted);text-decoration:none}
.material__back a:hover{color:var(--blue)}

.material__top{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin:0 0 14px;
}
/* цвета рубрики приходят из полей раздела (style); здесь — запасные, если поля пусты */
.material__tag{
    display:inline-flex;
    background:#F4F0E7;
    color:var(--ink);
    border-radius:999px;
    padding:5px 11px;
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.material__date{font-size:13px;color:var(--muted)}

.material__title{max-width:24ch;text-wrap:balance}
/* у отзыва заголовок — «Отзыв о фестивале …», а сама цитата (часто длинная) — под ним шрифтом поменьше заголовка страницы */
.material__quote{margin:6px 0 0}
/* ширина в ch — по шрифту самой цитаты (у blockquote шрифт текста, его ch уже — колонка выходила в два слова) */
.material__quote p{
    max-width:36ch;
    margin:0;
    font-family:var(--font-display);
    font-size:var(--fs-h3);
    font-weight:600;
    line-height:1.2;
    text-wrap:pretty;
}

.material__author{
    display:flex;
    align-items:center;
    gap:12px;
    margin:14px 0 0;
    font-size:15px;
    color:var(--text-muted);
    max-width:72ch;
}
.material__avatar{
    flex:0 0 auto;
    width:56px;
    height:56px;
    border-radius:50%;
    object-fit:cover;
}

.material__cover{
    margin:0 0 30px;
    max-width:860px;
}
.material__cover-img{
    display:block;
    width:100%;
    height:auto;
    border-radius:26px;
}
.material__caption{
    margin-top:10px;
    font-size:13px;
    color:var(--muted);
}

/* Ряд кнопок «Смотреть видео» и «Открыть альбом». Общий .page-actions описан в css/pages.css, а эта страница его
   не подключает — раскладка своя, те же значения */
.material__links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}

.material__section{margin-top:44px}
.material__h2{
    font-family:var(--font-display);
    font-weight:700;
    font-size:var(--fs-h3);
    line-height:1.06;
    letter-spacing:-.02em;
    margin:0 0 16px;
}

.material__photos{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:12px;
}
.material__photo{display:block;border-radius:18px;overflow:hidden}
.material__photo-img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
    transition:transform .7s var(--ease);
}
.material__photo:hover .material__photo-img{transform:scale(1.04)}

.material__fests{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
}
.material__fests a{font-weight:600}
.material__fest-meta{
    display:block;
    font-size:14px;
    color:var(--text-muted);
}

.material__more{margin:40px 0 0}

@media (max-width:899.98px){
    .material__photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .material__photo{border-radius:14px}
    .material__cover-img{border-radius:20px}
    .material__section{margin-top:36px}
}

@media (prefers-reduced-motion:reduce){
    .material__photo-img{transition:none}
    .material__photo:hover .material__photo-img{transform:none}
}

/* End */
/* /local/templates/festonika/components/bitrix/news.detail/material_stub/style.css?17914083364025 */