/* ==============================================
           GRID SYSTEM
        ============================================== */
        .grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
        }
        .grid--gap-sm { gap: var(--spacing-sm, 0.5rem); }
        .grid--gap-md { gap: var(--spacing-md, 1rem); }
        .grid--gap-lg { gap: var(--spacing-lg, 2rem); }
        .grid--auto { grid-template-columns: repeat(auto-fit, minmax(103px, 1fr)); }

        .grid--one { grid-template-columns: repeat(1, 1fr); }
        .grid--two { grid-template-columns: repeat(2, 1fr); }
        .grid--three { grid-template-columns: repeat(3, 1fr); }
        .grid--four { grid-template-columns: repeat(4, 1fr); }
        .grid--five { grid-template-columns: repeat(5, 1fr); }
        .grid--six { grid-template-columns: repeat(6, 1fr); }
        .grid--seven { grid-template-columns: repeat(7, 1fr); }
        .grid--eight { grid-template-columns: repeat(8, 1fr); }
        .grid--nine { grid-template-columns: repeat(9, 1fr); }
        .grid--ten { grid-template-columns: repeat(10, 1fr); }
        .grid--eleven { grid-template-columns: repeat(11, 1fr); }
        .grid--twelve { grid-template-columns: repeat(12, 1fr); }

        .grid__item--span-1 { grid-column: span 1; }
        .grid__item--span-2 { grid-column: span 2; }
        .grid__item--span-3 { grid-column: span 3; }
        .grid__item--span-4 { grid-column: span 4; }
        .grid__item--span-5 { grid-column: span 5; }
        .grid__item--span-6 { grid-column: span 6; }
        .grid__item--span-7 { grid-column: span 7; }
        .grid__item--span-8 { grid-column: span 8; }
        .grid__item--span-9 { grid-column: span 9; }
        .grid__item--span-10 { grid-column: span 10; }
        .grid__item--span-11 { grid-column: span 11; }
        .grid__item--span-12 { grid-column: span 12; }

        .grid__item--start-1 { grid-column-start: 1; }
        .grid__item--start-2 { grid-column-start: 2; }
        .grid__item--start-3 { grid-column-start: 3; }
        .grid__item--start-4 { grid-column-start: 4; }
        .grid__item--start-5 { grid-column-start: 5; }
        .grid__item--start-6 { grid-column-start: 6; }
        .grid__item--start-7 { grid-column-start: 7; }
        .grid__item--start-8 { grid-column-start: 8; }
        .grid__item--start-9 { grid-column-start: 9; }
        .grid__item--start-10 { grid-column-start: 10; }
        .grid__item--start-11 { grid-column-start: 11; }
        .grid__item--start-12 { grid-column-start: 12; }

        @media (max-width: 1100px) {
            .grid--tablet-one { grid-template-columns: repeat(1, 1fr); }
            .grid--tablet-two { grid-template-columns: repeat(2, 1fr); }
            .grid--tablet-three { grid-template-columns: repeat(3, 1fr); }
            .grid--tablet-four { grid-template-columns: repeat(4, 1fr); }
            .grid--tablet-six { grid-template-columns: repeat(6, 1fr); }
            .grid--tablet-twelve { grid-template-columns: repeat(12, 1fr); }
            .grid__item--tablet-span-1 { grid-column: span 1; }
            .grid__item--tablet-span-2 { grid-column: span 2; }
            .grid__item--tablet-span-3 { grid-column: span 3; }
            .grid__item--tablet-span-4 { grid-column: span 4; }
            .grid__item--tablet-span-6 { grid-column: span 6; }
            .grid__item--tablet-span-12 { grid-column: span 12; }
            .grid__item--tablet-start-1 { grid-column-start: 1; }
            .grid__item--tablet-start-2 { grid-column-start: 2; }
            .grid__item--tablet-start-3 { grid-column-start: 3; }
            .grid__item--tablet-start-4 { grid-column-start: 4; }
            .grid__item--tablet-start-6 { grid-column-start: 6; }
        }

        @media (max-width: 768px) {
            .grid--mobile-one { grid-template-columns: 1fr; }
            .grid--mobile-two { grid-template-columns: repeat(2, 1fr); }
            .grid--mobile-three { grid-template-columns: repeat(3, 1fr); }
            .grid__item--mobile-span-1 { grid-column: span 1; }
            .grid__item--mobile-span-2 { grid-column: span 2; }
            .grid__item--mobile-span-3 { grid-column: span 3; }
            .grid__item--mobile-span-4 { grid-column: span 4; }
            .grid__item--mobile-span-6 { grid-column: span 6; }
            .grid__item--mobile-span-12 { grid-column: span 12; }
            .grid__item--mobile-reset { grid-column: 1 / -1; }
        }

        /* ============================================
           БЛОК: blog-article
        ============================================ */
        body:has(.blog){background-color: var(--card);}
        
        .blog-article {
            max-width: 1390px;
            margin: 0 auto;
        }
        .blog-article__title { text-transform: uppercase; }
        .blog-article__meta {
            display: flex;
            align-items: center;
            padding: 10px 20px;
            gap: 40px;
            background: #F1F2F3;
            border-radius: 5px;
            margin-bottom: 25px;
        }
        .blog-article__date, .blog-article__views, .blog-article__read-time, .blog-post-item__reading-time {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            gap: 5px;
            white-space: nowrap;
            align-items: center;
        }
        .blog-article__date:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.68067 12.5703C6.50467 12.3943 6.41667 12.1764 6.41667 11.9167C6.41667 11.657 6.50467 11.4394 6.68067 11.264C6.85667 11.0886 7.07422 11.0006 7.33333 11C7.59244 10.9994 7.81031 11.0874 7.98692 11.264C8.16353 11.4406 8.25122 11.6582 8.25 11.9167C8.24878 12.1752 8.16078 12.393 7.986 12.5703C7.81122 12.7475 7.59367 12.8352 7.33333 12.8333C7.073 12.8315 6.85544 12.7435 6.68067 12.5693M10.3473 12.5693C10.1713 12.3946 10.0833 12.177 10.0833 11.9167C10.0833 11.6563 10.1713 11.4388 10.3473 11.264C10.5233 11.0892 10.7409 11.0012 11 11C11.2591 10.9988 11.477 11.0868 11.6536 11.264C11.8302 11.4412 11.9179 11.6588 11.9167 11.9167C11.9154 12.1746 11.8274 12.3924 11.6527 12.5703C11.4779 12.7481 11.2603 12.8358 11 12.8333C10.7397 12.8309 10.5221 12.7429 10.3473 12.5693ZM14.014 12.5693C13.838 12.3946 13.75 12.177 13.75 11.9167C13.75 11.6563 13.838 11.4388 14.014 11.264C14.19 11.0892 14.4076 11.0012 14.6667 11C14.9258 10.9988 15.1436 11.0868 15.3202 11.264C15.4969 11.4412 15.5846 11.6588 15.5833 11.9167C15.5821 12.1746 15.4941 12.3924 15.3193 12.5703C15.1446 12.7481 14.927 12.8358 14.6667 12.8333C14.4063 12.8309 14.1888 12.7429 14.014 12.5693ZM4.58333 20.1667C4.07917 20.1667 3.64772 19.9873 3.289 19.6286C2.93028 19.2699 2.75061 18.8381 2.75 18.3333V5.50001C2.75 4.99584 2.92967 4.5644 3.289 4.20568C3.64833 3.84695 4.07978 3.66729 4.58333 3.66668H5.5V1.83334H7.33333V3.66668H14.6667V1.83334H16.5V3.66668H17.4167C17.9208 3.66668 18.3526 3.84634 18.7119 4.20568C19.0713 4.56501 19.2506 4.99645 19.25 5.50001V18.3333C19.25 18.8375 19.0706 19.2693 18.7119 19.6286C18.3532 19.9879 17.9214 20.1673 17.4167 20.1667H4.58333ZM4.58333 18.3333H17.4167V9.16668H4.58333V18.3333ZM4.58333 7.33334H17.4167V5.50001H4.58333V7.33334Z' fill='%23666666'/%3e%3c/svg%3e");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .blog-article__views:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.9846 7.47706C23.2019 7.17949 23.1925 6.77328 22.961 6.48516C19.461 2.18219 15.6823 0 11.7242 0C5.01229 0 0.350346 6.25371 0.156689 6.51822C-0.0605847 6.81579 -0.051138 7.222 0.180306 7.51012C3.67558 11.8178 7.45426 14 11.4124 14C18.1243 14 22.7862 7.74629 22.9846 7.47706ZM11.4124 12.3799C8.11553 12.3799 4.90365 10.5661 1.85237 6.99528C3.04738 5.583 6.84495 1.62011 11.7242 1.62011C15.0211 1.62011 18.2329 3.43387 21.2842 7.00472C20.0892 8.417 16.2916 12.3799 11.4124 12.3799Z' fill='%23666666'/%3e%3cpath d='M11.5686 2.88593C9.30142 2.88593 7.45459 4.73275 7.45459 6.99996C7.45459 9.26717 9.30142 11.114 11.5686 11.114C13.8358 11.114 15.6827 9.26717 15.6827 6.99996C15.6827 4.73275 13.8358 2.88593 11.5686 2.88593ZM11.5686 9.49389C10.1941 9.49389 9.0747 8.37445 9.0747 6.99996C9.0747 5.62547 10.1941 4.50603 11.5686 4.50603C12.9431 4.50603 14.0626 5.62547 14.0626 6.99996C14.0626 8.37445 12.9431 9.49389 11.5686 9.49389Z' fill='%23666666'/%3e%3c/svg%3e");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .blog-article__read-time:before,
        .blog-post-item__reading-time:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1.75C15.3326 1.75 19.25 5.66738 19.25 10.5C19.25 15.3326 15.3326 19.25 10.5 19.25C5.66738 19.25 1.75 15.3326 1.75 10.5C1.75 5.66738 5.66738 1.75 10.5 1.75ZM10.5 3.5C8.64348 3.5 6.86301 4.2375 5.55025 5.55025C4.2375 6.86301 3.5 8.64348 3.5 10.5C3.5 12.3565 4.2375 14.137 5.55025 15.4497C6.86301 16.7625 8.64348 17.5 10.5 17.5C12.3565 17.5 14.137 16.7625 15.4497 15.4497C16.7625 14.137 17.5 12.3565 17.5 10.5C17.5 8.64348 16.7625 6.86301 15.4497 5.55025C14.137 4.2375 12.3565 3.5 10.5 3.5ZM10.5 5.25C10.7143 5.25003 10.9212 5.32871 11.0813 5.47113C11.2415 5.61354 11.3438 5.80978 11.3689 6.02262L11.375 6.125V10.1378L13.7436 12.5064C13.9006 12.6638 13.9917 12.8751 13.9984 13.0973C14.0052 13.3195 13.9272 13.536 13.7802 13.7027C13.6331 13.8695 13.4281 13.974 13.2068 13.9951C12.9855 14.0162 12.7645 13.9522 12.5886 13.8162L12.5064 13.7436L9.88138 11.1186C9.74538 10.9825 9.65804 10.8054 9.63287 10.6146L9.625 10.5V6.125C9.625 5.89294 9.71719 5.67038 9.88128 5.50628C10.0454 5.34219 10.2679 5.25 10.5 5.25Z' fill='%23666666'/%3e%3c/svg%3e");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .blog-article__author {
            max-width: 144px;
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-wrap: nowrap;
        }
        .blog-article__author-avatar {
            max-width: 104px;
            aspect-ratio: 104 / 108;
            max-height: 108px;
            border-radius: 5px;
            object-fit: cover;
            margin-bottom: 10px;
        }
        .blog-article__header{

    justify-items: center;
        }
        .blog-header{
        margin-top: 60px;
            margin-bottom: 40px;
        }
        .blog-header.page-title{
          margin-bottom: 0px!important;
}
        .blog-article__author-info { display: flex; flex-direction: column; gap: 10px; }
        .blog-article__author-name { text-align: left; font-weight: 600; }
        .blog-article__author-role { text-align: left; font-size: 12px; color: #666; }
        .blog-article__cover { max-width: 1200px; width: 100%; border-radius: 5px; margin-bottom: 30px; }
        .blog-article__content { 
            line-height: 1.8; 
            font-size: 16px; 
            color: #333;
            margin-bottom: 40px;
            max-width: 1200px; 
            width: 100%;
        }
        .blog-article__content h2 { 
            margin-bottom: 30px;
            font-weight: 700;
            font-size: clamp(22px,0.034375 * 100vw + 14px,48.6px);
            line-height: 100%;
            font-family: var(--second-font);
            color: var(--text);
            margin-top: 70px;
        }
        .blog-article__content h2:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background-color: #D9D9D9;
        }
        .blog-article__content h3 { 
            font-size: 20px; 
            margin-top: 25px; 
            margin-bottom: 10px; 
        }
        .blog-article__content p { margin-bottom: 15px; font-size: clamp(0.875rem, 0.827rem + 0.2vw, 1.063rem); color: #111111; }
        .blog-article__content ul, .blog-article__content ol { 
            margin-bottom: 15px; 
            padding-left: 20px;
        }
        .blog-article__content li { margin-bottom: 8px; }
        .blog-article__content ::marker { color: #ED1B20; }
        .blog-article__content strong { font-weight: 800; }
        .blog-article__content a { color: #ED1B20; }
        .blog-article__footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 20px;
            border-top: 1px solid #eee;
            margin-top: 20px;
        }
        .blog-article__back-link {
            color: #ED1B20;
            text-decoration: none;
            font-weight: 700;
            font-size: 15px;
            line-height: 18px;
            padding: 13px 30px;
            gap: 13px;
            display: flex;
            align-items: center;
            border: 1px solid #E32121;
            border-radius: 3px;
            transition: all 0.3s;
        }
        .blog-article__back-link:before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            transition: all 0.3s;
            background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_32_982)"><path d="M9.16465 2.5999V0H-9.53674e-07V9.16465H2.5999V4.27047L8.3293 10L10 8.3293L4.27053 2.5999H9.16465Z" fill="%23ED1B20"/></g><defs><clipPath id="clip0_32_982"><rect width="10" height="10" fill="white" transform="matrix(-1 0 0 1 10 0)"/></clipPath></defs></svg>');
        }
        .blog-article__back-link:hover:before { transform: rotate(-45deg) translateX(-3px) translateY(-3px); transition: all 0.3s; }
        .blog-article__actions { display: flex; align-items: center; gap: 30px; }

        /* ============================================
           БЛОК: blog-share
        ============================================ */
        .blog-share { display: flex; flex-direction: row; align-items: center; gap: 18px; }
        .blog-share__label {
            font-weight: 700;
            font-size: 16px;
            color: #ED1B20;
        }
        .blog-share__links { display: flex; gap: 10px; align-items: center; }
        .blog-share__link {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 3px;
            transition: opacity 0.2s;
        }
        .blog-share__link:hover { opacity: 0.8; }
        .blog-share__link img { width: 20px; }
        .blog-share__link--vk { background: #5b8dbf; }
        .blog-share__link--telegram { background: #36ade1; }

        /* ============================================
           БЛОК: blog-rating
        ============================================ */
        .blog-rating { display: flex; align-items: flex-start; gap: 10px;     flex-direction: column;}
        .blog-rating__stars { display: flex; gap: 5px; }
        .blog-rating__star { cursor: pointer; display: inline-block; }
        .blog-rating__text { font-size: 14px; color: #666; }

        /* ============================================
           ПОХОЖИЕ СТАТЬИ - СЛАЙДЕР
        ============================================ */
        .single-product-related {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }
        .single-product-related__title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 25px;
            color: #333;
        }
        .single-product-related__swiper {
            overflow: hidden;
        }
        .product-item {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.2s;
            list-style: none;
        }
        .product-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .product-item a {
            text-decoration: none;
            color: inherit;
            display: block;
        }
        .product-item-thumbnail {
            overflow: hidden;
            aspect-ratio: 16 / 9;
        }
        .product-item-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }
        .product-item:hover .product-item-thumbnail img {
            transform: scale(1.05);
        }
        .woocommerce-loop-product__title {
            font-size: 16px;
            font-weight: 600;
            margin: 15px 15px 10px;
            line-height: 1.4;
            color: #333;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .post-meta {
            font-size: 12px;
            color: #666;
            margin: 0 15px 8px;
            display: flex;
            gap: 15px;
        }
        
        
        
        
        
        
        
        .excerpt {
            font-size: 13px;
            color: #888;
            margin: 0 15px 15px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .related-theme {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }
        .theme-buttons {
            display: flex;
            gap: 10px;
        }
        .theme-buttons div {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.3s;
        }
        .theme-buttons div:hover {
            background: #ED1B20;
            border-color: #ED1B20;
        }
        .theme-buttons div:hover svg path {
            stroke: white;
        }
        .theme-pagination {
            display: flex;
            gap: 8px;
        }
        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: #ccc;
            border-radius: 50%;
            cursor: pointer;
        }
        .swiper-pagination-bullet-active {
            background: #ED1B20;
        }

        @media (max-width: 768px) {
            .blog-article__meta { flex-wrap: wrap; gap: 15px;justify-content: center; }
            .blog-article__author { display: none; }
            .blog-article__footer { flex-direction: column; gap: 20px;         align-items: flex-start;}
            .blog-article__actions { flex-direction: column; align-items: flex-start; }
            .blog-rating { flex-direction: column; align-items: flex-start; }
            
             .blog-header{
        margin-top: 25px;
            margin-bottom: 20px;
        }
            .newsletter__button {

    width: 100%;
    text-align: center;
    justify-content: center;
}
            
            
            .blog-post-item__content {
            
            padding: 15px 20px;
            
            }
            .blog-post-item__meta {    
    
    font-size: 12px;
    
    }
        .blog-post-item__link {
      
            font-size:  13px;

        }
            .blog-post-item__excerpt {
font-size: 14px;


}









.blog-description--main {
    padding: 26px 0;
}

.blog-description--main h2{font-size: 26px;}
.blog-description--main h3{font-size: 22px;}



.blog-description--main p{

font-size: 15px;
margin-bottom: 15px;
}

       .blog-description--main {

    margin-top: 40px;
}     
        }
    
    
    
    
    .blog-description--main{background: #F1F2F3;     padding: 48px 0;margin-top: 80px;
    }


/* Блок: список статей */
.blog-posts-list {gap: 20px;    list-style: none;}

/* Элемент: карточка статьи */
.blog-post-item {
border-radius: 3px;

background: #F1F2F3;
transition: background 0.25s ease-in-out;
}
.blog-post-item:hover {

background: var(--card);
transition: background 0.3s ease-in;

}

/* Элемент: контент карточки */
.blog-post-item__content {
padding: 20px clamp(1.25rem, 0.931rem + 1.31vw, 2.5rem);

}

/* Элемент: изображение */
.blog-post-item__image {}

.blog-post-item__image img {    max-height: 200px;
    width: 100%;
    object-fit: cover;}

/* Элемент: заголовок */
.blog-post-item__title {
font-family: var(--second-font);
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 26px;
color: #464D58;
margin-bottom: 10px

}

.blog-post-item__title a {font-family: var(--second-font);
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 26px;
color: #464D58;}

/* Элемент: анонс текста */
.blog-post-item__excerpt {font-family:  var(--first-font);
font-weight: 400;
font-size: clamp(0.875rem, 0.851rem + 0.1vw, 0.969rem);
line-height: 22px;
color: #464D58;

margin-bottom: 20px
}

/* Элемент: мета-информация */
.blog-post-item__meta {    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    
    font-size: clamp(0.75rem, 0.718rem + 0.13vw, 0.875rem);
    color: #777777;
    
    }

/* Элемент: время чтения */
.blog-post-item__reading-time {}

.blog-post-item__reading-time::before {}

/* Элемент: ссылка "Читать далее" */
        .blog-post-item__link {
            color: #ED1B20;
            text-decoration: none;
            font-weight: 700;
            font-size: clamp(0.813rem, 0.765rem + 0.2vw, 1rem);
            line-height: 18px;
            gap: 13px;
            display: flex;
            align-items: center;
            transition: all 0.3s;
            margin-bottom: 8px
        }
        .blog-post-item__link:after {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            transition: all 0.3s;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_118_125)'%3e%3cpath d='M0.835349 3.0999V0.5H10V9.66465H7.4001V4.77047L1.6707 10.5L0 8.8293L5.72947 3.0999H0.835349Z' fill='%23E32121'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_118_125'%3e%3crect width='10' height='11' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
        }
        .blog-post-item__link:hover:after { transform: rotate(45deg) translateX(3px) translateY(-3px); transition: all 0.3s; }

/* Модификатор: пустой список */
.blog-empty {}

/* Пагинация */
.pagination {}

.pagination .page-item {}

.pagination .page-link {}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .blog-post-item {}
    .blog-post-item__title {}
    .blog-post-item__excerpt {}
}

.blog-search-wrapper{
    position: relative;
}
.blog-search-input{
    padding: 16px 48px 16px 25px;
    transition: border 0.4s ease-out;
    padding: 13px 24px 13px 48px;
    line-height: 24px;
    font-size: 17px;
    border: 2px solid transparent;
    height: auto;
    background-color: #eee;
        position: relative;
        border-radius: 0;
}
.blog-search-submit{
    right: 17px;
    background: 0 0;
    border-radius: 100%;
    border: 0;
    min-height: 33px;
    min-width: 33px;
    height: 33px;
    width: 33px;
    top: 10px;
    position: absolute;
}




.pagination_blog{


}
.blog-description--main h2{font-family: var(--second-font);
font-style: normal;
font-weight: 700;
font-size: clamp(1.625rem, 1.275rem + 1.44vw, 3rem);
line-height: 49px;
color: #464D58;
margin-bottom: 14px;
}
.blog-description--main h3{
font-family: var(--second-font);
font-weight: 700;
font-size: clamp(1.375rem, 1.168rem + 0.85vw, 2.188rem);
margin-bottom: 13px;

}
.blog-description--main p{

font-size: clamp(0.938rem, 0.93rem + 0.03vw, 0.969rem);
font-family: var(--first-font);
font-weight: 400;
line-height: 120%;
margin-bottom: 20px;
}

/* ============================================
   ПАГИНАЦИЯ БЛОГА
   ============================================ */

.blog-pagination {
    margin: 40px 0 20px;
}

.blog-pagination__list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.blog-pagination__item {
    list-style: none;
    margin: 0;
}

.blog-pagination__link,
.blog-pagination__current,
.blog-pagination__dots {
    display: flex;
    align-items: center;
    justify-content: center;

}

/* Ссылки пагинации */
.blog-pagination__link {
    background: #fff;
    color: #333;
    font-weight: 500;
}

.blog-pagination__link:hover {

    color: #E32121;
}

/* Активная страница */
.blog-pagination__item--active .blog-pagination__current {


    color: #E32121;
    cursor: default;
}

/* Отключенные кнопки */
.blog-pagination__item--disabled .blog-pagination__link,
.blog-pagination__link--disabled {
    color: #999;
    background: #f5f5f5;
    cursor: not-allowed;
    border-color: #e5e5e5;
}

.blog-pagination__item--disabled .blog-pagination__link:hover,
.blog-pagination__link--disabled:hover {
    background: #f5f5f5;
    color: #999;
    transform: none;
}

/* Разделитель (троеточие) */
.blog-pagination__dots {
    background: transparent;
    border-color: transparent;
    cursor: default;
    color: #999;
}

.blog-pagination__dots:hover {
    background: transparent;
    border-color: transparent;
    transform: none;
}
.blog-pagination__link.arrow{

    padding: 18px;
    border: 1px solid #E32121;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
   

}
.blog-pagination__link.arrow[rel="prev"]{
    margin-right: 11px;
}
.blog-pagination__link.arrow[rel="next"]{
    margin-left: 11px;
}
/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .blog-pagination__link,
    .blog-pagination__current,
    .blog-pagination__dots {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px;
    }
    
    .blog-pagination__list {
        gap: 6px;
    }
    
    .blog-pagination {
        margin: 30px 0 15px;
    }
}

/* Дополнительные стили для лучшего UX */
.blog-pagination__link:active {
    transform: translateY(0);
}


/* Анимация при загрузке */
.blog-pagination__link {
    will-change: transform;
}




/* Блок newsletter */
.newsletter {
    /* Стили секции */
}

.newsletter__container {
    /* Контейнер */
}

.newsletter__content {
    /* Контентная часть */
}

.newsletter__title {
    /* Заголовок */
}

.newsletter__text {
    /* Текст */
}

.newsletter__form {
    /* Форма */
}

.newsletter__form-group {
    /* Группа формы */
}

.newsletter__input {
    /* Поле ввода */
}

.newsletter__consent-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 14px;
}

.newsletter__consent {
    /* Блок согласия */
}

.newsletter__consent-group {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-top: 20px;
}

.newsletter__checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    border-radius: 2px;
    margin-right: 20px;
}

.newsletter__consent-label {
    display: block;
}

.newsletter__privacy-link {
    /* Ссылка на политику */
}

.newsletter__button {
    color: white;
    text-decoration: none;
    font-weight: 700;
    font-size: clamp(0.813rem, 0.765rem + 0.2vw, 1rem);
    line-height: 18px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 13px 30px;
    gap: 13px;
    background: #E32121;
    border: 1px solid #E32121;
    border-radius: 3px;
    flex-wrap: nowrap;
    flex-direction: row;
    cursor: pointer;
}

.newsletter__button:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_118_125)'%3e%3cpath d='M0.835349 3.0999V0.5H10V9.66465H7.4001V4.77047L1.6707 10.5L0 8.8293L5.72947 3.0999H0.835349Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_118_125'%3e%3crect width='10' height='11' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.newsletter__button:hover:after { 
    transform: rotate(45deg) translateX(3px) translateY(-3px); 
    transition: all 0.3s; 
}

.newsletter__message {
    /* Сообщения */
}
 @media (max-width: 768px) {
 .blog-article__title{
font-size: 26px;

margin-top: 35px;
margin-bottom: 15px;
}

.related-posts-slider {
   
    padding-top: 20px;
    margin-bottom: 50px;

}

 
 }

.blog-article__title{
font-family: var(--second-font);
margin-top: 60px;
margin-bottom: 20px;
font-weight: 700;
font-size: clamp(1.625rem, 1.083rem + 2.22vw, 3.75rem);
line-height: 60px;


color: #464D58;

}












/* ============================================
   СЛАЙДЕР ПОХОЖИХ СТАТЕЙ
   ============================================ */
.related-posts-slider {
    margin-top: 60px;
    padding-top: 40px;
    margin-bottom: 80px;
    border-top: 1px solid #eee;
}

.related-posts-slider__title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: clamp(22px,0.034375 * 100vw + 14px,48.6px);
    line-height: 100%;
    font-family: var(--second-font);
    color: var(--text);
    margin-top: 70px;
}

.related-posts-slider__swiper {
    overflow: hidden;
    margin: 0 -15px;
    padding: 0 15px;
}

.related-posts-slider__controls {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    
}

.related-posts-slider__prev,
.related-posts-slider__next {
    padding: 18px;
    border: 1px solid #E32121;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E32121;
    stroke: #E32121;
}

.related-posts-slider__prev:hover,
.related-posts-slider__next:hover {
    background: #ED1B20;
    border-color: #ED1B20;
    color: #fff;
    stroke: #fff;
}

.related-posts-slider__pagination {
    display: flex;
    gap: 8px;
        width: auto !important;
}

.related-posts-slider__pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 1px !important;
    background: var(--bgDark);
    transition: background 0.4s ease-out;
    margin: 0 !important;
    position: relative;
    opacity: 1;
            cursor: pointer;
}

.related-posts-slider__pagination .swiper-pagination-bullet-active {
        background: var(--head);
}
.related-posts-slider__buttons{

    
    
        display: flex;
    align-items: center;
    gap: 15px;
}
ul li.blog-post-item:last-child {
    margin-bottom: auto!important;
}