/* 新闻详情 article-content.html — content-news 主模板结构 + 设计稿样式 */

/* ===== Banner ===== */
.page-banner{
    position:relative;
    overflow:hidden;
}
.page-banner > img,
.page-banner picture{
    display:block;
    width:100%;
}
.page-banner > img,
.page-banner picture img{
    width:100%;
    height:auto;
    min-height:180px;
    object-fit:cover;
}
.page-banner-inner{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:24px var(--page-gutter);
}
.page-banner-title{
    margin:0 0 10px;
    font-size:32px;
    line-height:1.2;
    font-weight:600;
    color:#fff;
}
.page-banner .breadcrumb{
    margin-top:0;
}
.page-banner .breadcrumb ul a,
.page-banner .breadcrumb ul span{
    color:#fff !important;
}

@media(max-width:1430px){
    .page-banner-title{font-size:30px}
}
@media(max-width:1200px){
    .page-banner-title{font-size:28px}
}
@media(max-width:768px){
    .page-banner-title{font-size:22px;line-height:30px}
    .page-banner > img,
    .page-banner picture img{min-height:140px}
}
@media(max-width:430px){
    .page-banner-title{font-size:20px;line-height:28px}
}


/* ===== Layout ===== */
.content-news{
    padding:70px 0 100px;
    background:#fff;
}
.content-news-layout{
    display:flex;
    align-items:flex-start;
    gap:95px;
}
.content-news-main{
    flex:1;
    min-width:0;
}
.content-news-aside{
    min-width: 280px;
    width:415px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    gap:30px;
    align-self:flex-start;
    height:max-content;
    position:sticky;
    top:calc(var(--h-header,90px) + 50px);
    z-index:20;
}

@media(max-width:1570px){
    .content-news{padding:64px 0 90px}
    .content-news-layout{gap:72px}
}
@media(max-width:1430px){
    .content-news{padding:60px 0 84px}
    .content-news-layout{gap:56px}
    .content-news-aside{width:360px}
}
@media(max-width:1200px){
    .content-news{padding:56px 0 76px}
    .content-news-layout{gap:40px}
    .content-news-aside{width:300px}
}

@media(min-width:992px) and (max-width:1199px){
    .content-news-layout{gap:28px}
    .content-news-aside{width:280px}
}

@media(min-width:900px) and (max-width:991px){
    .content-news{padding:48px 0 64px}
    .content-news-layout{gap:22px}
    .content-news-aside{width:230px}
}
@media(max-width:991px){
    .content-news-aside{top:var(--h-header,50px)}
}
@media(max-width:899px){
    .content-news{padding:44px 0 56px}
    .content-news-layout{flex-direction:column;gap:28px}
    .content-news-aside{
        width:100%;
        max-width:100%;
        position:static;
        top:auto;
    }
    .content-news-aside-box--toc{
        position:sticky;
        top:var(--h-header,50px);
        z-index:40;
        width:100%;
    }
}

@media(max-width:768px){
    .content-news{padding:36px 0 48px}
    .content-news-layout{gap:22px}
}

@media(max-width:540px){
    .content-news{padding:32px 0 40px}
}


/* ===== Article main ===== */
.content-news-title{
    max-width:100%;
    margin:0 0 40px;
    font-size:32px;
    line-height:1.25;
    font-weight:600;
    color:var(--c-text);
}
.content-news-meta{
    margin-bottom:0;
}
.content-news-meta-left{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 25px;
    font-size:16px;
    line-height:24px;
    font-weight:400;
}
.content-news-date{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--c-text);
    font-weight:400;
}
.content-news-date-icon{
    display:inline-flex;
    align-items:center;
    line-height:1;
}
.content-news-date-icon .icon{
    font-size:16px;
    color: #E94D54;
}
.content-news-author{
    color:var(--c-text);
    font-weight:400;
}
.content-news-divider{
    margin:25px 0;
    border-top:1px dashed #d8dde6;
}
.content-news-body{
    font-size:18px;
    line-height:30px;
    font-weight:400;
    color:#666666;
    padding-bottom:25px;
    border-bottom:1px dashed #d8dde6;
    overflow-wrap:break-word;
    word-break:normal;
    min-width:0;
}
.content-news-body::after{content:"";display:table;clear:both}
.content-news-body :is(p,li,td,dd,blockquote,figcaption){font-weight:300}
.content-news-body :is(h1,h2,h3,h4,h5,h6){font-weight:600;color:var(--c-text)}
.content-news-body :is(strong,b,th,dt){font-weight:600}
.content-news-body :is(p,div,span,section,article,figure,blockquote,ul,ol,li,h1,h2,h3,h4,h5,h6){max-width:100%;box-sizing:border-box}
.content-news-body p{
    margin:0 0 22px;
}
.content-news-body p:last-child,
.content-news-body div p:last-child,
.content-news-body li p:last-child,
.content-news-body blockquote p:last-child{
    margin-bottom:0;
}
.content-news-body em{font-style:italic}
.content-news-body a{
    color:var(--c-accent);
    text-decoration:underline;
    text-underline-offset:2px;
    word-break:break-word;
}
.content-news-body a:hover{color:#c5192d}

/* 章节标题：目录锚点 */
.content-news-body h2{
    margin:36px 0 16px;
    font-size:26px;
    line-height:1.35;
    scroll-margin-top:120px;
}
.content-news-body h2:first-child{margin-top:8px}
.content-news-body h3{
    margin:26px 0 12px;
    font-size:20px;
    line-height:1.4;
    scroll-margin-top:110px;
}
.content-news-body h4{
    margin:22px 0 10px;
    font-size:18px;
    line-height:1.4;
    scroll-margin-top:110px;
}

/* 列表 */
.content-news-body ul,
.content-news-body ol{
    margin:0 0 22px;
    padding:0 0 0 1.35em;
}
.content-news-body li{margin:0 0 8px}
.content-news-body li:last-child{margin-bottom:0}

/* 公式 / 引用 */
.content-news-body blockquote{
    margin:0 0 24px;
    padding:16px 20px;
    background:#f7f8fa;
    border-left:4px solid var(--c-accent);
    border-radius:0 8px 8px 0;
    color:var(--c-text);
    font-size:.97em;
    line-height:1.6;
}
.content-news-body blockquote strong{font-weight:600}

/* 编辑器灰底提示、CTA 盒 */
.content-news-body > div[style*="background"]{
    margin:0 0 24px;
    border-radius:8px;
    overflow:hidden;
}
.content-news-body > div[style*="background"] > h2{
    margin-top:0;
}
.content-news-body a[style*="background"]{
    display:inline-block !important;
    margin-top:4px;
    border-radius:4px;
    text-decoration:none !important;
    color:#fff !important;
    max-width:100%;
    text-align:center;
}

/* 表格：外层横滑，单元格内换行 */
.content-news-body div:has(> table){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    margin:0 0 24px;
    max-width:100%;
    border:1px solid #e6e8ee;
    border-radius:8px;
}
.content-news-body table{
    width:100%;
    min-width:640px;
    max-width:none;
    margin:0;
    border-collapse:collapse;
    background:#fff;
}
.content-news-body table th,
.content-news-body table td{
    padding:12px 14px;
    border:1px solid #e6e8ee;
    text-align:left;
    vertical-align:top;
    font-size:16px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.content-news-body table thead th{
    background:#f4f6fa;
    color:var(--c-text);
    font-weight:600;
    white-space:nowrap;
}
.content-news-body table tbody tr:nth-child(even) td{background:#fafbfc}

.content-news-body img,
.content-news-body video,
.content-news-body iframe{
    max-width:100% !important;
    height:auto !important;
}
.content-news-body img,
.content-news-body video{display:block}
.content-news-body iframe{width:100%}
.content-news-body figure{max-width:100%;margin:0 0 16px}
.content-news-pager{
    padding-top:20px;
}
.content-news-pager-item{
    margin:0 0 12px;
    font-size:16px;
    line-height:26px;
    color:var(--c-text);
    font-weight:400;
    overflow-wrap:anywhere;
}
.content-news-pager-item:last-child{
    margin-bottom:0;
}
.content-news-pager-item span{
    font-weight:600;
    margin-right:6px;
}
.content-news-pager-item a{
    font-size:16px;
    line-height:24px;
    font-weight:400;
    color:var(--c-accent) !important;
}

@media(max-width:1570px){
    .content-news-title{margin-bottom:36px}
}
@media(max-width:1430px){
    .content-news-title{font-size:30px;line-height:40px;margin-bottom:32px}
    .content-news-body{font-size:17px;line-height:28px}
    .content-news-body p{margin-bottom:18px}
    .content-news-body h2{font-size:24px;margin:32px 0 14px}
    .content-news-body h3{font-size:19px}
    .content-news-body table th,
    .content-news-body table td{font-size:15px;padding:10px 12px}
}
@media(max-width:1200px){
    .content-news-title{font-size:28px;line-height:36px;margin-bottom:28px}
    .content-news-divider{margin:22px 0}
    .content-news-body{font-size:16px;line-height:26px;padding-bottom:22px}
    .content-news-body h2{font-size:22px;margin:28px 0 12px}
    .content-news-body h3{font-size:18px}
    .content-news-body blockquote{padding:14px 16px}
}

@media(min-width:992px) and (max-width:1199px){
    .content-news-title{font-size:28px;line-height:36px}
    .content-news-meta-left{font-size:15px;line-height:22px;gap:8px 18px}
    .content-news-body{font-size:16px;line-height:26px}
}

@media(min-width:900px) and (max-width:991px){
    .content-news-title{font-size:26px;line-height:34px;margin-bottom:24px}
    .content-news-meta-left{font-size:14px;line-height:22px}
    .content-news-divider{margin:18px 0}
    .content-news-body{font-size:15px;line-height:24px}
    .content-news-body h2{font-size:21px;scroll-margin-top:100px}
    .content-news-body h3{font-size:17px;scroll-margin-top:96px}
    .content-news-pager-item,
    .content-news-pager-item a{font-size:15px;line-height:22px}
}

@media(max-width:899px){
    .content-news-title{font-size:24px;line-height:32px;margin-bottom:20px}
    .content-news-body img{
        float:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .content-news-body h2,
    .content-news-body h3,
    .content-news-body h4{scroll-margin-top:90px}
    .content-news-body table{min-width:560px}
}

@media(max-width:768px){
    .content-news-title{font-size:26px;line-height:32px;margin-bottom:16px}
    .content-news-meta-left{font-size:14px;line-height:20px;gap:8px 14px}
    .content-news-divider{margin:16px 0}
    .content-news-body{font-size:15px;line-height:24px;padding-bottom:18px}
    .content-news-body p{margin-bottom:14px}
    .content-news-body h2{font-size:20px;line-height:1.35;margin:24px 0 12px}
    .content-news-body h3{font-size:16px;margin:20px 0 10px}
    .content-news-body ul,
    .content-news-body ol{margin-bottom:16px;padding-left:1.2em}
    .content-news-body blockquote{padding:12px 14px;font-size:14px;line-height:22px}
    .content-news-body > div[style*="background"]{padding:14px !important}
    .content-news-body span,
    .content-news-body font{font-size:inherit !important;line-height:inherit !important}
    .content-news-body table{min-width:520px}
    .content-news-body table th,
    .content-news-body table td{font-size:13px;line-height:20px;padding:8px 10px}
    .content-news-body table thead th{white-space:normal}
    .content-news-pager{padding-top:16px}
    .content-news-pager-item,
    .content-news-pager-item a{font-size:14px;line-height:22px}
}

@media(max-width:540px){
    .content-news-title{font-size:22px;line-height:30px}
    .content-news-body{font-size:14px;line-height:22px}
    .content-news-body h2{font-size:18px;margin:22px 0 10px}
    .content-news-body h3{font-size:15px}
    .content-news-body a[style*="background"]{
        display:block !important;
        width:100%;
        box-sizing:border-box;
    }
    .content-news-body table{min-width:480px}
}
@media(max-width:430px){
    .content-news-title{font-size:20px;line-height:28px}
    .content-news-pager-item{margin-bottom:10px}
    .content-news-body h2{font-size:17px}
    .content-news-body > div[style*="background"]{padding:12px !important}
}


/* ===== Sidebar ===== */
.content-news-aside-box{
    background:#fafbfc;
    border:1px solid #ededed;
    border-radius:10px;
    padding:28px 25px 30px;
    min-width:0;
}
.content-news-aside-head{
    position:relative;
    margin:0;
    padding-left:20px;
    font-size:22px;
    line-height:30px;
    font-weight:600;
    color:var(--c-text);
}
.content-news-aside-head::before{
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:5px;
    height:20px;
    background:var(--c-accent);
}
.content-news-aside-head--toc{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-right:0;
    cursor:pointer;
    user-select:none;
}
.content-news-aside-head--toc::before{
    top:50%;
    transform:translateY(-50%);
}
.content-news-toc-toggle{
    flex-shrink:0;
    width:28px;
    height:28px;
    padding:0;
    border:none;
    background:transparent;
    color:var(--c-text);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:transform .3s;
}
.content-news-toc-toggle::before{
    content:"";
    width:8px;
    height:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    margin-top:-4px;
}
.content-news-aside-box--toc:not(.active) .content-news-toc-toggle{
    transform:rotate(-180deg);
}
.content-news-aside-box--toc:not(.active) .content-news-toc{
    display:none;
}
.content-news-toc{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
    margin-top: 20px;
}
.content-news-toc-group{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
}
.content-news-toc-h2 a{
    position:relative;
    display:-webkit-box;
    padding-left:15px;
    font-size:18px;
    line-height:26px;
    font-weight:500;
    color:var(--c-accent) !important;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-word;
}
.content-news-toc-h2 a::before{
    content:">";
    position:absolute;
    left:0;
    top:0;
    font-family:'Poppins',sans-serif;
    color:var(--c-accent);
}
.content-news-toc-group ul{
    list-style:none;
    margin:0;
    padding:0 0 0 8px;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.content-news-toc-group ul a{
    position:relative;
    display:-webkit-box;
    padding-left:28px;
    font-size:16px;
    line-height:24px;
    font-weight:400;
    color:var(--c-text) !important;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-word;
}
.content-news-toc-h2 a:hover,
.content-news-toc-group ul a:hover{
    color:var(--c-accent) !important;
}

@media(max-width:1430px){
    .content-news-aside-box{padding:24px 20px 26px}
    .content-news-aside-head{font-size:20px !important;line-height:28px !important;}
    .content-news-toc-h2 a{font-size:16px;line-height:24px}
}
@media(max-width:1200px){
    .content-news-aside-box{padding:20px 16px 22px}
    .content-news-aside-head{margin-bottom:16px}
    .content-news-toc-h2 a{font-size:15px;line-height:22px}
    .content-news-toc-group ul a{font-size:14px;line-height:20px}
}

@media(min-width:900px) and (max-width:991px){
    .content-news-aside-box{padding:16px 14px 18px}
    .content-news-toc-h2 a{font-size:14px;line-height:20px}
    .content-news-toc-group ul a{font-size:13px;line-height:18px;padding-left:22px}
}

@media(max-width:899px){
    .content-news-aside-box--toc{
        padding:0;
        background:transparent;
        border:none;
        border-radius:0;
    }
    .content-news-aside-head--toc{
        margin:0 !important;
        padding:12px 12px 12px 16px;
        font-size:16px;line-height:24px;
        background:#fff;
        border:1px solid #e3eaf1;
        border-radius:10px;
        box-shadow:0 4px 14px rgba(10,26,74,.07);
    }
    .content-news-aside-head--toc::before{display:none}
    .content-news-aside-box--toc.active .content-news-aside-head--toc{
        border-radius:10px 10px 0 0;
        border-bottom-color:transparent;
        box-shadow:none;
    }
    .content-news-toc{
        margin:0;
        padding:8px 12px 14px;
        background:#fff;
        border:1px solid #e3eaf1;
        border-top:none;
        border-radius:0 0 10px 10px;
        box-shadow:0 8px 18px rgba(10,26,74,.08);
        max-height:55vh;
        overflow:auto;
    }
    .content-news-main {margin-top: 30px;}
}

@media(max-width:768px){
    .content-news-aside-box--form{padding:20px 16px}
    .content-news-aside-head{font-size:18px;line-height:26px}
}


/* Inquiry form in sidebar */
.content-news-aside-box--form .form-feedback-news .form-group{
    margin-bottom:18px;
    position:relative;
    padding-bottom:16px;
}
.content-news-aside-box--form .form-feedback-news .cms-inquiry-form__error{
    font-size:13px;
    line-height:18px;
}
.content-news-aside-box--form .form-feedback-news label{
    display:block;
    font-size:18px;
    line-height:26px;
    font-weight:600;
    color:var(--c-text);
    margin-bottom:8px;
}
.content-news-aside-box--form .form-feedback-news .form-control{
    width:100%;
    height:44px;
    padding:0 16px;
    border:1px solid #e0e0e0;
    border-radius:6px;
    background:#fff;
    font-size:15px;
    line-height:44px;
    font-weight:400;
    color:#333;
}
.content-news-aside-box--form .form-feedback-news select.form-control{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    padding-right:36px;
    color:#bbb;
}
.content-news-aside-box--form .form-feedback-news select.form-control:valid{
    color:#333;
}
.content-news-aside-box--form .form-feedback-news textarea.form-control{
    height:100px;
    line-height:24px;
    padding:12px 16px;
    resize:none;
}
.content-news-aside-box--form .form-feedback-news .form-control::placeholder{
    color:#bbb;
    font-size:16px;
    line-height:24px;
}
.content-news-aside-box--form .form-feedback-news .form-btn-box{
    margin-top:8px;
}
.content-news-aside-box--form .form-feedback-news .form-btn-box .form-group{
    margin-bottom:0;
    padding-bottom:0;
}
.content-news-aside-box--form .form-feedback-news .btn{
    width:100%;
    height:60px;
    padding:0;
    border:none;
    border-radius:4px;
    background:var(--c-accent);
    color:#fff !important;
    font-size:18px;
    line-height:60px;
    font-weight:600;
    font-family:inherit;
    cursor:pointer;
    transition:background .3s;
}
.content-news-aside-box--form .form-feedback-news .btn:hover{
    background:#003b99;
}
.content-news-aside-box--form .form-feedback-news .cms-inquiry-form__captcha{
    display:flex;
    align-items:stretch;
    gap:10px;
}
.content-news-aside-box--form .form-feedback-news .cms-inquiry-form__captcha .form-control{
    flex:1;
    min-width:0;
}
.content-news-aside-box--form .news-captcha-refresh{
    flex:0 0 120px;
    padding:0;
    border:1px solid #e0e0e0;
    border-radius:6px;
    background:#fff;
    cursor:pointer;
    overflow:hidden;
}
.content-news-aside-box--form .news-captcha-refresh img{
    display:block;
    width:120px;
    height:44px;
    object-fit:cover;
}
.content-news-aside-box--form .form-feedback-news .cms-inquiry-form__msg{
    margin-top:10px;
}

@media(max-width:1200px){
    .content-news-aside-box--form .form-feedback-news label{font-size:16px;line-height:24px}
    .content-news-aside-box--form .form-feedback-news .btn{height:52px;line-height:52px;font-size:16px}
}
@media(max-width:768px){
    .content-news-aside-box--form .form-feedback-news label{font-size:15px;line-height:22px}
    .content-news-aside-box--form .news-captcha-refresh{flex:0 0 96px}
    .content-news-aside-box--form .news-captcha-refresh img{width:96px}
    .content-news-aside-box--form .form-feedback-news .form-group {margin: 0 !important;}
}
@media(max-width:430px){
    .content-news-aside-box--form .form-feedback-news .cms-inquiry-form__captcha{flex-wrap:wrap}
    .content-news-aside-box--form .news-captcha-refresh{flex:0 0 auto;width:100%}
    .content-news-aside-box--form .news-captcha-refresh img{width:100%;height:40px}
}


/* ===== Related products ===== */
.content-news-related{
    margin-top:70px;
}
.content-news-related-head{
    display:flex;
    align-items:center;
    min-height:75px;
    height:75px;
    margin-bottom:50px;
    background:#f3f6fb;
    border-radius:20px;
    overflow:hidden;
}
.content-news-related-title{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:100%;
    max-width:100%;
    margin:0 !important;
    padding:0 45px;
    background:var(--c-accent);
    color:#fff;
    font-size:24px;
    line-height:32px;
    font-weight:600;
    border-radius:20px;
}
.content-news-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}
.content-news-related-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 16px rgba(6,0,1,.06);
}
.content-news-related-card-img-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:175px;
    padding:20px;
    background:#fff;
    overflow:hidden;
}
.content-news-related-card-img-link img{
    width:100%;
    height:auto;
    max-width:100%;
    max-height:220px;
    object-fit:contain;
    display:block;
}
.content-news-related-card-info{
    padding:22px 25px 25px;
    min-width:0;
}
.content-news-related-card-model{
    margin:0 0 6px;
    font-size:19px;
    line-height:30px;
    font-weight:600;
    color:var(--c-accent);
}
.content-news-related-card-title{
    margin:0;
    font-size:18px;
    line-height:26px;
    font-weight:600;
    color:var(--c-text);
}
.content-news-related-card-title-link{
    display:block;
}

@media(max-width:1570px){
    .content-news-related{margin-top:60px}
    .content-news-related-grid{gap:32px}
}
@media(max-width:1430px){
    .content-news-related-head{height:68px;min-height:68px;margin-bottom:40px}
    .content-news-related-title{font-size:22px;line-height:30px;padding:0 36px}
    .content-news-related-card-img-link{min-height:160px}
}
@media(max-width:1200px){
    .content-news-related{margin-top:52px}
    .content-news-related-grid{gap:24px}
    .content-news-related-title{font-size:20px;line-height:28px;padding:0 28px}
    .content-news-related-card-img-link{min-height:148px;padding:16px}
}

@media(min-width:992px) and (max-width:1199px){
    .content-news-related-grid{gap:18px}
    .content-news-related-card-info{padding:16px 16px 18px}
    .content-news-related-card-model{font-size:16px;line-height:24px}
    .content-news-related-card-img-link{min-height:132px;padding:14px}
    .content-news-related-card-img-link img{max-height:160px}
}

@media(min-width:900px) and (max-width:991px){
    .content-news-related-head{height:auto;min-height:0;margin-bottom:32px}
    .content-news-related-title{height:auto;padding:14px 24px;font-size:18px;line-height:26px}
    .content-news-related-grid{grid-template-columns:repeat(2,1fr);gap:18px}
}

@media(max-width:899px){
    .content-news-related{margin-top:44px}
    .content-news-related-head{height:auto;min-height:0;margin-bottom:28px}
    .content-news-related-title{height:auto;padding:16px 24px;font-size:18px;line-height:26px}
    .content-news-related-grid{grid-template-columns:repeat(2,1fr);gap:16px}
    .content-news-related-card-img-link{min-height:140px}
}

@media(max-width:768px){
    .content-news-related{margin-top:36px}
    .content-news-related-grid{grid-template-columns:1fr;gap:16px}
    .content-news-related-title{padding:16px 20px;}
    .content-news-related-card-img-link{min-height:140px;padding:16px}
    .content-news-related-card-img-link:hover img{transform:none}
    .content-news-related-card-model{font-size:16px;line-height:24px}
}

@media(max-width:540px){
    .content-news-related-title{font-size:16px;line-height:24px}
    .content-news-related-card-info{padding:16px}
}