/* Start:/local/components/sp/blog.element/templates/.default/style.css?17847479926141*/
.blog-content-items-interest{
    order: 3;
}
/* Планшет (например, 768px и выше) */
@media (min-width: 768px) {
    .blog-content-items-interest{
        order: 5; /* 5-й на планшете */
    }
}
@media (min-width: 1024px) {
    .blog-content-items-interest{
        order: 7; /* 7-й на десктопе */
    }
}
h1.blog-header__title, .h1.blog-header__title{
    font-size: 42px;
}
.blog-content{
    margin-top: 0px!important;
}
.blog-container-element{
    font-size: 16px;
}
.blog-container-element time{
    color: #979797;
    display: block;
    margin-bottom: 1rem;
}
.blog-container-element img {
    margin-bottom: 2rem;
}
.blog-container-element a {
    color: #45b521;
}
.blog-container-element a:hover {
    color: #39951c;
}
.blog-container-element p {
    font-weight: 500;
    font-size: 18px;
    line-height: 156%;
    letter-spacing: -.04em;
    color: #333;
   
    margin-bottom: 1rem;
}
@media (max-width: 576px) {
    .blog-container-element p {
        font-weight: 500;
        font-size: 16px;
        line-height: 175%;
        letter-spacing: -.04em;
    }
}

.blog-container-element ul{
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    font-size: 18px;
    line-height: 156%;
    letter-spacing: -.04em;
    color: #333;
   

}
.blog-container-element ul li{
    list-style: disc;
    margin-bottom: 10px;
}
.blog-container-element ul li::marker{
    color: #45B521;
}

.blog-detail section{
    margin-left: 50px;
    margin-right: 50px;
}
:root{
    --green:#45B521;
    --green-dark:#38921a;
    --green-bg:#EAF9E6;
    --green-bg-2:#DFF3D9;
    --blue-bg:#E0EBF7;
    --dark:#161616;
    --black:#0A0A0A;
    --text:#1A1D1A;
    --muted:#6B7280;
    --border:#E7E9E6;
    --card-bg:#F4F5F3;
    --radius-lg:28px;
    --radius-md:16px;
    --radius-sm:10px;
    --container:1200px;
    --gap:24px;
}
h1,h2,h3{
    font-family:'Manrope', sans-serif;
    font-weight:800;
    line-height:1.2;
    margin:0 0 16px;
    letter-spacing:-0.01em;
}
.ph-img{
    position:relative;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
            repeating-linear-gradient(135deg, #dcdfd9, #dcdfd9 12px, #e8ebe5 12px, #e8ebe5 24px);
    color:#8b8f87;
    font-size:14px;
    font-weight:600;
    text-align:center;
    padding:12px;
    overflow:hidden;
    border-radius:var(--radius-md);
}
.ph-img::before{
    content:attr(data-label);
}

/* ---------- Hero card ---------- */
.hero-card{
    margin:24px 0 56px;
    /*background:linear-gradient(135deg, var(--green-bg) 0%, var(--green-bg-2) 60%, #fff 100%);*/
    background: #F4F4F4 url("/local/components/sp/blog.element/templates/.default/img/bg.png") no-repeat;
    border-radius:var(--radius-lg);
    padding:48px 48px 40px;
    position:relative;
    overflow:hidden;
    background-size: 100%;
}
.badge{
    display:inline-block;
    background:var(--green);
    color:#fff;
    font-size:13px;
    font-weight:700;
    padding:6px 18px;
    border-radius:100px;
    margin-bottom:20px;
}
.hero-card h1{position:relative;z-index:1;font-size:40px;font-weight: bold;color:#000}
.hero-date{color:var(--muted);font-size:15px;margin-bottom:20px;}
.tag-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;position:relative;z-index:1;}
.tag-pills span{
    background:#fff;
    border-radius:100px;
    padding:8px 18px;
    font-size:14px;
    font-weight:500;
}
.hero-image{
    border-radius:var(--radius-md);
    overflow:hidden;
    aspect-ratio:16/8.2;
}
.hero-image img{
    width: 100%;
}

/* ---------- Generic section spacing ---------- */
section.section-center{
    max-width: 924px;
    margin: 60px auto 0;
}
.section{padding:48px 0;}
.section-tight{padding:24px 0;}
.section-tight p{font-size:20px;line-height: 32px;margin-bottom: 1rem;}
.full-image{
    aspect-ratio:16/8.4;
    border-radius:var(--radius-md);
    overflow:hidden;
    margin:24px 0;
}
.caption{font-size:14px;color:var(--muted);margin-top:12px;}

.section-tight ul li{
    position:relative;
    padding-left:26px;
    margin-bottom:12px;
    font-size:20px;
    line-height: 32px;
}
.section-tight ul li::before{
    content:"";
    position:absolute;
    left:0;top:11px;
    width:8px;height:8px;
    border-radius: 50%;
    background:var(--green);
}


/* =========================================================
           TABLET  (<=1024px)
           ========================================================= */
@media (max-width:1024px){
    h1{font-size:32px;font-weight: normal;}
    h2{font-size:26px;;font-weight: normal;}

    .hero-card{padding:32px 28px;}
    .carousel-row{grid-template-columns:0.6fr 2.5fr 0.6fr;}
    .steps-row{grid-template-columns:repeat(2,1fr);}
    .stats-grid{grid-template-columns:1fr 1fr;}
    .cards-grid-2{grid-template-columns:1fr 1fr;}
    .related-grid{grid-template-columns:repeat(2,1fr);}
    .footer-cols{grid-template-columns:repeat(2,1fr);row-gap:32px;}
}

/* =========================================================
   MOBILE  (<=640px)
   ========================================================= */
@media (max-width:640px){
    h1{font-size:24px;font-weight: normal;}
    h2{font-size:21px;font-weight: normal;}
    h3{font-size:18px;font-weight: normal;}
    .lede{font-size:15px;}
    .hero-card{padding:24px 18px;border-radius:20px;margin-bottom:40px;}
    .badge{font-size:12px;padding:5px 14px;}
    .tag-pills span{font-size:12px;padding:6px 14px;}
    .hero-image{aspect-ratio:4/3;}
    .full-image{aspect-ratio:4/3;}
    .carousel-row{grid-template-columns:1fr;gap:12px;}
    .carousel-side{display:none;}
    .carousel-viewport{aspect-ratio:4/3;}
    .process-box, .stats-box, .cta-banner, .footer-cta{padding:28px 20px;border-radius:20px;}
    .process-box-head{flex-direction:column;gap:10px;}
    .steps-row{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:1fr;}
    .cards-grid-2{grid-template-columns:1fr;}
    .related-grid{grid-template-columns:1fr;}
    .footer-cols{grid-template-columns:1fr;}
    .stat-num{font-size:36px;}
    .cta-banner h2, .footer-cta h2{font-size:21px;}
    .to-top{right:16px;bottom:16px;width:42px;height:42px;}
}
/* End */
/* /local/components/sp/blog.element/templates/.default/style.css?17847479926141 */