.img-thumbnail img{    max-width: 95%;}
.text-conten {
    border-left: 4px solid #f39c12;
    margin-bottom: 18px;
    padding: 15px;
    border-radius: 10px;
    background: #fafafa;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s 
ease;
}
.text-conten:hover {
    transform: translateY(-3px);
}
.faq-text{
    font-style: italic;
    padding: 10px;
    background: #fffdf8;
    border: 1px dashed #eae3dd;
}
.imsp{    width: 100%;}
.gias{       font-size: 2.5rem;
    font-weight: 500;
    color: #ee4d2d;}
.btn-solid-primary:hover {    background: #fd6547;    color: #fff!important;
}
	ul.navbar-nav li:last-child a{    font-weight: bold;}
.btn-solid-primary {
    margin-right: 15px;
    min-width: 11.25rem;
        padding: 10px 18px 2px;
    font-size: 14px;
    text-transform: uppercase;
    background: #ee4d2d;
    margin-top: 10px;    line-height: 35px;
}
[data-title] {
   position: relative;
}

[data-title]:hover::before {
      content: attr(data-title);
    position: absolute;
    margin-top: 32px;
    display: inline-block;
    padding: 6px 8px;
    border-radius: 5px;
    background: #fff;
    color: #636363;
    max-width: 300px;
    width: max-content;
    font-size: 12px;
    text-transform: uppercase;
    font-family: sans-serif;
    border: 1px solid #a2a2a2;
    z-index: 99;
    white-space: inherit;
    box-shadow: 0px 0px 2px #8a8888;
}

[data-title]:hover::after { 
    content: '';
    position: absolute;
    bottom: -14px;
    left: 8px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-bottom: 8px solid #868686;

}
.top-ttlh{
background: #fbfffc;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px #888;
    border: 1px solid #a8d0aa;
}
#news-bodyhtml h1{
    text-transform: uppercase;
    text-shadow: 0px 1px 1px #ccc;
    font-weight: bold;
}
#news-bodyhtml h2{        text-transform: uppercase;    overflow: auto;
    color: #494949;
    font-size: 23px;
    font-weight: bold;
    margin: 10px 0px 5px;}

#news-bodyhtml h3{    color: #00b707;
    font-weight: bold;    font-size: 18px;
    margin: 10px 0px 5px;}
.top-title {
    border-bottom: 2px solid #f22;
    padding: 0px 6px 6px 5px;
    margin-left: -7px;
}
.top-h2{
padding-bottom: 1px;
    border-bottom: 2px solid #e8e8e8;    font-size: 26px;
}
.top{
    background: #f22;
    padding: 5px;
    color: #fff;
    border-left: 2px solid #920000;
}
.top-list a:hover{
    color: #4CAF50;
    font-weight: bold;
}
.top-list {
    font-size: 12px;
    z-index: 999;
    background: #f9f9f9;
    position: fixed;
    bottom: 1px;
    left: 10px;
    padding: 15px 23px 15px 12px!important;
    box-shadow: 0px 0px 4px #c44040;
    border: 1px solid #cc7070;
    border-radius: 12px;
}
#pages a , #pages  a:link,  #pages  a:active, #pages  a:visited {
    color:rgb(52, 152, 219);
}
#news-bodyhtml td, #news-bodyhtml  th {
    padding: 5px;
}
.footer-right,.footer-left{    margin-top: 20px;}
.footer-right h3{    text-align: right;}
.body-bg{overflow: hidden;}
.title-h2{font-size: 38px;text-align: center;    text-transform: uppercase;}
.title-h3{text-align: center; font-size: 23px; font-weight: normal;}
.navbar-static-top {background-color: transparent;border-color: transparent;right: 0px; width: 100%;}
.panel-default {padding: 10px;}
.content-1, .content-1 .panel-default{padding: 0px!important;background: transparent!important;}
.content-1  .panel {border: 0px solid transparent!important; border-radius: 0px; -webkit-box-shadow:none;box-shadow:none;}
.container{    padding-left: 0px;padding-right: 0px;}
.top-num {    background: rgba(21, 21, 21, 0.25);; padding: 10px 15px;margin: 10px 2px 13px;}
.top-num img {border-radius: 10px;border: 2px solid rgba(255, 255, 255, 0.25);padding: 3px;    margin: 10px 0px;}

 .tm-home-contact .tm-home-contact-left .tm-home-contact-icon {
    font-size: 34px;
    width: 65px;
    height: 65px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    padding-left: 15px;
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); 
 transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

.tm-home-contact-icon {
    color: #FFFFFF;
}
.tm-home-contact .tm-home-contact-left {
    display: inline-block;
    float: left;
    margin-right: 7px;
}
.tm-home-contact .tm-home-contact-right {
    display: inline-block;
    float: left;
    padding-top: 20px;
}
.tm-home-contact .tm-home-contact-right .tm-home-contact-small {
    display: block;
    font-size: 14px;
    line-height: 1.1;    color: #ffffff;
}
.tm-home-contact .tm-home-contact-right .tm-home-contact-big {
    display: block;
    font-size:17px;
    line-height: 1.1;    color: #ffffff;
}
.tm-home-contact:hover .tm-home-contact-icon {
    background: rgba(255, 255, 255, 0.2);
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); 
 transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

ul.tm-ourhistory {
    list-style: none!important;
    padding-left: 5px!important;
}
ul.tm-ourhistory li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px;
}
ul.tm-ourhistory li:after {
    position: absolute;
    width: 1px;
    height: 100%;
    content: '';
    left: 9px;
    top: 4px;
    z-index: 8;
    background: #dddddd;
}
ul.tm-ourhistory li:last-child:after {
    background: #fff;
}
 ul.tm-ourhistory li:before {
    position: absolute;
    content: '\f111';
    color: #b7171c;
    left: 0px;
    top: 3px;
    width: 20px;
       z-index: 9;
 text-align:center;
    font: normal normal normal 11px/1 FontAwesome;
}

.main-nav-scrolled ul li:first-child a {

   color:#000!important;
}
.menu-sticky ul li:first-child a {
     font-weight: 600;
    color:#cd3333;
}

.main-nav-scrolled ul li a.active {
    color: #cd3333!important;      -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.main-nav-scrolled .dem-top{    height: 99px;
-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

 .logo a.logo-mobile{
 display: none}
.main-nav-scrolled .logo a.logo-mobile{
    display: block;}
 .main-nav-scrolled .logo a.logo-mobile img {  padding: 0px 0px 1px;}
 .main-nav-scrolled .navbar-toggle {
    margin-right: 20px!important;    margin-bottom: 5px!important;
    margin-top: 7px!important;}
.main-nav-scrolled .logo a.logo-desk{    display: none;}

.main-nav-scrolled .navbar {min-height: 30px!important;}
.main-nav-scrolled .navbar-nav>li>a{padding-top: 7px!important;padding-bottom: 7px!important;}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a6302e), color-stop(1, #c2302b));
	background:-moz-linear-gradient(top, #a6302e 5%, #c2302b 100%);
	background:-webkit-linear-gradient(top, #a6302e 5%, #c2302b 100%);
	background:-o-linear-gradient(top, #a6302e 5%, #c2302b 100%);
	background:-ms-linear-gradient(top, #a6302e 5%, #c2302b 100%);
	background:linear-gradient(to bottom, #a6302e 5%, #c2302b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6302e', endColorstr='#c2302b',GradientType=0);
	background-color:#a6302e;
}
.mybuttom-1:active, .myButton:active {
	position:relative;
	top:1px;
}

.myButton,.mybuttom-1{-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;}
.mybuttom-1 {
	-moz-box-shadow: 0px 10px 10px -7px #27734e;
	-webkit-box-shadow: 0px 10px 10px -7px #27734e;
	box-shadow: 0px 10px 10px -7px #27734e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0ec727), color-stop(1, #14911d));
	background:-moz-linear-gradient(top, #0ec727 5%, #14911d 100%);
	background:-webkit-linear-gradient(top, #0ec727 5%, #14911d 100%);
	background:-o-linear-gradient(top, #0ec727 5%, #14911d 100%);
	background:-ms-linear-gradient(top, #0ec727 5%, #14911d 100%);
	background:linear-gradient(to bottom, #0ec727 5%, #14911d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ec727', endColorstr='#14911d',GradientType=0);
	background-color:#0ec727;
	text-shadow:1px 2px 17px #3e8a47;
}

.myButton {
	-moz-box-shadow: 0px 10px 10px -7px #732727;
	-webkit-box-shadow: 0px 10px 10px -7px #732727;
	box-shadow: 0px 10px 10px -7px #732727;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c2302b), color-stop(1, #a6302e));
	background:-moz-linear-gradient(top, #c2302b 5%, #a6302e 100%);
	background:-webkit-linear-gradient(top, #c2302b 5%, #a6302e 100%);
	background:-o-linear-gradient(top, #c2302b 5%, #a6302e 100%);
	background:-ms-linear-gradient(top, #c2302b 5%, #a6302e 100%);
	background:linear-gradient(to bottom, #c2302b 5%, #a6302e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2302b', endColorstr='#a6302e',GradientType=0);
	background-color:#c2302b;
	text-shadow:1px 2px 17px #8a3d3d;
} 
.mybuttom-1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14911d), color-stop(1, #0ec727));
	background:-moz-linear-gradient(top, #14911d 5%, #0ec727 100%);
	background:-webkit-linear-gradient(top, #14911d 5%, #0ec727 100%);
	background:-o-linear-gradient(top, #14911d 5%, #0ec727 100%);
	background:-ms-linear-gradient(top, #14911d 5%, #0ec727 100%);
	background:linear-gradient(to bottom, #14911d 5%, #0ec727 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14911d', endColorstr='#0ec727',GradientType=0);
	background-color:#14911d;
}

.contact-us {
    position: relative;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    -webkit-transform: translateZ(0);
    display: inline-block;
    font-size: 16px!important;
    padding-left: 4px;
    border: solid 2px rgba(255, 255, 255, 0.35);
    margin-bottom: 3px;
}
.top-num img:hover {
    -webkit-filter: grayscale(75%) blur(0px);
    filter: grayscale(75%) blur(0px);
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

 .panel-body #news-bodyhtml img {
  margin-right: 0px!important; 
}
.tm-home-contact-icon-1 {
    color: #000000;
}
  .top-list-table{  border-spacing: 2px;}
.top-list-table td{ padding: 5px!important;   border: 1px solid #ccc;}
.panel-body #news-bodyhtml .top-mota img{ margin-right: 15px !important;}
.top-mota{
    background: #f5f5f5;
    padding: 10px;
    margin-top: -6px!important;
    font-style: italic;
}

#header .logo {
 padding: 0px!important;}
/* ================================
   KHOI MOC - NEWS CATEGORY UX STYLE
   Dùng cho trang /quang-cao/
================================ */

/* Khung nội dung chính */
.col-sm-16.col-md-18 {
    --km-blue: #0b4f8a;
    --km-blue-dark: #083b68;
    --km-orange: #f58220;
    --km-red: #e74c3c;
    --km-text: #14213d;
    --km-muted: #6b7280;
    --km-border: #e5e7eb;
    --km-bg: #f7f9fc;
    --km-card: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
}

/* Reset link */
.col-sm-16.col-md-18 a {
    color: var(--km-blue);
    text-decoration: none;
    transition: all .2s ease;
}

.col-sm-16.col-md-18 a:hover {
    color: var(--km-orange);
    text-decoration: none;
}

/* ================================
   BÀI NỔI BẬT ĐẦU TRANG
================================ */

.news_column .panel {
    border: 1px solid var(--km-border);
    border-radius: 16px;
    overflow: hidden;
    background: var(--km-card);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    margin-bottom: 24px;
}

.news_column .panel-body.featured {
    padding: 20px;
    min-height: 190px;
    position: relative;
}

.news_column .featured > a:first-child {
    display: block;
}

.news_column .featured > a:first-child img {
    width: 230px !important;
    height: 155px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid #edf0f3;
    padding: 0;
    margin: 0 18px 10px 0;
    background: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}

.news_column .featured h2 {
    margin: 0 0 10px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

.news_column .featured h2 a {
    color: var(--km-blue-dark);
}

.news_column .featured h2 a:hover {
    color: var(--km-orange);
}

.news_column .featured .text-muted {
    font-size: 13px;
    color: var(--km-muted);
    margin-bottom: 10px;
}

.news_column .featured .text-muted ul {
    margin-bottom: 0;
}

.news_column .featured .text-muted li {
    margin-right: 12px;
}

.news_column .featured .text-justify {
    font-size: 15px;
    line-height: 1.65;
    color: #243044;
    text-align: left;
}

/* ================================
   LAYOUT CARD DANH SÁCH BÀI
================================ */

@media (min-width: 992px) {
    .col-sm-16.col-md-18 {
        flex-wrap: wrap;
        gap: 18px;
        align-items: stretch;
    }

    .col-sm-16.col-md-18 > .news_column,
    .col-sm-16.col-md-18 > .clear,
    .col-sm-16.col-md-18 > .text-center {
        flex: 0 0 100%;
        width: 100%;
    }

    .col-sm-16.col-md-18 > .col-sm-12.col-md-8 {
        margin: 10px 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-16.col-md-18 {
        flex-wrap: wrap;
        gap: 16px;
    }

    .col-sm-16.col-md-18 > .news_column,
    .col-sm-16.col-md-18 > .clear,
    .col-sm-16.col-md-18 > .text-center {
        flex: 0 0 100%;
        width: 100%;
    }

    .col-sm-16.col-md-18 > .col-sm-12.col-md-8 {
        float: none !important;
        width: calc(50% - 8px);
        flex: 0 0 calc(50% - 8px);
        padding-left: 0;
        padding-right: 0;
    }
}

/* ================================
   CARD BÀI VIẾT
================================ */

.col-sm-16.col-md-18 .thumbnail {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid var(--km-border);
    border-radius: 16px;
    background: var(--km-card);
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.col-sm-16.col-md-18 .thumbnail:hover {
    transform: translateY(-4px);
    border-color: rgba(245, 130, 32, .45);
    box-shadow: 0 14px 32px rgba(15, 23, 42, .14);
}

.col-sm-16.col-md-18 .thumbnail > a:first-child {
    display: block;
    position: relative;
    background: #f1f5f9;
    overflow: hidden;
}

.col-sm-16.col-md-18 .thumbnail > a:first-child img {
    display: block;
    width: 100% !important;
    max-width: none;
    height: 180px;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    padding: 0;
    transition: transform .35s ease;
}

.col-sm-16.col-md-18 .thumbnail:hover > a:first-child img {
    transform: scale(1.04);
}

.col-sm-16.col-md-18 .thumbnail .caption {
    padding: 14px 14px 16px;
    text-align: left;
}

.col-sm-16.col-md-18 .thumbnail .caption h4 {
    margin: 0 0 14px;
    min-height: 54px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
}

.col-sm-16.col-md-18 .thumbnail .caption h4 a {
    color: var(--km-text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.col-sm-16.col-md-18 .thumbnail .caption h4 a:hover {
    color: var(--km-blue);
}

/* ================================
   NÚT SỬA / XÓA ADMIN
================================ */

.col-sm-16.col-md-18 .thumbnail .caption span,
.news_column .featured .text-right {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
}

.news_column .featured .text-right {
    justify-content: flex-end;
    margin-bottom: 0;
}

.col-sm-16.col-md-18 .btn-xs {
    border: 0;
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    box-shadow: none;
    transition: transform .18s ease, filter .18s ease;
}

.col-sm-16.col-md-18 .btn-xs:hover {
    transform: translateY(-1px);
    filter: brightness(.96);
}

.col-sm-16.col-md-18 .btn-primary {
    background: #2563eb;
}

.col-sm-16.col-md-18 .btn-danger {
    background: var(--km-red);
}

.col-sm-16.col-md-18 .btn em {
    margin-right: 4px;
}

/* ================================
   PHÂN TRANG
================================ */

.col-sm-16.col-md-18 .pagination {
    margin: 28px 0 10px;
}

.col-sm-16.col-md-18 .pagination > li > a,
.col-sm-16.col-md-18 .pagination > li > span {
    border: 1px solid var(--km-border);
    color: var(--km-blue);
    margin: 0 3px;
    border-radius: 10px;
    padding: 8px 13px;
    font-weight: 600;
}

.col-sm-16.col-md-18 .pagination > .active > a,
.col-sm-16.col-md-18 .pagination > .active > span {
    background: var(--km-orange);
    border-color: var(--km-orange);
    color: #fff;
}

.col-sm-16.col-md-18 .pagination > li > a:hover {
    background: #fff7ed;
    border-color: var(--km-orange);
    color: var(--km-orange);
}

/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {
    .col-sm-16.col-md-18 > .col-sm-12.col-md-8 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 16px;
    }

    .news_column .panel-body.featured {
        padding: 14px;
    }

    .news_column .featured > a:first-child img {
        float: none !important;
        width: 100% !important;
        height: 190px;
        margin: 0 0 14px;
    }

    .news_column .featured h2 {
        font-size: 19px;
    }

    .news_column .featured .text-muted li {
        display: block;
        margin-bottom: 4px;
    }

    .col-sm-16.col-md-18 .thumbnail > a:first-child img {
        height: 190px;
    }

    .col-sm-16.col-md-18 .thumbnail .caption h4 {
        min-height: auto;
        font-size: 16px;
    }

    .news_column .featured .text-right {
        justify-content: flex-start;
    }
}

/* ================================
   ACCESSIBILITY
================================ */

.col-sm-16.col-md-18 a:focus,
.col-sm-16.col-md-18 .btn:focus {
    outline: 3px solid rgba(245, 130, 32, .35);
    outline-offset: 2px;
}

.fix_banner_right, .fix_banner_left {
    display: none !important}

.viral-conten {
    position: relative;
    margin: 24px 0;
    padding: 12px 22px 12px 58px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    color: #1f2937;
    background: linear-gradient(135deg, #fff7ed, #ffffff);
    border: 1px solid #fed7aa;
    border-left: 6px solid #f97316;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.12);
    transition: all 0.3s ease;
}

.viral-conten::before {
    content: "!";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f97316;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35);
}

/* ==================================================
   KHOI MOC - TOPHITS 151
   ẢNH TRÊN - TIÊU ĐỀ DƯỚI
   Chỉ áp dụng cho: <ul class="block_tophits tophits_151" />
================================================== */

html body ul.block_tophits.tophits_151 {
    --km-tophits-accent: #f58220;
    --km-tophits-text: #172033;
    --km-tophits-border: #e5e7eb;
    --km-tophits-card: #ffffff;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    counter-reset: kmTopHit;
    box-sizing: border-box !important;
}

/* Card bài viết */
html body ul.block_tophits.tophits_151 > li.clearfix {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 6px 6px 10px !important;

    float: none !important;
    clear: none !important;

    background: var(--km-tophits-card) !important;
    border: 1px solid var(--km-tophits-border) !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.07) !important;
    counter-increment: kmTopHit;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease !important;
}

html body ul.block_tophits.tophits_151 > li.clearfix:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(245, 130, 32, 0.55) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.13) !important;
}

/* Tắt clearfix mặc định của giao diện */
html body ul.block_tophits.tophits_151 > li.clearfix::before,
html body ul.block_tophits.tophits_151 > li.clearfix::after {
    display: none !important;
    content: none !important;
}

/* ==================================================
   ẢNH - THẺ A ĐẦU TIÊN
================================================== */

html body ul.block_tophits.tophits_151 > li.clearfix > a:first-child {
    order: 1 !important;
    position: relative !important;

    display: block !important;
    flex: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 2.67 !important;

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

    float: none !important;
    clear: none !important;

    background: #eef2f7 !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Ảnh thật bên trong link */
html body ul.block_tophits.tophits_151 > li.clearfix > a:first-child img,
html body ul.block_tophits.tophits_151 > li.clearfix > a:first-child img.img-thumbnail,
html body ul.block_tophits.tophits_151 > li.clearfix > a:first-child img.pull-left {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    float: none !important;

    object-fit: cover !important;
    object-position: center !important;

    background: #eef2f7 !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;

    transition: transform 0.35s ease !important;
}

html body ul.block_tophits.tophits_151 > li.clearfix:hover > a:first-child img {
    transform: scale(1.05) !important;
}

/* Số thứ tự nổi trên ảnh */
html body ul.block_tophits.tophits_151 > li.clearfix > a:first-child::after {
    content: counter(kmTopHit) !important;

    position: absolute !important;
    z-index: 5 !important;
    top: 7px !important;
    left: 7px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 27px !important;
    height: 27px !important;

    color: #ffffff !important;
    background: linear-gradient(135deg, #f58220, #ffb347) !important;
    border: 2px solid rgba(255, 255, 255, 0.95) !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 14px rgba(245, 130, 32, 0.38) !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;
}

/* ==================================================
   TIÊU ĐỀ - THẺ A.SHOW
================================================== */

html body ul.block_tophits.tophits_151 > li.clearfix > a.show {
    order: 2 !important;
    position: static !important;

    display: -webkit-box !important;
    flex: none !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 40px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 3px !important;

    float: none !important;
    clear: none !important;

    color: var(--km-tophits-text) !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    transition: color 0.2s ease !important;
}

html body ul.block_tophits.tophits_151 > li.clearfix > a.show:hover {
    color: var(--km-tophits-accent) !important;
    text-decoration: none !important;
}

html body ul.block_tophits.tophits_151 a:focus-visible {
    outline: 3px solid rgba(245, 130, 32, 0.32) !important;
    outline-offset: 2px !important;
}

/* Điện thoại rất hẹp: vẫn giữ 2 cột nhưng thu gọn khoảng cách */
@media (max-width: 420px) {
    html body ul.block_tophits.tophits_151 {
        gap: 9px !important;
    }

    html body ul.block_tophits.tophits_151 > li.clearfix {
        padding: 5px 5px 9px !important;
        gap: 7px !important;
        border-radius: 12px !important;
    }

    html body ul.block_tophits.tophits_151 > li.clearfix > a.show {
        min-height: 38px !important;
        font-size: 12px !important;
    }
}
.km-hopden-list {
	list-style: none !important;
	padding: 0;
	margin: 16px 0 26px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
        padding-left: 0px!important;
}

.km-hopden-list li {
	position: relative;
	padding: 14px 14px 14px 44px;
	background: #fff;
	border: 1px solid #e5eef5;
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
	line-height: 1.55;
	transition: all 0.2s ease;
	list-style: none !important;
}

.km-hopden-list li:before {
	content: "✓";
	position: absolute;
	left: 14px;
	top: 15px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #eaf8ef;
	color: #0b9b3f;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.km-hopden-list li:hover {
	border-color: #c9e8d4;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}
.km-hopden-title {
	display: block;
	margin-bottom: 4px;
	color: #008c35;
	font-size: 16px;
	font-weight: 700;
}

.km-hopden-desc {
	display: block;
	color: #333;
	font-size: 15px;
}
/* Card cuối full width nếu tổng số card bị lẻ */
.km-hopden-list li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}
.km-why-list {
	margin: 16px 0 28px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#product_center_nv16 {
    padding: 15px;
}

.ai-summary{
    padding: 20px 22px;
    margin-bottom: 26px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid var(--km-border);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    color: #243044;
    font-size: 17.2px;
    line-height: 1.82;
}

.product-category-heading{
    margin-top: 15px;
}
.km-article img {
    max-width: 100% !important;
    height: auto !important;
}
.km-article  .image-conten {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto 8px;
    border-radius: 8px;
}
.km-article  .xemthem {
    margin: 0 0 20px;
    color: #666;
    font-size: 14px;
    text-align: center;
    font-style: italic;
}
.thong-so-san-pham {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 24px 0;
  font-size: 15px;
  background: #ffffff;
  border: 1px solid #e7e9ec;
  border-top: 3px solid #1a73e8;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.05);
}
.thong-so-san-pham tr {
  transition: background 0.15s ease;
}
.thong-so-san-pham tr:not(:last-child) td {
  border-bottom: 1px solid #eef1f4;
}
.thong-so-san-pham tr:hover {
  background: #f7f9fc;
}
.thong-so-san-pham td {
  padding: 14px 20px;
  vertical-align: top;
  line-height: 1.55;
}
.thong-so-san-pham td:first-child {
  width: 34%;
  font-weight: 600;
  color: #5f6b7a;
  background: #fafbfc;
}
.thong-so-san-pham td:last-child {
  color: #1c2430;
  font-weight: 500;
}
/* Mobile: giảm padding/size, cho nhãn tự xuống dòng thay vì tràn ngang */
@media (max-width: 560px) {
  .thong-so-san-pham {
    border-radius: 6px;
    margin: 18px 0;
  }
  .thong-so-san-pham td {
    padding: 10px 14px;
    font-size: 14px;
  }
  .thong-so-san-pham td:first-child {
    width: 40%;
    white-space: normal;
  }
}