/* =====================================================
   AUTOGO — баннер первого экрана главной страницы
   ===================================================== */

#j-in-page-title-image.in-page-pic-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;

    padding: 35px 20px 20px !important;
    overflow: hidden !important;
}

/* Фоновое изображение */
#j-in-page-title-image .in-page-title-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 58% !important;
}

/* Затемнение фона */
#j-in-page-title-image .in-page-title-img-shadow {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0.52 !important;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.68) 0%,
        rgba(0, 0, 0, 0.32) 55%,
        rgba(0, 0, 0, 0.45) 100%
    ) !important;
}

/* Заголовок */
#j-in-page-title-image .in-page-title {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 1100px !important;
    margin: 12px auto 0 !important;

    color: #ffffff !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.7px !important;
    text-align: center !important;

    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.55),
        0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

/* Планшеты */
@media (max-width: 991px) {

    #j-in-page-title-image.in-page-pic-title {
        height: 230px !important;
        min-height: 230px !important;
        padding: 30px 20px 20px !important;
    }

    #j-in-page-title-image .in-page-title {
        font-size: 38px !important;
        letter-spacing: -0.4px !important;
    }

    #j-in-page-title-image .in-page-title-img {
        background-position: center center !important;
    }
}

/* Мобильные устройства */
@media (max-width: 600px) {

    #j-in-page-title-image.in-page-pic-title {
        height: 190px !important;
        min-height: 190px !important;
        padding: 25px 16px 15px !important;
    }

    #j-in-page-title-image .in-page-title {
        max-width: 340px !important;
        margin-top: 10px !important;
        font-size: 29px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    #j-in-page-title-image .in-page-title-img {
        background-position: 66% center !important;
    }

    #j-in-page-title-image .in-page-title-img-shadow {
        opacity: 0.58 !important;
    }
}
/* AUTOGO — исправление растягивания фонового изображения */

#j-in-page-title-image {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Фото и затемнение должны занимать весь баннер */
#j-in-page-title-image > .in-page-title-img,
#j-in-page-title-image > .in-page-title-img-shadow {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* Фоновая фотография */
#j-in-page-title-image > .in-page-title-img {
    z-index: 1 !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 58% !important;
}

/* Затемнение */
#j-in-page-title-image > .in-page-title-img-shadow {
    z-index: 2 !important;
}

/* Заголовок поверх фотографии */
#j-in-page-title-image > .in-page-title {
    position: relative !important;
    z-index: 3 !important;
}
/* AUTOGO — точное центрирование заголовка в баннере */

#j-in-page-title-image > .in-page-title {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: calc(100% - 40px) !important;
    max-width: 1200px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    text-align: center !important;
    z-index: 3 !important;
}
/* AUTOGO — мобильная версия баннера */

@media (max-width: 600px) {

    #j-in-page-title-image.in-page-pic-title {
        height: 150px !important;
        min-height: 150px !important;
        padding: 0 !important;
    }

    #j-in-page-title-image > .in-page-title {
        top: 50% !important;
        left: 50% !important;

        width: calc(100% - 30px) !important;
        max-width: 340px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 23px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        letter-spacing: -0.2px !important;

        text-align: center !important;
        transform: translate(-50%, -50%) !important;
    }

    #j-in-page-title-image > .in-page-title-img {
        background-position: 64% center !important;
    }

    #j-in-page-title-image > .in-page-title-img-shadow {
        opacity: 0.58 !important;
    }
}
/* =====================================================
   AUTOGO — изображения и фон основных категорий
   ===================================================== */

.in-cat-box-list-wrapper,
.in-cat-box,
.in-cat-item,
.in-cat-item > .img,
.in-cat-item .in-cat-item-img {
    background-color: #fefefe !important;
}

@media (min-width: 768px) {

    .in-cat-box .in-cat-item {
        display: flex !important;
        align-items: center !important;
        background-color: #fefefe !important;
    }

    .in-cat-box .in-cat-item > .img {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 125px !important;

        width: 125px !important;
        min-width: 125px !important;
        height: 105px !important;

        margin: 0 24px 0 0 !important;
        padding: 0 !important;

        background-color: #fefefe !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .in-cat-box .in-cat-item > .img img {
        display: block !important;

        width: 110px !important;
        height: 90px !important;

        min-width: 110px !important;
        max-width: 110px !important;
        min-height: 90px !important;
        max-height: 90px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center !important;

        background-color: #fefefe !important;

        transform: scale(1.22) !important;
        transform-origin: center center !important;
    }

    .in-cat-box .in-cat-item-r {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
}

@media (max-width: 767px) {

    .in-cat-box .in-cat-item {
        background-color: #fefefe !important;
    }

    .in-cat-box .in-cat-item > .img {
        display: none !important;
    }

    .in-cat-box .in-cat-item-title {
        display: flex !important;
        align-items: center !important;
    }

    .in-cat-box .in-cat-item .in-cat-item-img {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 80px !important;

        width: 80px !important;
        min-width: 80px !important;
        height: 70px !important;

        margin: 0 15px 0 0 !important;
        padding: 0 !important;

        background-color: #fefefe !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .in-cat-box .in-cat-item .in-cat-item-img img {
        display: block !important;

        width: 74px !important;
        height: 64px !important;

        min-width: 74px !important;
        max-width: 74px !important;
        min-height: 64px !important;
        max-height: 64px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center !important;

        background-color: #fefefe !important;

        transform: scale(1.12) !important;
        transform-origin: center center !important;
    }
}

/* =====================================================
   AUTOGO — заголовки объявлений (превью: список + галерея)
   ===================================================== */
.c-item .jt-item-title,
.c-item .jt-item-title:visited,
.mp-g-item .g-item-title,
.mp-g-item .g-item-title:visited,
.g-item-title,
.g-item-title:visited {
    color: #1f2733 !important;      /* тёмный, в тон общему тексту */
    font-weight: 600 !important;
    transition: color 0.2s ease;
}

.c-item .jt-item-title:hover,
.mp-g-item .g-item-title:hover,
.g-item-title:hover {
    color: #019065 !important;      /* при наведении — брендовый зелёный */
}

.c-item .jt-item-title {
    font-size: 17px !important;
    line-height: 1.35 !important;
}

/* =====================================================
   AUTOGO — логотип
   ===================================================== */
.h-header-logo {
    width: 80% !important;
    height: auto !important;
    transform: translateX(-8px);
    transform-origin: left center;
}

@media (max-width: 768px) {
    .h-header-logo {
        width: 92% !important;
        transform: translateX(-4px);
    }
}

/* =====================================================
   AUTOGO — цена в карточке
   ===================================================== */
.c-item .c-item-price,
.c-item .c-item-price span {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .c-item .c-item-price,
    .c-item .c-item-price span {
        font-size: 17px !important;
    }
}

/* =====================================================
   AUTOGO — характеристики под заголовком (превью)
   ===================================================== */
.g-item-specs,
.ls-item-specs {
    margin: 4px 0 2px !important;
    color: #3a4149 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}
@media (max-width: 767px) {
    .g-item-specs,
    .ls-item-specs {
        color: #2b3138 !important;
        font-size: 14px !important;
    }
}

/* Город вплотную к характеристикам */
.g-item-address,
.ls-item-address {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Технические характеристики внутри объявления */
.c-item .ls-item-desc {
    color: #60656D !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* =====================================================
   AUTOGO — современная витрина Автожурнала
   Версия: 1.7.6

   Стили ограничены страницами со списком публикаций.
   Объявления и детальные страницы статей не затрагиваются.
   ===================================================== */

.l-content-minimal:has(.bl-items-list-box) {
    --ag-blog-green: #019065;
    --ag-blog-green-dark: #007a56;
    --ag-blog-ink: #111b27;
    --ag-blog-text: #2b3440;
    --ag-blog-muted: #73808d;
    --ag-blog-line: #e4eaee;
    --ag-blog-surface: #ffffff;
    --ag-blog-soft: #f5f8f7;
}

.l-content-minimal:has(.bl-items-list-box) > .container {
    width: 100% !important;
    max-width: 1240px !important;
}

.l-content-minimal:has(.bl-items-list-box) .b-breadcrumbs {
    margin-bottom: 10px !important;
}

.l-content-minimal:has(.bl-items-list-box) .l-page-head {
    margin: 10px 0 24px !important;
    overflow: visible !important;
}

.l-content-minimal:has(.bl-items-list-box) .l-page-title {
    display: block !important;
    color: var(--ag-blog-ink) !important;
    font-size: clamp(38px, 4.1vw, 54px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    white-space: normal !important;
}

.l-content-minimal:has(.bl-items-list-box) .l-page-title::after {
    content: "Новости, обзоры и полезные материалы для автомобилистов";
    display: block;
    margin-top: 10px;
    color: var(--ag-blog-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0;
}

/* Категории становятся горизонтальным меню над материалами. */
.l-columns-box-w-aside:has(> .bl-items-list-box) {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    padding-bottom: 38px !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .bl-items-list-box {
    order: 2;
    width: 100% !important;
    max-width: none !important;
    padding-bottom: 0 !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    order: 1;
    width: 100% !important;
    margin: 0 !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(n+3) {
    display: none !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: auto !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 12px !important;
    background: var(--ag-blog-surface) !important;
    scrollbar-width: none;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:first-child::-webkit-scrollbar {
    display: none;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-title {
    display: none !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav {
    display: flex !important;
    flex: 1 0 auto !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li,
.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li + li {
    flex: 1 0 auto !important;
    margin: 0 !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li.active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    background: #eaf7f3 !important;
    color: var(--ag-blog-green-dark) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li.active > span {
    display: block !important;
    white-space: nowrap !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    color: #44505c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color .2s ease, background-color .2s ease !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav a:hover {
    background: var(--ag-blog-soft) !important;
    color: var(--ag-blog-green-dark) !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li.active > a.ml-2 {
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    height: 22px !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(1, 144, 101, .09) !important;
    color: var(--ag-blog-green-dark) !important;
    font-size: 10px !important;
    line-height: 22px !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li.active > a.ml-2:hover {
    background: rgba(1, 144, 101, .16) !important;
}

/* Теги расположены отдельной спокойной строкой под категориями. */
.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .l-sidebar-title {
    display: none !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .c-tags {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .c-tags::-webkit-scrollbar {
    display: none;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .c-tag {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 999px !important;
    background: var(--ag-blog-surface) !important;
    box-shadow: none !important;
    color: #596572 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .c-tag:hover,
.l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .c-tag.active {
    border-color: rgba(1, 144, 101, .28) !important;
    background: #eff9f6 !important;
    color: var(--ag-blog-green-dark) !important;
}

/* Общая сетка: один большой материал, два компактных и карточки ниже. */
.bl-items-list-box > .bl-list {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: 272px 272px !important;
    grid-auto-rows: auto !important;
    gap: 16px !important;
    margin-top: 0 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item {
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 14px !important;
    background: var(--ag-blog-surface) !important;
    box-shadow: none !important;
    transform: translateZ(0);
    transition: box-shadow .22s ease, transform .22s ease !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:hover {
    box-shadow: 0 14px 36px rgba(24, 42, 54, .12) !important;
    transform: translateY(-3px);
}

/* Три верхних публикации — журнальная обложка. */
.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) {
    display: block !important;
    position: relative !important;
    background: #172028 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) {
    grid-column: 1 / 9 !important;
    grid-row: 1 / 3 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) {
    grid-column: 9 / 13 !important;
    grid-row: 1 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) {
    grid-column: 9 / 13 !important;
    grid-row: 2 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-l {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-l::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(10, 18, 25, 0) 28%, rgba(10, 18, 25, .9) 100%);
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-img {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    transition: transform .45s ease !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3):hover .bl-list-item-img {
    transform: scale(1.025);
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-r {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    padding: 28px !important;
    background: transparent !important;
    pointer-events: none;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
    pointer-events: auto;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-title {
    max-width: 92% !important;
    font-size: clamp(28px, 2.7vw, 38px) !important;
    line-height: 1.12 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-text {
    max-width: 90% !important;
    margin-top: 12px !important;
    color: rgba(255, 255, 255, .83) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-text p {
    margin: 0 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-text,
.bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-text {
    display: none !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-date {
    order: -1 !important;
    margin: 0 0 9px !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

/* Заголовок нижней подборки создаётся средствами CSS. */
.bl-items-list-box > .bl-list:has(> .bl-list-item:nth-child(4))::before {
    content: "Последние материалы";
    display: block;
    grid-column: 1 / -1;
    grid-row: 3;
    padding: 16px 0 0;
    color: var(--ag-blog-ink);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

/* Обычные карточки после первых трёх публикаций. */
.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) {
    display: flex !important;
    flex-direction: column !important;
    grid-column: span 4 !important;
    min-height: 430px !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-l {
    display: block !important;
    flex: 0 0 220px !important;
    width: 100% !important;
    height: 220px !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-img {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    transition: transform .45s ease !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4):hover .bl-list-item-img {
    transform: scale(1.025);
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-r {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 20px !important;
    background: var(--ag-blog-surface) !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-title {
    margin: 0 0 10px !important;
    color: var(--ag-blog-ink) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.015em !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-text {
    display: -webkit-box !important;
    max-height: 4.5em !important;
    overflow: hidden !important;
    color: var(--ag-blog-muted) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-text p {
    margin: 0 !important;
}

.bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-date {
    margin: auto 0 0 !important;
    padding-top: 14px !important;
    color: var(--ag-blog-muted) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

.bl-items-list-box > .bl-list + .pagination-box {
    margin-top: 28px !important;
}

.l-content-minimal:has(.bl-items-list-box) .l-info {
    border-top: 1px solid var(--ag-blog-line) !important;
    background: var(--ag-blog-soft) !important;
    color: var(--ag-blog-muted) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

@media (max-width: 991px) {

    .l-content-minimal:has(.bl-items-list-box) .l-page-title {
        font-size: 43px !important;
    }

    .bl-items-list-box > .bl-list {
        grid-template-rows: 420px 245px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) {
        grid-column: 1 / 13 !important;
        grid-row: 1 !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) {
        grid-column: 1 / 7 !important;
        grid-row: 2 !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) {
        grid-column: 7 / 13 !important;
        grid-row: 2 !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) {
        grid-column: span 6 !important;
        min-height: 410px !important;
    }
}

@media (max-width: 767px) {

    .l-content-minimal:has(.bl-items-list-box) .l-page-head {
        margin: 6px 0 16px !important;
    }

    .l-content-minimal:has(.bl-items-list-box) .l-page-title {
        font-size: 30px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
    }

    .l-content-minimal:has(.bl-items-list-box) .l-page-title::after {
        margin-top: 8px;
        font-size: 14px;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) {
        gap: 14px !important;
        padding-bottom: 28px !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside {
        gap: 8px !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:first-child,
    .l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) {
        margin-right: -20px !important;
        margin-left: -20px !important;
        width: calc(100% + 40px) !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:first-child {
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) {
        align-items: flex-start !important;
        padding-top: 0 !important;
        padding-bottom: 2px !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) > .l-aside > .l-sidebar-item:nth-child(2) .l-sidebar-title {
        line-height: 30px !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-title,
    .l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav a {
        min-height: 36px !important;
        padding: 7px 13px !important;
    }

    .l-columns-box-w-aside:has(> .bl-items-list-box) .l-sidebar-nav li.active {
        min-height: 36px !important;
        padding: 7px 11px !important;
    }

    .bl-items-list-box > .bl-list {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
        gap: 12px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
        height: 350px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2),
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) {
        display: grid !important;
        grid-column: 1 !important;
        grid-template-columns: minmax(118px, 40%) minmax(0, 1fr) !important;
        height: 156px !important;
        background: var(--ag-blog-surface) !important;
        transform: none !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) {
        grid-row: 2 !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) {
        grid-row: 3 !important;
    }

    .bl-items-list-box > .bl-list:has(> .bl-list-item:nth-child(4))::before {
        grid-column: 1 !important;
        grid-row: auto !important;
        padding-top: 14px;
        font-size: 25px;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(-n+3) .bl-list-item-r {
        padding: 18px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-title {
        max-width: 100% !important;
        font-size: 25px !important;
        line-height: 1.14 !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-l,
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-l {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 156px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-l::after,
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-l::after {
        display: none !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-r,
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-r {
        position: static !important;
        min-width: 0 !important;
        padding: 14px !important;
        background: var(--ag-blog-surface) !important;
        pointer-events: auto !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-title,
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-title {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: var(--ag-blog-ink) !important;
        font-size: 16px !important;
        line-height: 1.28 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-text,
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-text {
        display: none !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-date,
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-date {
        order: 1 !important;
        margin: auto 0 0 !important;
        padding-top: 8px !important;
        color: var(--ag-blog-muted) !important;
        text-align: left !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-text {
        display: -webkit-box !important;
        max-height: 3em !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) {
        display: grid !important;
        grid-column: 1 !important;
        grid-template-columns: minmax(118px, 40%) minmax(0, 1fr) !important;
        min-height: 156px !important;
        transform: none !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-l {
        width: 100% !important;
        height: 100% !important;
        min-height: 156px !important;
        max-height: 190px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-r {
        min-width: 0 !important;
        padding: 14px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-title {
        display: -webkit-box !important;
        margin-bottom: 7px !important;
        overflow: hidden !important;
        font-size: 16px !important;
        line-height: 1.28 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-text {
        display: none !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-date {
        padding-top: 8px !important;
    }
}

@media (max-width: 420px) {

    .l-content-minimal:has(.bl-items-list-box) .l-page-title {
        font-size: 28px !important;
    }

    .l-content-minimal:has(.bl-items-list-box) .l-page-title::after {
        font-size: 13px;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-title {
        font-size: 23px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) {
        height: 330px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-text {
        font-size: 13px !important;
    }

    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2),
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3),
    .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) {
        grid-template-columns: 122px minmax(0, 1fr) !important;
    }
}

/* Final cascade overrides: these rules intentionally come last so the
   original Tamaranga sidebar CSS cannot restore the old mobile layout. */
.ag-blog-page .l-columns-box-w-aside {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.ag-blog-page .l-columns-box-w-aside > .ag-blog-aside {
    display: flex !important;
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.ag-blog-page .l-columns-box-w-aside > .bl-items-list-box {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-title {
    display: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: auto !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    scrollbar-width: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li + li {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #44505c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a:hover,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
    background: #eaf7f3 !important;
    color: var(--ag-blog-green-dark) !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tag {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #596572 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item.l-banner-v {
    display: none !important;
}

.ag-blog-article.no-article-aside .c-article {
    max-width: 1100px !important;
}

.ag-blog-article.no-article-aside .l-page-title {
    max-width: 1280px !important;
}

@media (max-width: 767px) {
    .ag-blog-page .l-columns-box-w-aside > .ag-blog-aside {
        width: calc(100% + 28px) !important;
        margin-right: -14px !important;
        margin-left: -14px !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
        width: 100% !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a,
    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
        min-height: 36px !important;
        padding: 7px 12px !important;
        font-size: 12px !important;
    }

    .ag-blog-article .bl-view {
        width: 100% !important;
        max-width: none !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-article .l-page-head,
    .ag-blog-article .ag-article-main {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ag-blog-article .c-article,
    .ag-blog-article.no-article-aside .c-article {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .ag-blog-article .c-article img,
    .ag-blog-article .c-article iframe {
        width: 100% !important;
        height: auto !important;
    }
}

/* =========================================================
   AutoGo Blog 1.9.0 — subtitle and genuine view counter
   ========================================================= */
html body .ag-blog-page .l-page-head .l-page-title::after {
    content: none !important;
    display: none !important;
}

html body .ag-blog-page .l-page-head .ag-blog-subtitle ~ .ag-blog-subtitle {
    display: none !important;
}

/* 1.7.1 final cascade: keep the journal navigation and article flow
   above the platform theme's legacy mobile rules. */
.ag-blog-article .ag-article-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
}

.ag-blog-article .ag-article-nav-link {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.ag-blog-article .ag-article-kicker {
    display: block !important;
    clear: both !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
}

.ag-blog-article .l-page-title {
    display: block !important;
    clear: both !important;
    margin-top: 0 !important;
}

.ag-blog-article.no-article-aside .c-article {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-title {
    display: none !important;
}

@media (max-width: 767px) {
    .ag-blog-page .l-columns-box-w-aside {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 14px !important;
    }

    .ag-blog-page .l-columns-box-w-aside > .ag-blog-aside,
    .ag-blog-page .l-columns-box-w-aside > .bl-items-list-box {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
        display: block !important;
        width: calc(100% + 28px) !important;
        margin-left: -14px !important;
        margin-right: -14px !important;
        padding: 4px 14px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        min-width: 100% !important;
        gap: 2px !important;
        white-space: nowrap !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li,
    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li + li {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tags {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 7px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tag {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .ag-blog-article .bl-view {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .ag-blog-article .ag-article-nav {
        margin-top: 8px !important;
        margin-bottom: 18px !important;
        padding: 4px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-article .l-page-head,
    .ag-blog-article .ag-article-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ag-blog-article .ag-article-kicker {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .ag-blog-article .l-page-title {
        max-width: 100% !important;
        font-size: 30px !important;
        line-height: 1.12 !important;
    }

    .ag-blog-article .c-article,
    .ag-blog-article.no-article-aside .c-article {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}

/* =====================================================
   1.7.1 — final blog cascade
   These rules are deliberately last: the platform theme has legacy rules
   for the same blocks which otherwise win on phones and narrow desktops.
   ===================================================== */
.ag-blog-article .ag-article-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
}

.ag-blog-article .ag-article-nav-link {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.ag-blog-article .ag-article-kicker {
    display: block !important;
    clear: both !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
}

.ag-blog-article .l-page-title {
    display: block !important;
    clear: both !important;
    margin-top: 0 !important;
}

.ag-blog-article.no-article-aside .c-article {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-title {
    display: none !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-nav,
.ag-blog-page .ag-blog-aside .c-tags {
    scrollbar-width: none !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-nav::-webkit-scrollbar,
.ag-blog-page .ag-blog-aside .c-tags::-webkit-scrollbar {
    display: none !important;
}

@media (max-width: 767px) {
    .ag-blog-page .l-columns-box-w-aside {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 14px !important;
    }

    .ag-blog-page .l-columns-box-w-aside > .ag-blog-aside,
    .ag-blog-page .l-columns-box-w-aside > .bl-items-list-box {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
        display: block !important;
        width: calc(100% + 28px) !important;
        margin-left: -14px !important;
        margin-right: -14px !important;
        padding: 4px 14px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        min-width: 100% !important;
        gap: 2px !important;
        white-space: nowrap !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li,
    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li + li {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tags {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        gap: 7px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tag {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .ag-blog-article .bl-view {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .ag-blog-article .ag-article-nav {
        margin-top: 8px !important;
        margin-bottom: 18px !important;
        padding: 4px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-article .l-page-head,
    .ag-blog-article .ag-article-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ag-blog-article .ag-article-kicker {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .ag-blog-article .l-page-title {
        max-width: 100% !important;
        font-size: 30px !important;
        line-height: 1.12 !important;
    }

    .ag-blog-article .c-article,
    .ag-blog-article.no-article-aside .c-article {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}

/* =====================================================
   AUTOGO — mobile journal navigation and full article flow
   Версия: 1.7.6
   ===================================================== */

.ag-blog-page .l-columns-box-w-aside {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.ag-blog-page .ag-blog-aside {
    display: flex !important;
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    gap: 10px !important;
}

.ag-blog-page .l-columns-box-w-aside > .bl-items-list-box {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-title {
    display: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: auto !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    scrollbar-width: none;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child::-webkit-scrollbar,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tags::-webkit-scrollbar {
    display: none;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li + li {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #44505c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a:hover,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
    background: #eaf7f3 !important;
    color: var(--ag-blog-green-dark) !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tag {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #596572 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item.l-banner-v {
    display: none !important;
}

.ag-blog-article.no-article-aside .c-article {
    max-width: 1100px !important;
}

.ag-blog-article.no-article-aside .l-page-title {
    max-width: 1280px !important;
}

@media (max-width: 767px) {
    .ag-blog-page .ag-blog-aside {
        width: calc(100% + 28px) !important;
        margin-right: -14px !important;
        margin-left: -14px !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
        width: 100% !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a,
    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
        min-height: 36px !important;
        padding: 7px 12px !important;
        font-size: 12px !important;
    }

    .ag-blog-article .bl-view {
        width: 100% !important;
        max-width: none !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-article .l-page-head,
    .ag-blog-article .ag-article-main {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ag-blog-article .c-article,
    .ag-blog-article.no-article-aside .c-article {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .ag-blog-article .c-article img,
    .ag-blog-article .c-article iframe {
        width: 100% !important;
        height: auto !important;
    }

    .ag-blog-article .ag-related-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .bl-items-list-box > .bl-list > .bl-list-item,
    .bl-items-list-box > .bl-list .bl-list-item-img {
        transition: none !important;
    }
}

/* =====================================================
   AUTOGO — навигация Автожурнала и мобильная версия
   Версия: 1.9.1
   ===================================================== */

/* Fallback class selectors keep the blog layout working in browsers where
   :has() is unavailable. The templates add .ag-blog-page explicitly. */
.ag-blog-page {
    --ag-blog-green: #019065;
    --ag-blog-green-dark: #007a56;
    --ag-blog-ink: #111b27;
    --ag-blog-text: #2b3440;
    --ag-blog-muted: #73808d;
    --ag-blog-line: #e4eaee;
    --ag-blog-surface: #ffffff;
    --ag-blog-soft: #f5f8f7;
}

/* v1.8.0: subtitles are rendered by PHP so each section has its own text. */
.ag-blog-page .l-page-title::after {
    content: none !important;
    display: none !important;
}

.ag-blog-page .ag-blog-subtitle {
    display: block;
    max-width: 900px;
    margin: 10px 0 0 !important;
    color: var(--ag-blog-muted) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
}

@media (max-width: 767px) {
    .ag-blog-page .ag-blog-subtitle {
        margin-top: 8px !important;
        font-size: 14px;
    }
}

.ag-blog-page > .container {
    width: 100% !important;
    max-width: 1240px !important;
}

.ag-blog-page .l-columns-box-w-aside {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.ag-blog-page .l-columns-box-w-aside > .bl-items-list-box {
    order: 2;
    width: 100% !important;
    max-width: none !important;
}

.ag-blog-page .l-columns-box-w-aside > .l-aside {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    order: 1;
    width: 100% !important;
    margin: 0 !important;
}

.ag-blog-page .l-aside > .l-sidebar-item:first-child {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: auto !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 12px !important;
    background: var(--ag-blog-surface) !important;
    scrollbar-width: none;
}

.ag-blog-page .l-aside > .l-sidebar-item:first-child::-webkit-scrollbar,
.ag-blog-page .l-aside > .l-sidebar-item:nth-child(2) .c-tags::-webkit-scrollbar {
    display: none;
}

.ag-blog-page .l-aside .l-sidebar-title {
    display: none !important;
}

.ag-blog-page .l-aside .l-sidebar-nav {
    display: flex !important;
    flex: 1 0 auto !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ag-blog-page .l-aside .l-sidebar-nav li,
.ag-blog-page .l-aside .l-sidebar-nav li + li {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.ag-blog-page .l-aside .l-sidebar-nav li.active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    background: #eaf7f3 !important;
    color: var(--ag-blog-green-dark) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.ag-blog-page .l-aside .l-sidebar-nav li.active > span {
    display: block !important;
    white-space: nowrap !important;
}

.ag-blog-page .l-aside .l-sidebar-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    color: #44505c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.ag-blog-page .l-aside .l-sidebar-nav a:hover {
    background: var(--ag-blog-soft) !important;
    color: var(--ag-blog-green-dark) !important;
}

.ag-blog-page .l-aside > .l-sidebar-item:nth-child(2) {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
}

.ag-blog-page .l-aside > .l-sidebar-item:nth-child(2) .c-tags {
    display: flex !important;
    flex: 1 1 auto !important;
    gap: 7px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none;
}

.ag-blog-page .l-aside > .l-sidebar-item:nth-child(2) .c-tag {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 999px !important;
    background: var(--ag-blog-surface) !important;
    box-shadow: none !important;
    color: #596572 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

/* Article page category navigation. */
.ag-blog-article {
    --ag-blog-green: #019065;
    --ag-blog-green-dark: #007a56;
    --ag-blog-ink: #111b27;
    --ag-blog-muted: #73808d;
    --ag-blog-line: #e4eaee;
    --ag-blog-soft: #f5f8f7;
}

.ag-blog-article .bl-view {
    max-width: 1280px !important;
}

.ag-article-nav {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin: 14px 0 22px;
    padding: 6px;
    overflow-x: auto;
    border: 1px solid var(--ag-blog-line);
    border-radius: 12px;
    background: #fff;
    scrollbar-width: none;
}

.ag-article-nav::-webkit-scrollbar {
    display: none;
}

.ag-article-nav-link {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 15px;
    border-radius: 8px;
    color: #44505c !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none !important;
    white-space: nowrap;
}

.ag-article-nav-link:hover,
.ag-article-nav-link.is-active {
    background: #eaf7f3;
    color: var(--ag-blog-green-dark) !important;
}

.ag-article-nav-all {
    color: var(--ag-blog-green-dark) !important;
}

.ag-article-kicker {
    display: block;
    width: max-content;
    margin: 0 0 10px;
    color: var(--ag-blog-green-dark) !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.ag-blog-article .l-page-title {
    display: block !important;
    margin-top: 0 !important;
    max-width: 980px;
    color: var(--ag-blog-ink) !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
}

.ag-blog-article.no-article-aside .l-page-title {
    max-width: 1180px;
}

.ag-blog-article .bl-date {
    color: var(--ag-blog-muted) !important;
    font-size: 12px !important;
}

.ag-blog-article .c-article {
    max-width: 940px;
    margin-right: auto;
    margin-left: auto;
    color: #2b3440;
    font-size: 17px;
    line-height: 1.68;
}

.ag-blog-article.no-article-aside .c-article {
    max-width: 1040px;
}

.ag-article-layout {
    align-items: flex-start;
}

.ag-article-main {
    min-width: 0;
}

.ag-article-aside-column {
    min-width: 0;
}

.ag-article-aside {
    position: sticky;
    top: 20px;
    min-height: 250px;
    margin-top: 4px;
}

.ag-related-posts {
    margin-top: 42px;
    padding-top: 26px;
    border-top: 1px solid var(--ag-blog-line);
}

.ag-related-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.ag-related-head h2 {
    margin: 0;
    color: var(--ag-blog-ink);
    font-size: 27px;
    line-height: 1.2;
}

.ag-related-head a {
    flex: 0 0 auto;
    color: var(--ag-blog-green-dark) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.ag-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ag-related-card {
    overflow: hidden;
    border: 1px solid var(--ag-blog-line);
    border-radius: 12px;
    background: #fff;
}

.ag-related-card-media {
    display: block;
    aspect-ratio: 16 / 8.5;
    overflow: hidden;
    background: #eef3f1;
}

.ag-related-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.ag-related-card:hover .ag-related-card-media img {
    transform: scale(1.03);
}

.ag-related-card-body {
    padding: 13px 14px 14px;
}

.ag-related-card-title {
    display: block;
    color: var(--ag-blog-ink) !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
}

.ag-related-card-body p {
    display: -webkit-box;
    margin: 7px 0 9px;
    overflow: hidden;
    color: var(--ag-blog-muted);
    font-size: 13px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ag-related-card-body time {
    color: var(--ag-blog-muted);
    font-size: 11px;
}

.ag-blog-article .c-article h2 {
    scroll-margin-top: 24px;
    color: var(--ag-blog-ink);
    font-size: clamp(24px, 2.4vw, 32px);
    line-height: 1.2;
}

.ag-blog-article .c-article .faq-help-img,
.ag-blog-article .c-article .bl-slider-box {
    margin-right: 0;
    margin-left: 0;
}

.ag-blog-article .c-article img,
.ag-blog-article .c-article iframe {
    max-width: 100%;
    border-radius: 12px;
}

.ag-blog-article .c-article .faq-help-img img,
.ag-blog-article .c-article .bl-slider-box img {
    width: 100%;
}

.ag-blog-article .c-tags-spacing {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 26px !important;
}

.ag-blog-article .c-tags-spacing .c-tag {
    margin: 0 !important;
}

.ag-blog-article .bl-footer-links {
    display: flex;
    gap: 14px;
    margin-top: 30px;
    padding: 18px 0 34px;
    border-top: 1px solid var(--ag-blog-line);
}

.ag-blog-article .bl-footer-links .c-ico-link {
    color: var(--ag-blog-green-dark) !important;
    font-weight: 600;
    text-decoration: none !important;
}

@media (max-width: 767px) {

    .ag-blog-page > .container,
    .ag-blog-article .bl-view {
        width: 100% !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-page .l-page-title {
        font-size: 30px !important;
        line-height: 1.12 !important;
    }

    .ag-blog-page .l-page-title::after {
        font-size: 14px !important;
    }

    .ag-blog-page .l-aside > .l-sidebar-item:first-child {
        margin-right: -14px !important;
        margin-left: -14px !important;
        width: calc(100% + 28px) !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-page .l-aside > .l-sidebar-item:nth-child(2) {
        margin-right: -14px !important;
        margin-left: -14px !important;
        width: calc(100% + 28px) !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-page .l-aside .l-sidebar-nav a,
    .ag-blog-page .l-aside .l-sidebar-nav li.active {
        min-height: 36px !important;
        padding: 7px 12px !important;
        font-size: 12px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        gap: 12px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
        height: 350px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2),
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3),
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) {
        display: grid !important;
        grid-column: 1 !important;
        grid-template-columns: 38% minmax(0, 1fr) !important;
        min-height: 145px !important;
        height: 145px !important;
        transform: none !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-l,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-l,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-l {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 145px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-r,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-r,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-r {
        position: static !important;
        min-width: 0 !important;
        padding: 12px !important;
        background: #fff !important;
        pointer-events: auto !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-title {
        font-size: 24px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-title,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-title,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-title {
        display: -webkit-box !important;
        margin-bottom: 5px !important;
        overflow: hidden !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2) .bl-list-item-text,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3) .bl-list-item-text,
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) .bl-list-item-text {
        display: none !important;
    }

    .ag-blog-article .ag-article-nav {
        margin: 10px 0 20px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .ag-blog-article .l-page-head {
        margin-top: 5px !important;
    }

    .ag-blog-article .l-page-title {
        font-size: 30px !important;
        line-height: 1.12 !important;
    }

    .ag-blog-article .ag-article-kicker {
        margin-bottom: 8px;
        font-size: 12px;
    }

    .ag-blog-article .c-article {
        font-size: 16px;
        line-height: 1.6;
    }

    .ag-article-aside {
        position: static;
        min-height: 0;
        margin-top: 20px;
    }

    .ag-related-posts {
        margin-top: 32px;
        padding-top: 22px;
    }

    .ag-related-head h2 {
        font-size: 23px;
    }

    .ag-related-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ag-related-card {
        display: grid;
        grid-template-columns: 38% minmax(0, 1fr);
    }

    .ag-related-card-media {
        aspect-ratio: auto;
        min-height: 130px;
    }

    .ag-related-card-body {
        padding: 12px;
    }

    .ag-blog-article .c-article h2 {
        font-size: 23px;
        line-height: 1.25;
    }

    .ag-blog-article .c-article img,
    .ag-blog-article .c-article iframe {
        border-radius: 8px;
    }

    .ag-blog-article .c-tags-spacing {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .ag-blog-article .c-tags-spacing::-webkit-scrollbar {
        display: none;
    }

    .ag-blog-article .bl-footer-links {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 420px) {
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) {
        height: 320px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(2),
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(3),
    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(n+4) {
        grid-template-columns: 122px minmax(0, 1fr) !important;
        min-height: 138px !important;
        height: 138px !important;
    }

    .ag-blog-page .bl-items-list-box > .bl-list > .bl-list-item:nth-child(1) .bl-list-item-title {
        font-size: 22px !important;
    }
}

/* Final cascade overrides: these rules intentionally come last so the
   original Tamaranga sidebar CSS cannot restore the old mobile layout. */
.ag-blog-page .l-columns-box-w-aside {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.ag-blog-page .l-columns-box-w-aside > .ag-blog-aside {
    display: flex !important;
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.ag-blog-page .l-columns-box-w-aside > .bl-items-list-box {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
}

.ag-blog-page .ag-blog-aside .l-sidebar-title {
    display: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: auto !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    scrollbar-width: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li + li {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #44505c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a:hover,
.ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
    background: #eaf7f3 !important;
    color: var(--ag-blog-green-dark) !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) .c-tag {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 1px solid var(--ag-blog-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #596572 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

.ag-blog-page .ag-blog-aside > .l-sidebar-item.l-banner-v {
    display: none !important;
}

.ag-blog-article.no-article-aside .c-article {
    max-width: 1100px !important;
}

.ag-blog-article.no-article-aside .l-page-title {
    max-width: 1280px !important;
}

@media (max-width: 767px) {
    .ag-blog-page .l-columns-box-w-aside > .ag-blog-aside {
        width: calc(100% + 28px) !important;
        margin-right: -14px !important;
        margin-left: -14px !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child {
        width: 100% !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:nth-child(2) {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav a,
    .ag-blog-page .ag-blog-aside > .l-sidebar-item:first-child .l-sidebar-nav li.active {
        min-height: 36px !important;
        padding: 7px 12px !important;
        font-size: 12px !important;
    }

    .ag-blog-article .bl-view {
        width: 100% !important;
        max-width: none !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .ag-blog-article .l-page-head,
    .ag-blog-article .ag-article-main {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ag-blog-article .c-article,
    .ag-blog-article.no-article-aside .c-article {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .ag-blog-article .c-article img,
    .ag-blog-article .c-article iframe {
        width: 100% !important;
        height: auto !important;
    }
}