.blog-layout p.tagli {
    font-family: var(--font-family-heading-small);
    font-size: calc(var(--type-base-size) + 4px);
    line-height: 1.4;
    letter-spacing: 0.2px;
}

.blog-layout .grid-article[data-style=compact] .grid-article__meta,
.blog-layout .grid-article__meta,
.template-search .blogs .grid-article__meta {
    gap: 8px;
    display: flex;
    flex-flow: column;
}
.blog-layout .grid-article[data-style=compact] .grid-article__meta,
.template-search .blogs .grid-article__meta {
    padding-left: 20px;
}
.blog-layout .article__btn,
.template-search .blogs .article__btn {
    margin-top: 12px;
    font-size: calc(var(--type-base-size) - 4px);
    line-height: 1.6666666666666666666666666666667;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    font-weight: 700;
}
.blog-layout__main .grid-article__image {
    margin-bottom: 20px;
}
.blog-layout .grid-article[data-style=compact] .article__title,
.grid-article[data-style=medium] .article__sub-meta>span {
    font-size: calc(var(--type-base-size) + 2px);
    line-height: 1.3333333333333333333333333333333;
    letter-spacing: -0.36px;
}
.blog-layout .grid-article__image .image-wrap[style] {
    padding-bottom: 47.260273972602739726027397260274%;
}
.blog-layout .blog-layout__sidebar .grid-article__image .image-wrap[style],
.template-search .blogs .grid-article__image .grid__image-ratio {
    padding-bottom: 50.877192982456140350877192982456%;
}
.template-search .blogs .grid-article__image .grid__image-ratio {
    height: 0;
}
.blog-layout .grid-article__image .image-wrap[style] .grid__image-ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-layout .grid-article[data-style=large] .article__sub-meta>span,
.blog-layout .article__sub-meta>span,
.template-search .blogs .article__sub-meta>span {
    font-size: calc(var(--type-base-size) - 2px);
    line-height: 1.4285714285714285714285714285714;
    text-transform: capitalize;
    letter-spacing: -0.28px;
    margin: 0;
    color: var(--color-neutral-2);
    font-family: var(--font-family-heading-small);
}
.section-blog-posts-container {
    background-color: var(--color-brand-3);
}
.grid-article[data-style=large] .article__title {
    font-family: var(--font-family-heading-small);
    font-size: calc(var(--type-base-size) + 2px);
    line-height: 1.3333333333333333333333333333333;
    letter-spacing: -0.36px
}
.template-blog .blog-layout__sidebar .product-grid-item,
.template-article .blog-layout__sidebar .product-grid-item {
    border-left: 1px solid var(--color-neutral-4);
    border-top: 1px solid var(--color-neutral-4);
}
.blog-layout .blog-layout__main .new-grid {
    gap: 32px;
}
.blog-layout .grid__item {
    padding-left: 0;
    margin-bottom: 0;
}
.blog-layout__main,
.blog-layout .theme-block {
    margin-bottom: 0;
    overflow: hidden;
}
.blog-posts-section-wrapper>.tagli {
    font-size: calc(var(--type-base-size) + 4px);
    line-height: 1.4;
    letter-spacing: 0.02px;
}
.template-search .pages .grid-article[data-style=medium],
.template-search .blogs .grid-article[data-style=compact] {
    padding-left: var(--grid-gutter);
}
.template-search .pages .grid-article__image {
    display: none;
}
.template-search .pages .grid-article__meta {
    padding: 0;
}
@media only screen and (min-width: 769px) {
    .blog-layout {
        gap: 32px;
    }
    .blog-layout__main+.blog-layout__sidebar {
        padding-left: 0;
        margin-left: 0;
    }
    .blog-layout .grid-article[data-style=large] {
        padding-left: 0;
    }
    .blog-layout .new-grid {
        margin: 0
    }
    .blog-layout__main,
    .blog-layout__main+.blog-layout__sidebar {
        flex: 0 0 calc(50% - 16px);
        margin-bottom: 0;
    }
    .blog-layout .grid-article[data-style=compact] {
        margin-bottom: 32px;
    }
    .blog-layout .grid-article[data-style=compact]:last-child {
        margin-bottom: 0;
    }
    .blog-posts-section-wrapper .section-header {
        margin-bottom: 60px;
    }
    .grid-article[data-style=medium] {
        flex: 0 0 calc(50% - 32px);
    }
}
@media (max-width: 768px) {
    .section-blog-posts-container .section-header--with-link {
        flex-flow: column;
        gap: 8px;
    }
    .grid-article[data-style=medium] .grid-article__image {
        margin-bottom: 0;
        align-self: start;
    }
    .blog-layout .new-grid {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Blog Custom Template Styles */
.blog-custom-container {
    margin: 0 auto;
    padding: 100px 20px 83px;
}

.blog-custom__title {
    color: var(--color-neutral-1);
    margin-bottom: 80px;
}

.blog-custom__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.blog-custom__item {
    display: flex;
    flex-direction: column;
}

.blog-custom__image-wrapper {
    margin-bottom: 24px;
    overflow: hidden;
}

.blog-custom__image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.blog-custom__image-link:hover .blog-custom__image {
    transform: scale(1.02);
}

.blog-custom__item-title {
    margin-bottom: 12px;
}

.blog-custom__item-title a {
    color: var(--color-neutral-1);
    text-decoration: none;
}

.blog-custom__meta {
    font-size: calc(var(--type-base-size) - 2px);
    color: var(--color-neutral-2);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-family-heading-small);
}

.blog-custom__separator {
    color: var(--color-neutral-4);
    font-size: 20.18px;
}

.blog-custom__category a {
    color: var(--color-neutral-2);
    text-decoration: none;
}

.blog-custom__category a:hover {
    text-decoration: underline;
}

.blog-custom__excerpt {
    font-size: calc(var(--type-base-size) + 2px);
    line-height: 1.3333333333333333333333333333333;
    color: var(--color-neutral-1);
    margin-bottom: 20px;
    font-family: var(--font-family-heading-small);
}

.blog-custom__read-more {
    font-weight: 700;
    font-size: calc(var(--type-base-size) - 4px);
    line-height: 1.6666666666666666666666666666667;
    color: var(--color-brand-1);
    /* text-decoration: none; */
    text-transform: uppercase;
    font-family: var(--font-family-heading-small);
}

.blog-custom__read-more:hover {
    opacity: 0.8;
}

/* Pagination Styles */
.blog-custom__pagination {
    text-align: center;
}

.blog-custom__pagination .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 43px 0 0;
}

.blog-custom__pagination a,
.blog-custom__pagination span {
    text-decoration: none;
    color: var(--color-text-default);
}

.blog-custom__pagination .current {
    background: var(--color-brand);
    color: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    transition: all .3s ease;
    border-radius: 8px;
}
.blog-custom__pagination a,
.blog-custom__pagination span.prev,
.blog-custom__pagination span.next {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all .3s ease;
    border-radius: 8px;
    padding: 0 !important;
}

.blog-custom__pagination .pagination .page a,
.blog-custom__pagination .pagination .page.current,
.blog-custom__pagination .pagination .prev,
.blog-custom__pagination .pagination .next {
    padding: 8px 12px !important;
}

.blog-custom__pagination a svg {
    color: var(--color-text-default);
}
.blog-custom__pagination a:hover {
    background: var(--color-brand);
    color: #fff;
    border-radius: 8px;
    svg {
        color: #fff;
    }
}

.blog-custom__pagination .disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
}