/* AMP GROUP – bổ sung giao diện (30/09/2026) */

/* Thanh trên cùng: hotline trái, ô tìm kiếm phải */
.header_top .company_time { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding-right: 0; }
.header_top .company_time > ul, .header_top .company_time > div { margin-left: 0; margin-right: 0; }
.header_top .company_time .clr { display: none; }
.header_top .hotline_top span { color: #650308; }
.timkiem_top.timkiem_bar { float: none; margin: 0; border-radius: 4px; }
.timkiem_bar .input_search { width: 320px; line-height: 34px; height: 34px; font-size: 15px; border-radius: 4px; }
.timkiem_bar .search a { width: 42px; height: 34px; border-radius: 4px; }

/* Ô trang chủ + link "Xem thêm" */
.amp_box { position: relative; padding: 25px 0 10px; }
.amp_box .pagewrap { position: relative; }
.amp_more { position: absolute; right: 10px; top: 8px; color: #650308; font-size: 15px; }
.amp_more:hover { text-decoration: underline; }

/* Lưới 4 cột – reset margin ngang vì style.css có "* {margin: 0 auto}" làm co ô Grid */
.amp_grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 0 10px; }
.amp_grid4, .amp_grid4 * { margin-left: 0; margin-right: 0; }
.amp_grid4 > ul { float: none; width: auto; min-height: 0; margin-bottom: 0; }
.pro_home_id.amp_grid4 > ul li img { aspect-ratio: 1 / 1; object-fit: cover; }
.tintuc_home_id.amp_grid4 > ul li img { aspect-ratio: 400 / 245; object-fit: cover; }
.amp_grid4 h4 { color: #b3121b; }
.tintuc_home_id.amp_grid4 h4 { color: #666; }

/* Đối tác */
.amp_doitac .logo_doitac ul li img { object-fit: contain; background: #fff; }

@media screen and (max-width: 1220px) {
  .amp_grid4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media screen and (max-width: 768px) {
  .amp_grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .timkiem_bar { width: 100%; }
  .timkiem_bar .input_search { width: calc(100% - 42px); }
  .header_top .company_time { padding: 0 10px; }
}
@media screen and (max-width: 479px) {
  .tintuc_home_id.amp_grid4 { grid-template-columns: 1fr; }
  .amp_more { position: static; display: block; text-align: right; padding: 0 10px 8px; }
}

/* Đối tác: lưới logo 6 cột */
.amp_doitac { padding: 25px 0; }
.amp_doitac .logo_doitac { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 15px; padding: 0 10px; }
.amp_doitac .logo_doitac, .amp_doitac .logo_doitac * { margin-left: 0; margin-right: 0; }
.amp_doitac .logo_doitac > ul { float: none; width: auto; margin: 0; padding: 0; }
.amp_doitac .logo_doitac > .clr { display: none; }
.amp_doitac .logo_doitac ul li, .amp_doitac .logo_doitac ul li img { width: 100%; height: auto; aspect-ratio: 3 / 2; }
@media screen and (max-width: 768px) {
  .amp_doitac .logo_doitac { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
}

/* Mobile: style.css ẩn .header_top – yêu cầu giữ hotline + ô tìm kiếm */
@media screen and (max-width: 1220px) {
  .header_top { display: block; }
}

/* Header nền đỏ đô trùng nền logo AMP */
.header { background: #650308; }
.logo_top img { height: 85px; width: auto; display: block; }
.box_menu { background: #4a0206; border-top: 1px solid rgba(255,255,255,.12); }
.titBox .tit_2 { color: #650308; }

/* Menu nằm ngang hàng logo, canh phải, giữa chiều cao khung (30/09) */
.header > .pagewrap { display: flex; align-items: center; justify-content: space-between; }
.header > .pagewrap > .clr { display: none; }
.header .logo_top { float: none; flex: 0 0 auto; }
.header .menu_inline { flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center; }
.header .menu_inline .menu { text-align: right; }
.header .menu > li > a { line-height: 85px; padding: 0 12px; font-size: 16px; }
.header .menu > li > ul { top: 100%; }
@media screen and (max-width: 1024px) { .header .menu_inline { display: none; } }

/* Submenu gọn đẹp (30/09) */
.header .menu > li.is_step_2 > ul { width: auto; min-width: 250px; max-width: 320px; padding: 8px 0 !important; margin: 0 !important; background: #fff; border-top: 3px solid #b3121b; border-radius: 0 0 8px 8px; box-shadow: 0 12px 28px rgba(0,0,0,.18); top: 100%; left: 0; }
.header .menu > li.is_step_2:last-child > ul, .header .menu > li.is_step_2:nth-last-child(2) > ul { left: auto; right: 0; }
.header .menu > li.is_step_2 > ul:before, .header .menu > li.is_step_2 > ul:after { display: none; }
.header .menu > li.is_step_2 > ul > li { float: none; display: block; width: 100%; padding: 0 !important; margin: 0 !important; background: none !important; font-size: 15px !important; color: #333 !important; transition: none; }
.header .menu > li.is_step_2 > ul > li:hover { background: #fbeeee !important; padding: 0 !important; }
.header .menu > li.is_step_2 > ul > li > a { display: block !important; margin: 0 !important; padding: 10px 20px !important; line-height: 1.4; font-size: 15px !important; font-weight: 500; text-transform: none !important; color: #333 !important; white-space: normal !important; border-left: 3px solid transparent; transition: color .15s, border-color .15s, padding .15s; }
.header .menu > li.is_step_2 > ul > li:hover > a { color: #650308 !important; border-left-color: #b3121b; padding-left: 24px !important; }
.header .menu > li.is_step_2 > ul > li + li > a { border-top: 1px solid #f0e6e6; }
/* cấp 3 */
.header .menu > li.is_step_2 > ul > li > ul { position: static; box-shadow: none; width: auto; padding: 0 0 6px !important; margin: 0 !important; background: transparent; }
.header .menu > li.is_step_2 > ul > li > ul li { padding: 0 !important; background: none; }
.header .menu > li.is_step_2 > ul > li > ul li a { margin: 0 !important; padding: 6px 20px 6px 38px !important; font-size: 14px; color: #666; }
.header .menu > li.is_step_2 > ul > li > ul li a:hover { color: #b3121b; }
.header .menu > li.is_step_2 > ul > li > ul li a:before { display: none; }
.header .menu > li.is_step_2 > ul, .header .menu > li.is_step_2 > ul * { text-align: left; }

/* Đối tác: slider 6 logo, trượt từng logo (02/10) */
.amp_doitac .logo_doitac.amp_slider { display: block; overflow: hidden; padding: 0 10px; --v: 6; }
.amp_slider .amp_track { display: flex; flex-wrap: nowrap; will-change: transform; }
.amp_slider .amp_item { flex: 0 0 calc(100% / var(--v)); box-sizing: border-box; padding: 0 7px; }
.amp_slider.amp_static .amp_track { justify-content: center; }
.amp_item a { display: block; }
.amp_item img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 6px; box-sizing: border-box; }
.amp_partner_grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 15px; padding: 10px; }
.amp_partner_grid, .amp_partner_grid * { margin-left: 0; margin-right: 0; }
.amp_page_doitac { padding: 30px 0 40px; min-height: 40vh; }
.amp_page_doitac h1.tit_2 { margin: 0 0 10px; }
@media screen and (max-width: 1220px) { .amp_partner_grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media screen and (max-width: 768px) { .amp_partner_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } }
@media screen and (max-width: 479px) { .amp_partner_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Tiêu đề các mục giữa trang chủ: chữ lớn hơn (02/10) */
.titBox .tit_2 { font-size: 40px; line-height: 1.2; font-weight: 700; letter-spacing: .5px; padding-bottom: 8px; }
@media screen and (max-width: 768px) { .titBox .tit_2 { font-size: 30px; } }
@media screen and (max-width: 479px) { .titBox .tit_2 { font-size: 26px; } }

/* Cờ chuyển ngôn ngữ cạnh ô tìm kiếm */
.timkiem_bar { display: flex; align-items: center; gap: 12px; }
.lang_flags { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.lang_flags a { display: block; width: 30px; height: 30px; border-radius: 50%; opacity: .55; transition: opacity .15s, transform .15s; line-height: 0; }
.lang_flags a img { width: 30px; height: 30px; border-radius: 50%; display: block; }
.lang_flags a:hover, .lang_flags a.on { opacity: 1; }
.lang_flags a.on { box-shadow: 0 0 0 2px #650308; }
@media screen and (max-width: 768px) { .timkiem_bar { width: 100%; } .timkiem_bar form { flex: 1 1 auto; } }

/* Nút gọi điện cố định bên phải (dưới Zalo) */
.icon-fixed-right-group a.amp-phone-fixed { background: #2e9e4f; display: flex; align-items: center; justify-content: center; }
.icon-fixed-right-group a.amp-phone-fixed svg { width: 20px; height: 20px; fill: #fff; }

.timkiem_bar { display: block; }
.lang_flags { margin-left: auto; margin-right: 12px; }

.header_top .company_time > .lang_flags { margin-left: auto; margin-right: 12px; }

/* GTranslate (flags.js) */
.gtranslate_wrapper.lang_flags { display: flex; align-items: center; gap: 8px; line-height: 0; }
.gtranslate_wrapper a.glink { display: inline-block; line-height: 0; opacity: .6; }
.gtranslate_wrapper a.glink:hover, .gtranslate_wrapper a.glink.gt-current-lang { opacity: 1; }
.gtranslate_wrapper a.glink img { border-radius: 50%; width: 28px; height: 28px; object-fit: cover; }

/* Menu xích sát logo (bên trái) */
.header .menu_inline { justify-content: flex-start; margin-left: 40px; }
.header .menu_inline .menu { text-align: left; }
.header .menu > li:first-child > a { padding-left: 0; }
.header .menu > li.is_step_2:nth-last-child(2) > ul, .header .menu > li.is_step_2:last-child > ul { left: 0; right: auto; }

/* Menu canh giữa phần còn lại của header */
.header .menu_inline { justify-content: center; margin-left: 0; }
.header .menu_inline .menu { text-align: center; }
.header .menu > li:first-child > a { padding-left: 12px; }

/* Mobile: logo canh giữa, cân đều */
@media screen and (max-width: 1024px) {
  .header { padding: 8px 0; }
  .header > .pagewrap { justify-content: center; }
  .header .logo_top { width: auto; float: none; padding: 0; margin: 0 auto; text-align: center; }
  .header .logo_top a { display: block; }
  .header .logo_top img { height: 70px; width: auto; max-width: 100%; margin: 0 auto; }
}