/* =========================================================
   KIM PHÁT - TIN TỨC TRANG CHỦ
   ĐỒNG BỘ KÍCH THƯỚC VỚI KHỐI SẢN PHẨM
   CHỈ CSS TIN TỨC - KHÔNG SỬA INDEX / PRODUCTS
   ========================================================= */

#tin-tuc.kp-news-section{
    width:1390px !important;
    max-width:1390px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:48px 0 56px !important;
    box-sizing:border-box !important;
    background:#fff;
}

#tin-tuc .container{
    width:1390px !important;
    max-width:1390px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* TIÊU ĐỀ = GIỐNG SẢN PHẨM */
#tin-tuc .section-title{
    width:1390px !important;
    max-width:1390px !important;
    margin:0 0 28px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    box-sizing:border-box !important;
}

#tin-tuc .section-title span{
    flex:1 1 auto !important;
    height:1px !important;
    max-width:none !important;
    background:#dbe4ef !important;
}

#tin-tuc .section-title h2{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#075bb5 !important;
    font-size:28px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    text-align:center !important;
    white-space:nowrap !important;
}

/* GRID = 3 CARD CĂN ĐỀU */
#tin-tuc .kp-news-grid{
    width:1390px !important;
    max-width:1390px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:24px !important;
    row-gap:16px !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
}

/* CARD = LUÔN CÙNG CHIỀU CAO TRONG MỘT HÀNG */
#tin-tuc .kp-news-card{
    position:relative;
    width:auto !important;
    min-width:0 !important;
    min-height:100% !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    background:#fff !important;
    border:1px solid #e1e8f0 !important;
    border-radius:14px !important;
    box-shadow:0 5px 18px rgba(16,45,80,.08) !important;
    box-sizing:border-box !important;
}

#tin-tuc .kp-news-card:hover{
    transform:translateY(-3px);
    box-shadow:0 9px 24px rgba(16,45,80,.13) !important;
}

/* ẢNH CARD ĐỒNG ĐỀU = 220PX */
#tin-tuc .kp-news-card__image{
    display:block !important;
    width:100% !important;
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
    overflow:hidden !important;
    background:#eef2f6 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

#tin-tuc .kp-news-card__image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    margin:0 !important;
    padding:0 !important;
}

/* NỘI DUNG = CÙNG KIỂU VỚI CARD SẢN PHẨM */
#tin-tuc .kp-news-card__body{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    min-width:0 !important;
    padding:14px 16px 16px !important;
    box-sizing:border-box !important;
}

#tin-tuc .kp-news-card__tag{
    display:block !important;
    margin:0 0 8px !important;
    color:#075bb5 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}

#tin-tuc .kp-news-card h2,
#tin-tuc .kp-news-card h3{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    min-height:66px !important;
    margin:0 0 8px !important;
    color:#123d72 !important;
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}

#tin-tuc .kp-news-card p{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    min-height:59px !important;
    margin:0 0 10px !important;
    color:#536579 !important;
    font-size:14px !important;
    line-height:1.4 !important;
}

#tin-tuc .kp-news-card__date{
    margin:0 0 10px !important;
    color:#7b8da3 !important;
    font-size:13px !important;
}

#tin-tuc .kp-news-card > .kp-news-card__body > a:last-child,
#tin-tuc .kp-news-card a.detail{
    display:block !important;
    margin-top:auto !important;
    color:#0b55bd !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

#tin-tuc .kp-news-card a:hover{
    text-decoration:underline !important;
}

/* NÚT XEM THÊM */
#tin-tuc .kp-news-more{
    width:100% !important;
    margin:28px 0 0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

#tin-tuc .kp-news-more a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 20px !important;
    border-radius:8px !important;
    background:#075bb5 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:800 !important;
    box-sizing:border-box !important;
}

/* TABLET */
@media (max-width:1420px){
    #tin-tuc.kp-news-section{
        width:100% !important;
        max-width:100% !important;
        padding-left:15px !important;
        padding-right:15px !important;
    }

    #tin-tuc .container,
    #tin-tuc .section-title,
    #tin-tuc .kp-news-grid{
        width:100% !important;
        max-width:100% !important;
    }
}

/* MOBILE: GIỮ NGUYÊN CARD / ẢNH / NÚT, CHỈ SỬA LỖI TIÊU ĐỀ BỊ KHUẤT */
@media (max-width:750px){
    #tin-tuc.kp-news-section{
        width:100% !important;
        max-width:100% !important;
        padding:36px 12px 44px !important;
        overflow:hidden !important;
    }

    #tin-tuc .container,
    #tin-tuc .section-title,
    #tin-tuc .kp-news-grid{
        width:100% !important;
        max-width:100% !important;
    }

    #tin-tuc .section-title{
        gap:10px !important;
        margin-bottom:22px !important;
        min-width:0 !important;
        overflow:visible !important;
    }

    #tin-tuc .section-title span{
        flex:1 1 55px !important;
        width:auto !important;
        min-width:18px !important;
        max-width:55px !important;
    }

    /* FIX QUAN TRỌNG: cho H2 co lại theo chiều rộng mobile, không bị cắt hai bên */
    #tin-tuc .section-title h2{
        flex:1 1 auto !important;
        min-width:0 !important;
        max-width:none !important;
        width:auto !important;
        font-size:22px !important;
        line-height:1.22 !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
        text-align:center !important;
    }

    #tin-tuc .kp-news-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    #tin-tuc .kp-news-card__image{
        height:210px !important;
        min-height:210px !important;
        max-height:210px !important;
    }
}
/* =========================================================
   MOBILE - CHỈ SỬA MOBILE
   PC GIỮ NGUYÊN HOÀN TOÀN
   ========================================================= */
@media (max-width:750px){

    #tin-tuc.kp-news-section{
        width:100% !important;
        max-width:100% !important;
        padding:36px 12px 44px !important;
    }

    #tin-tuc .container,
    #tin-tuc .section-title,
    #tin-tuc .kp-news-grid{
        width:100% !important;
        max-width:100% !important;
    }

    #tin-tuc .section-title{
        gap:10px !important;
        margin-bottom:22px !important;
    }

    #tin-tuc .section-title span{
        max-width:55px !important;
    }

    #tin-tuc .section-title h2{
        font-size:22px !important;
        line-height:1.2 !important;
        white-space:normal !important;

        /* CHỈ 2 DÒNG */
        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        overflow:hidden !important;

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

    #tin-tuc .kp-news-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    #tin-tuc .kp-news-card__image{
        height:210px !important;
        min-height:210px !important;
        max-height:210px !important;
    }
}