/* Start:/bitrix/templates/msboy/components/bitrix/news.list/blog/style.css?17914234583889*/
/* ============================================================
   МАСЛОБОЙ · news.list → шаблон «blog»
   Все классы с префиксом msboy_blog-
   ============================================================ */

.msboy_blog                        { }

/* ===== панель «Все публикации (N)» ===== */
.msboy_blog-toolbar                {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    border: 1px solid #E6E6E6; background: #fff;
    padding: 18px 22px;
    margin: 0 0 26px;
}
.msboy_blog-toolbar__line          { width: 22px; height: 2px; background: #E16D0A; flex: 0 0 auto; }
.msboy_blog-toolbar__title         {
    font-family: 'Oswald', sans-serif; font-weight: 700;
    font-size: 14px; letter-spacing: .06em; color: #151515;
    text-transform: uppercase;
}
.msboy_blog-toolbar__count         { font-size: 12.5px; color: #9A9A9A; }


/* ===== сетка карточек ===== */
.msboy_blog-grid                   {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}


/* ===== карточка статьи ===== */
.msboy_blog-card                   {
    display: flex; flex-direction: column;
    background: #fff; border: 1px solid #E6E6E6;
    overflow: hidden;
    text-decoration: none; color: inherit;
    transition: border-color .22s ease, box-shadow .22s ease;
}
.msboy_blog-card:hover             { border-color: #C9C9C9; box-shadow: 0 16px 36px rgba(21,21,21,.09); }

.msboy_blog-card__media            {
    position: relative; height: 196px; overflow: hidden;
    background: #F3F3F3;
}
.msboy_blog-card__media img        {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .4s ease;
}
.msboy_blog-card:hover .msboy_blog-card__media img { transform: scale(1.05); }

.msboy_blog-card__body             {
    padding: 20px 20px 22px;
    display: flex; flex-direction: column; flex: 1;
}
.msboy_blog-card__date             {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 12px; color: #A0A0A0;
    margin-bottom: 12px;
}
.msboy_blog-card__date svg         { flex: 0 0 auto; color: #C9C9C9; }

.msboy_blog-card__title            {
    font-family: 'Oswald', sans-serif; font-weight: 700;
    font-size: 17.5px; line-height: 1.2; letter-spacing: -.01em;
    color: #151515; margin: 0 0 12px; min-height: 42px;
    text-transform: uppercase;
}
.msboy_blog-card__excerpt          {
    font-size: 13.5px; line-height: 1.65; color: #6C6C6C;
    margin: 0 0 20px; flex: 1;
    text-wrap: pretty;
}
.msboy_blog-card__more             {
    display: inline-flex; align-items: center; gap: 9px;
    font-family: 'Oswald', sans-serif; font-weight: 700;
    font-size: 12px; letter-spacing: .08em; color: #C55D08;
    text-transform: uppercase;
    padding-top: 16px; border-top: 1px solid #F2F2F2;
}


/* ===== пагинация ===== */
.msboy_blog-pager                  {
    margin-top: 36px;
    display: flex; align-items: center; justify-content: center;
    gap: 6px; flex-wrap: wrap;
    font-size: 14.5px;
}
.msboy_blog-pager .modern-page-navigation,
.msboy_blog-pager .bx-pagination   { margin: 0; }


/* ===== интро (на странице списка) ===== */
.msboy_blog-intro                  {
    font-size: 15.5px; line-height: 1.7; color: #7A7A7A;
    margin: -22px 0 24px; max-width: 760px;
    text-wrap: pretty;
}


/* ===== адаптив ===== */
@media (max-width: 1180px) {
    .msboy_blog-grid               { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .msboy_blog-grid               { grid-template-columns: 1fr; gap: 16px; }
    .msboy_blog-toolbar            { padding: 14px 16px; }
    .msboy_blog-card__media        { height: 180px; }
    .msboy_blog-card__title        { font-size: 16px; min-height: 0; }
}

/* End */
/* /bitrix/templates/msboy/components/bitrix/news.list/blog/style.css?17914234583889 */