@media (max-width: 767px) { #content > section:nth-child(2) h2 { font-size: 19px !important; white-space: nowrap; } }
@media (max-width: 359px) { #content > section:nth-child(2) h2 { font-size: 16px !important; } }
.badge.post-date, .post-date.badge { display: none !important; }

/* === Banner trang chủ 1 - Van rũ bụi (v5 - top compact) === */

.banner-trang-chu-1::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 60%;
  background: linear-gradient(180deg, rgba(0,20,40,0.7) 0%, rgba(0,20,40,0.5) 50%, rgba(0,20,40,0) 100%);
  z-index: 1;
  pointer-events: none;
}
.banner-trang-chu-1 .text-box {
  z-index: 2 !important;
}
.banner-trang-chu-1 h2 {
  font-weight: 700 !important;
  line-height: 1.2 !important;
  font-size: 32px !important;
  text-wrap: balance;
  letter-spacing: -0.3px;
  text-shadow: 0 2px 14px rgba(0,0,0,0.7), 0 1px 4px rgba(0,0,0,0.5) !important;
  margin-bottom: 12px !important;
  color: #ffffff !important;
}
.banner-trang-chu-1 .text-box-content,
.banner-trang-chu-1 .text-box-content > p {
  text-shadow: 0 1px 6px rgba(0,0,0,0.7), 0 1px 3px rgba(0,0,0,0.5);
  font-size: 15px;
  line-height: 1.5;
  color: #ffffff !important;
  margin-bottom: 8px;
}
.banner-trang-chu-1 .button {
  margin-top: 12px !important;
  margin-left: 6px !important;
  margin-right: 6px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}
@media (max-width: 849px) {
  .banner-trang-chu-1 h2 {
    font-size: 22px !important;
  }
  .banner-trang-chu-1 .text-box-content,
  .banner-trang-chu-1 .text-box-content > p {
    font-size: 13px;
  }
  .banner-trang-chu-1::after {
    background: linear-gradient(180deg, rgba(0,20,40,0.65) 0%, rgba(0,20,40,0.4) 60%, rgba(0,20,40,0) 100%) !important;
    height: 70% !important;
  }
}

/* === Banner trang chủ 2 - Túi lọc bụi (v1) === */

.banner-trang-chu-2::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 70%; height: 100%;
  background: linear-gradient(90deg, rgba(10,35,75,0.7) 0%, rgba(10,35,75,0.5) 40%, rgba(10,35,75,0.2) 75%, rgba(10,35,75,0) 100%);
  z-index: 1;
  pointer-events: none;
}
.banner-trang-chu-2 .text-box {
  z-index: 2 !important;
  padding-left: 4% !important;
}
.banner-trang-chu-2 h2 {
  font-weight: 700 !important;
  line-height: 1.2 !important;
  font-size: 36px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.7), 0 1px 4px rgba(0,0,0,0.5) !important;
  margin-bottom: 14px !important;
  color: #ffffff !important;
}
.banner-trang-chu-2 .text-box-content,
.banner-trang-chu-2 .text-box-content > p {
  text-shadow: 0 1px 6px rgba(0,0,0,0.7), 0 1px 3px rgba(0,0,0,0.5);
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff !important;
}
.banner-trang-chu-2 .button {
  margin-top: 14px !important;
  margin-right: 8px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}
@media (max-width: 849px) {
  .banner-trang-chu-2::after {
    width: 100% !important;
    background: rgba(10,35,75,0.55) !important;
  }
  .banner-trang-chu-2 h2 {
    font-size: 22px !important;
  }
  .banner-trang-chu-2 .text-box-content,
  .banner-trang-chu-2 .text-box-content > p {
    font-size: 13px;
  }
  .banner-trang-chu-2 .text-box {
    padding-left: 0 !important;
  }
}

/* === FAQ LANDING (Tab-style: click TOC để hiện chapter) === */
.faq-back, .faq-hero, .faq-toc, .faq-chapter, .faq-mid-cta, .faq-related, .faq-final-cta, .faq-back-to-toc { max-width: 920px; margin-left: auto; margin-right: auto; }
.page-template-default main { color: #2c2c2c; }
.faq-back { font-size: 14px; margin-bottom: 18px; }
.faq-back a { color: #0A1F44; text-decoration: none; }
.faq-back a:hover { text-decoration: underline; }

/* HERO */
.faq-hero { background: linear-gradient(135deg, #F4F7FB 0%, #EAF2F7 100%); border-left: 5px solid #0A1F44; padding: 32px 28px; margin: 0 auto 32px; border-radius: 6px; }
.faq-hero h1 { font-size: 28px; line-height: 1.3; color: #0A1F44; margin: 0 0 14px; font-weight: 700; }
.faq-hero .faq-lead { font-size: 16px; line-height: 1.65; color: #3a3a3a; margin: 0 0 20px; }
.faq-hero .faq-lead strong { color: #0A1F44; }
.faq-cta-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 0; }
.faq-btn { display: inline-flex; align-items: center; padding: 12px 22px; font-size: 15px; font-weight: 600; border-radius: 6px; text-decoration: none !important; transition: all 0.2s; line-height: 1.2; }
.faq-btn-call { background: #FF8A00; color: #fff !important; }
.faq-btn-call:hover { background: #F58400; transform: translateY(-1px); }
.faq-btn-zalo { background: #0A1F44; color: #fff !important; }
.faq-btn-zalo:hover { background: #102A5C; transform: translateY(-1px); }
.faq-btn-email { background: #fff; color: #0A1F44 !important; border: 2px solid #0A1F44; }
.faq-btn-email:hover { background: #0A1F44; color: #fff !important; }
.faq-meta { display: flex; flex-wrap: wrap; gap: 18px; list-style: none; padding: 18px 0 0; margin: 18px 0 0; border-top: 1px dashed #CFD6E6; font-size: 14px; color: #555; }
.faq-meta li { margin: 0; }

/* TOC */
.faq-toc { background: #fff; border: 1px solid #E5EAF2; border-radius: 6px; padding: 22px 26px; margin: 0 auto 32px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.faq-toc-title { font-size: 18px; color: #0A1F44; margin: 0 0 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.faq-toc-list { list-style: none; padding: 0; margin: 0; }
.faq-toc-list li { padding: 8px 0; border-bottom: 1px dotted #EAF2F7; }
.faq-toc-list li:last-child { border-bottom: none; }
.faq-toc-list a { color: #2c2c2c; text-decoration: none; font-size: 15px; display: block; transition: color 0.2s, padding 0.2s, background 0.2s; padding: 6px 10px; border-radius: 4px; }
.faq-toc-list a:hover { color: #0A1F44; background: #F0F7F2; padding-left: 16px; }
.faq-toc-list a.is-active { background: #F0F7F2; color: #0A1F44; font-weight: 600; }
.faq-toc-roman { color: #FF8A00; font-weight: 700; margin-right: 6px; }
.faq-toc-count { color: #5b6577; font-size: 13px; }

/* TAB-STYLE: ẨN tẤT CẢ chapter bằng default */
.faq-chapter { display: none; margin: 0 auto 28px; scroll-margin-top: 80px; }
.faq-chapter:target { display: block; animation: faqFadeIn 0.3s ease; }
@keyframes faqFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

/* ẨN MID-CTA & RELATED khi ở màn hình mục lục (không có chapter active) */
.faq-mid-cta { display: none; }
.faq-related { display: none; }
body:has(.faq-chapter:target) .faq-related { display: block; }

/* BẮC LỐI to TOC (hiện khi chapter đang mở) */
.faq-back-to-toc { display: none; margin: 0 auto 18px; max-width: 920px; }
body:has(.faq-chapter:target) .faq-back-to-toc { display: block; }
.faq-back-to-toc a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; background: #fff; border: 1px solid #0A1F44; color: #0A1F44; border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; transition: background 0.2s, color 0.2s; }
.faq-back-to-toc a:hover { background: #0A1F44; color: #fff; }

/* ẨN TOC + HERO khi đang xem chapter (tùy chọn — giữ hiện để user dễ chuyển chapter khác) */
/* Giữ TOC nhìn thấy nhưng thổi nhỏ lại và đóng vào bên trên */

/* CHAPTER */
.faq-chapter-title { font-size: 21px; color: #0A1F44; margin: 0 0 16px; padding: 10px 14px; background: #F0F7F2; border-left: 4px solid #0A1F44; border-radius: 4px; font-weight: 700; }
.faq-chapter-icon { margin-right: 8px; }

/* ACCORDION ITEM */
.faq-item { background: #fff; border: 1px solid #E5EAF2; border-radius: 6px; margin: 0 0 10px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; }
.faq-item[open] { border-color: #0A1F44; box-shadow: 0 2px 8px rgba(46, 95, 168, 0.1); }
.faq-q { padding: 14px 18px 14px 16px; font-size: 16px; font-weight: 600; color: #0A1F44; cursor: pointer; list-style: none; display: flex; align-items: flex-start; gap: 12px; line-height: 1.45; position: relative; transition: background 0.2s; }
.faq-q::-webkit-details-marker { display: none; }
.faq-q::marker { display: none; content: ''; }
.faq-q:hover { background: #F4F7FB; }
.faq-q::after { content: '+'; margin-left: auto; font-size: 22px; font-weight: 400; color: #0A1F44; transition: transform 0.2s; flex-shrink: 0; }
.faq-item[open] .faq-q::after { content: '−'; transform: rotate(0); }
.faq-num { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 8px; background: #0A1F44; color: #fff; border-radius: 14px; font-size: 13px; font-weight: 700; flex-shrink: 0; }
.faq-item[open] .faq-num { background: #FF8A00; }
.faq-a { padding: 0 18px 16px 56px; }
.faq-a p { margin: 0; color: #3a3a3a; font-size: 15px; line-height: 1.65; }

/* RELATED */
.faq-related { margin: 36px auto 28px; padding: 24px 26px; background: #F4F7FB; border-radius: 6px; }
.faq-related h2 { font-size: 20px; color: #0A1F44; margin: 0 0 8px; }
.faq-related-list { list-style: none; padding: 0; margin: 14px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 18px; }
.faq-related-list li { padding: 8px 0; border-bottom: 1px dotted #CFD6E6; }
.faq-related-list a { color: #0A1F44; font-weight: 600; text-decoration: none; }
.faq-related-list a:hover { color: #FF8A00; }
.faq-related-list span { color: #888; font-size: 13px; font-weight: 400; }

/* FINAL CTA */
.faq-final-cta { background: #F4F7FB; border-top: 3px solid #0A1F44; padding: 32px 28px; margin: 32px auto 0; border-radius: 6px; text-align: center; }
.faq-final-cta h2 { color: #0A1F44; font-size: 22px; margin: 0 0 10px; }
.faq-final-cta p { color: #3a3a3a; margin: 0 0 20px; }
.faq-final-cta .faq-cta-buttons { justify-content: center; }

/* MOBILE */
@media (max-width: 768px) {
  .faq-back, .faq-hero, .faq-toc, .faq-chapter, .faq-mid-cta, .faq-related, .faq-final-cta, .faq-back-to-toc { max-width: 100%; }
  .faq-hero { padding: 22px 18px; }
  .faq-hero h1 { font-size: 22px; }
  .faq-hero .faq-lead { font-size: 15px; }
  .faq-toc { padding: 16px 18px; }
  .faq-chapter-title { font-size: 18px; padding: 10px 12px; }
  .faq-q { font-size: 15px; padding: 12px 14px; gap: 10px; }
  .faq-num { min-width: 26px; height: 26px; font-size: 12px; }
  .faq-a { padding: 0 14px 14px 52px; }
  .faq-a p { font-size: 14px; }
  .faq-related-list { grid-template-columns: 1fr; }
  .faq-cta-buttons { flex-direction: column; }
  .faq-btn { width: 100%; justify-content: center; }
  .faq-meta { font-size: 13px; gap: 12px; }
  .faq-final-cta, .faq-related { padding: 20px 18px; }
}
/* TẤT CẢ các khối phụ chỉ hiện khi có chapter active */
.faq-final-cta { display: none; }
body:has(.faq-chapter:target) .faq-final-cta { display: block; }
/* CSS-only animation when toc link is clicked */
.faq-toc-list a:focus { outline: 2px solid #0A1F44; outline-offset: 2px; }
/* === END FAQ LANDING === */


/* === MOBILE FIX: CTA buttons (Goi tu van / Email bao gia) === */
a[style*="background: #102A5C"],
a[style*="background:#102A5C"],
a[style*="background: #2563eb"],
a[style*="background:#2563eb"]{
  display:inline-block;
  box-sizing:border-box;
  text-align:center;
  white-space:nowrap;
}
@media (max-width: 768px){
  a[style*="background: #102A5C"],
  a[style*="background:#102A5C"],
  a[style*="background: #2563eb"],
  a[style*="background:#2563eb"]{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:6px 0 !important;
    padding:14px 16px !important;
    font-size:15px !important;
    white-space:normal !important;
    word-break:keep-all;
    line-height:1.4;
  }
}
/* === END MOBILE FIX CTA === */

/* === PRODUCT CTA: Goi ngay & Yeu cau bao gia (single product) === */
.pth-product-cta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:14px 0 !important;
  max-width:560px !important;
}
.pth-product-cta .pth-cta-call,
.pth-product-cta .pth-cta-quote{
  flex:1 1 220px !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  padding:11px 10px !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  border-radius:8px !important;
  white-space:nowrap !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  letter-spacing:0 !important;
  overflow:visible !important;
}
.pth-product-cta .pth-cta-call *,
.pth-product-cta .pth-cta-quote *{
  font-size:inherit !important;
  line-height:inherit !important;
  white-space:nowrap !important;
}
@media (max-width: 768px){
  .pth-product-cta{ gap:8px !important; }
  .pth-product-cta .pth-cta-call,
  .pth-product-cta .pth-cta-quote{
    font-size:13px !important;
    padding:11px 8px !important;
    flex:1 1 200px !important;
  }
}
@media (max-width: 480px){
  .pth-product-cta .pth-cta-call,
  .pth-product-cta .pth-cta-quote{
    font-size:12.5px !important;
    padding:10px 6px !important;
    flex:1 1 100% !important;
  }
}

/* === DONG BO HEADING TRANG CHU === */
/* "Giải pháp cốt lõi" là chuẩn: rgb(16,42,92), Montserrat 32px, weight 800, no uppercase */
/* Áp dụng cho: Các sản phẩm tiêu biểu, Tin mới nhất, Khách hàng tiêu biểu */
.home h2.text-gradient.text-line,
.home .pth-customers-title,
.page-id-9 h2.text-gradient.text-line,
.page-id-9 .pth-customers-title{
  font-family: Montserrat, sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: rgb(16, 42, 92) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: rgb(16, 42, 92) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 0 6px !important;
}
/* Bo dau gach duoi (text-line) - giu nhat quan voi "Giai phap cot loi" */
.home h2.text-gradient.text-line::after,
.page-id-9 h2.text-gradient.text-line::after{
  display: none !important;
}

/* === KHACH HANG TIEU BIEU - Trang chu === */
.pth-customers-section{
  background:#fff !important;
  padding-top: 24px !important;
  padding-bottom: 40px !important;
}
.pth-customers-title{
  text-align:center !important;
}
.pth-customers-title::after{
  content:"";
  display:block;
  width:64px;
  height:3px;
  background:#102A5C;
  margin:8px auto 0;
  border-radius:2px;
}
.pth-customers-sub{
  font-size:15px !important;
  color:#4b5563 !important;
  text-align:center !important;
  max-width:780px;
  margin:6px auto 18px !important;
  line-height:1.55 !important;
}
.pth-customer-logos{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:18px;
  max-width:1100px;
  margin:14px auto 0;
}
.pth-logo-item{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:18px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  height:110px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pth-logo-item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  border-color:#102A5C;
}
.pth-logo-item img{
  max-width:100%;
  max-height:72px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(15%);
  transition:filter .25s ease;
}
.pth-logo-item:hover img{ filter:grayscale(0%); }
@media (max-width:992px){
  .pth-customer-logos{ grid-template-columns:repeat(4, 1fr); gap:14px; }
  .pth-logo-item{ height:96px; padding:14px 10px; }
  .home h2.text-gradient.text-line,
  .home .pth-customers-title,
  .page-id-9 h2.text-gradient.text-line,
  .page-id-9 .pth-customers-title{ font-size: 26px !important; }
}
@media (max-width:640px){
  .pth-customer-logos{ grid-template-columns:repeat(3, 1fr); gap:10px; }
  .pth-logo-item{ height:80px; padding:10px 8px; border-radius:8px; }
  .pth-logo-item img{ max-height:56px; }
  .home h2.text-gradient.text-line,
  .home .pth-customers-title,
  .page-id-9 h2.text-gradient.text-line,
  .page-id-9 .pth-customers-title{ font-size: 22px !important; }
  .pth-customers-sub{ font-size:14px !important; padding:0 12px; }
}
@media (max-width:380px){
  .pth-customer-logos{ grid-template-columns:repeat(2, 1fr); gap:8px; }
}

/* === GIAI PHAP COT LOI - 4 o deu nhau & noi bat === */
/* Equalize row: parent row & cols flex stretch */
.home .col.medium-3:has(> .col-inner > div[style*="border-radius: 8px"]),
.page-id-9 .col.medium-3:has(> .col-inner > div[style*="border-radius: 8px"]){
  display:flex !important;
  align-items:stretch !important;
  margin-bottom:16px !important;
}
.home .col.medium-3:has(> .col-inner > div[style*="border-radius: 8px"]) > .col-inner,
.page-id-9 .col.medium-3:has(> .col-inner > div[style*="border-radius: 8px"]) > .col-inner{
  width:100% !important;
  display:flex !important;
}
/* The card itself */
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"],
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"]{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid #e0e7e3 !important;
  border-radius:14px !important;
  box-shadow:0 4px 14px rgba(15,42,92,.06) !important;
  padding:26px 22px 22px !important;
  position:relative !important;
  overflow:hidden !important;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  height:auto !important;
  min-height:100% !important;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"]::before,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"]::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:4px;
  background:linear-gradient(90deg, #102A5C 0%, #0A1F44 100%);
  border-radius:14px 14px 0 0;
  opacity:.85;
  transition:height .28s ease, opacity .28s ease;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"]:hover,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"]:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 14px 32px rgba(15,42,92,.14) !important;
  border-color:#102A5C !important;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"]:hover::before,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"]:hover::before{
  height:6px;
  opacity:1;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] h3,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] h3{
  font-size:17px !important;
  font-weight:700 !important;
  color:rgb(16,42,92) !important;
  line-height:1.35 !important;
  margin:6px 0 12px !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] p,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] p{
  font-size:14px !important;
  line-height:1.6 !important;
  color:#4b5563 !important;
  margin:0 0 14px !important;
  flex:1 1 auto !important;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] a,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] a{
  margin-top:auto !important;
  display:block !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#102A5C !important;
  text-decoration:none !important;
  padding-top:10px !important;
  border-top:1px dashed #e5e7eb !important;
  text-align:center !important;
  transition:color .2s ease !important;
}
.home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] a:hover,
.page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] a:hover{
  color:#0F2A5C !important;
}
@media (max-width:768px){
  .home .col.medium-3 .col-inner > div[style*="border-radius: 8px"],
  .page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"]{
    padding:20px 16px 16px !important;
    border-radius:12px !important;
  }
  .home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] h3,
  .page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] h3{
    font-size:15.5px !important;
    min-height:42px !important;
  }
  .home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] p,
  .page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] p{
    font-size:13px !important;
  }
}
@media (max-width:480px){
  .home .col.medium-3 .col-inner > div[style*="border-radius: 8px"] h3,
  .page-id-9 .col.medium-3 .col-inner > div[style*="border-radius: 8px"] h3{ min-height:0 !important; }
}


/* === PTH BREADCRUMB === */
.pth-breadcrumb{
  width:100%;
  background:#f8faf9;
  border-bottom:1px solid #ecf0ee;
  padding:10px 0;
  font-size:13px;
  line-height:1.5;
}
.pth-breadcrumb-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 6px;
  color:#4b5563;
}
.pth-breadcrumb a{
  color:#4b5563 !important;
  text-decoration:none !important;
  transition:color .15s ease;
}
.pth-breadcrumb a:hover{
  color:#102A5C !important;
  text-decoration:underline !important;
}
.pth-breadcrumb .pth-bc-sep{
  color:#9ca3af;
  font-weight:600;
  margin:0 2px;
  user-select:none;
}
.pth-breadcrumb .pth-bc-current{
  color:rgb(16,42,92);
  font-weight:600;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width: 768px){
  .pth-breadcrumb{
    font-size:12px;
    padding:8px 0;
  }
  .pth-breadcrumb-inner{
    padding:0 12px;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .pth-breadcrumb-inner::-webkit-scrollbar{ display:none; }
  .pth-breadcrumb-inner > *{
    flex-shrink:0;
    white-space:nowrap;
  }
  .pth-breadcrumb .pth-bc-current{
    white-space:nowrap;
    overflow:visible;
  }
}

/* === ARTICLE_TYPOGRAPHY_UNIFY === === */
/* Đồng nhất typography cho bài viết, sản phẩm, FAQ */
.single-post .entry-content,
.single-product .woocommerce-Tabs-panel,
.single-product .product_meta,
.single-product .woocommerce-product-details__short-description,
.single .post-content,
.page-id-1426 .entry-content,
body[class*="parent-pageid-1426"] .entry-content,
.single-post article,
.faq-content {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #333 !important;
}

/* H1 - tiêu đề bài viết */
.single-post .entry-title,
.single-post h1.entry-title,
.single-product .product_title,
.single-product h1.product_title,
body[class*="parent-pageid-1426"] h1.entry-title,
.page-id-1426 h1.entry-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: rgb(16, 42, 92) !important;
  line-height: 1.3 !important;
  margin-bottom: 16px !important;
  text-transform: none !important;
}

/* H2 trong content */
.single-post .entry-content h2,
.single-product .woocommerce-Tabs-panel h2,
body[class*="parent-pageid-1426"] .entry-content h2,
.page-id-1426 .entry-content h2,
.faq-content h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: rgb(16, 42, 92) !important;
  line-height: 1.35 !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  text-transform: none !important;
}

/* H3 trong content */
.single-post .entry-content h3,
.single-product .woocommerce-Tabs-panel h3,
body[class*="parent-pageid-1426"] .entry-content h3,
.page-id-1426 .entry-content h3,
.faq-content h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1f1f1f !important;
  line-height: 1.4 !important;
  margin-top: 22px !important;
  margin-bottom: 12px !important;
  text-transform: none !important;
}

/* H4 trong content */
.single-post .entry-content h4,
.single-product .woocommerce-Tabs-panel h4,
body[class*="parent-pageid-1426"] .entry-content h4,
.page-id-1426 .entry-content h4,
.faq-content h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #222 !important;
  line-height: 1.45 !important;
  margin-top: 18px !important;
  margin-bottom: 10px !important;
  text-transform: none !important;
}

/* Paragraph + list trong content */
.single-post .entry-content p,
.single-post .entry-content li,
.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li,
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description li,
body[class*="parent-pageid-1426"] .entry-content p,
body[class*="parent-pageid-1426"] .entry-content li,
.page-id-1426 .entry-content p,
.page-id-1426 .entry-content li,
.faq-content p,
.faq-content li {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #333 !important;
  margin-bottom: 12px !important;
}

/* Strong & bold */
.single-post .entry-content strong,
.single-product .woocommerce-Tabs-panel strong,
body[class*="parent-pageid-1426"] .entry-content strong,
.page-id-1426 .entry-content strong,
.faq-content strong {
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* Blockquote */
.single-post .entry-content blockquote,
.single-product .woocommerce-Tabs-panel blockquote,
body[class*="parent-pageid-1426"] .entry-content blockquote,
.faq-content blockquote {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-style: italic !important;
  border-left: 4px solid rgb(16, 42, 92) !important;
  background: #f8faf9 !important;
  padding: 14px 18px !important;
  margin: 18px 0 !important;
  color: #444 !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .single-post .entry-title,
  .single-product .product_title,
  body[class*="parent-pageid-1426"] h1.entry-title,
  .page-id-1426 h1.entry-title {
    font-size: 24px !important;
  }
  .single-post .entry-content h2,
  .single-product .woocommerce-Tabs-panel h2,
  body[class*="parent-pageid-1426"] .entry-content h2,
  .faq-content h2 {
    font-size: 20px !important;
  }
  .single-post .entry-content h3,
  body[class*="parent-pageid-1426"] .entry-content h3,
  .faq-content h3 {
    font-size: 18px !important;
  }
  .single-post .entry-content p,
  .single-post .entry-content li,
  body[class*="parent-pageid-1426"] .entry-content p,
  .faq-content p {
    font-size: 15.5px !important;
  }
}
/* === END PRODUCT_CATEGORY_REORDER === */

/* === PILLAR_CTA_BUTTONS === === */
/* Fix 2 nút CTA Gọi báo giá + Gửi yêu cầu tư vấn - selector không phụ thuộc .entry-content */
p[style*="text-align: center"] > a[style*="background: #102A5C"],
p[style*="text-align: center"] > a[style*="background: #0ea5e9"] {
  display: inline-block !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease !important;
}

p[style*="text-align: center"] > a[style*="background: #102A5C"]:hover,
p[style*="text-align: center"] > a[style*="background: #0ea5e9"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important;
  opacity: 0.95 !important;
}

@media (max-width: 767px) {
  p[style*="text-align: center"] > a[style*="background: #102A5C"],
  p[style*="text-align: center"] > a[style*="background: #0ea5e9"] {
    display: block !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 8px auto !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 380px) {
  p[style*="text-align: center"] > a[style*="background: #102A5C"],
  p[style*="text-align: center"] > a[style*="background: #0ea5e9"] {
    font-size: 14px !important;
    padding: 12px 10px !important;
  }
}
/* === END PILLAR_CTA_BUTTONS === */


/* === FIX MOBILE: Trang Gioi Thieu PTH (auto by AI) === */
@media (max-width: 549px) {
  /* Scope: trang Gioi Thieu (page-id-11) */

  /* 1. Banner H1 - giam font, can lai padding */
  body.page-id-11 .banner h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  body.page-id-11 .banner .text-box-content p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }
  body.page-id-11 .banner .button {
    font-size: 11px !important;
    padding: 0 12px !important;
    line-height: 2.4 !important;
    min-height: 0 !important;
    letter-spacing: 0.02em !important;
  }
  body.page-id-11 .banner {
    min-height: auto !important;
  }
  body.page-id-11 .banner .text-box {
    width: 95% !important;
  }

  /* 2. Heading H2/H3 trong noi dung khong bi cat */
  body.page-id-11 .entry-content h2,
  body.page-id-11 .page-wrapper h2,
  body.page-id-11 .page-wrapper h3,
  body.page-id-11 section h2,
  body.page-id-11 section h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    hyphens: auto !important;
  }

  /* 3. Nut Zalo / Phone noi: thu nho + day xuong duoi de khong de noi dung */
  .zalo-button, .phone-button,
  .floating-contact, .btn-zalo, .btn-call,
  .contact-button, .float-button, .floating-button,
  .ux-call-now-button, .call-now-button,
  .zalo-floating, .phone-floating,
  div[class*="zalo-fixed"],
  div[class*="phone-fixed"],
  .fixed-contact-button {
    transform: scale(0.7) !important;
    transform-origin: bottom left !important;
  }

  /* 4. An watermark "pthvietnam.com" de tren noi dung text */
  .no-copy-watermark,
  .wpcr-watermark,
  .anti-copy-watermark,
  .copy-protect-watermark,
  div[class*="copy-watermark"],
  div[class*="text-watermark"] {
    display: none !important;
  }
}
/* === END FIX TEXT COLOR === */


/* === PTH Money Page CSS - Van Rũ Bụi (added 2026-05-01) === */

.pth-mp{--pth-green:#0A1F44;--pth-green-dark:#102A5C;--pth-green-light:#1B3D7A;--pth-gray:#d0d7e2;--pth-bg-soft:#f4faf6}
.pth-mp h2{color:var(--pth-green);font-size:26px;font-weight:700;margin:30px 0 15px}
.pth-mp h3{color:var(--pth-green);font-size:19px;font-weight:700;margin:18px 0 10px}
.pth-mp p{font-size:16px;line-height:1.7;margin:0 0 12px}
.pth-mp table{width:100%;border-collapse:collapse;margin:15px 0;font-size:15px}
.pth-mp table th{background:var(--pth-green);color:#fff;padding:10px;text-align:left;border:1px solid var(--pth-green)}
.pth-mp table td{padding:10px;border:1px solid var(--pth-gray);vertical-align:top}
.pth-mp table tr:nth-child(even) td{background:var(--pth-bg-soft)}
.pth-mp .pth-cta-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;width:100%}
.pth-mp .pth-cta-box>div,.pth-mp .pth-cta-box>a{padding:18px 20px;text-align:center;text-decoration:none;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;transition:.25s;position:relative}
.pth-mp .pth-cta-primary{background:var(--pth-green);color:#fff;box-shadow:0 4px 12px rgba(31,90,168,.15)}
.pth-mp .pth-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(31,90,168,.22)}
.pth-mp .pth-cta-primary .pth-cta-title{color:#fff;font-weight:800;font-size:17px;display:block;letter-spacing:.3px;margin:8px 0 4px}
.pth-mp .pth-cta-primary small{display:block;font-size:12.5px;font-weight:500;margin-top:0;opacity:.92;color:#fff;line-height:1.45}
.pth-mp .pth-cta-secondary{background:#fff;color:var(--pth-green-dark);border:1px solid #1B3D7A;box-shadow:0 4px 12px rgba(31,90,168,.06)}
.pth-mp .pth-cta-secondary strong{display:block;font-size:11px;color:#1B3D7A;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;margin:6px 0 6px}
.pth-mp .pth-cta-secondary a{color:var(--pth-green-dark);font-weight:800;font-size:22px;text-decoration:none;display:block;margin:0 0 4px;letter-spacing:.5px}
.pth-mp .pth-note{background:var(--pth-green-light);border-left:4px solid var(--pth-green);padding:12px 16px;margin:15px 0;font-style:italic;color:#1C1F50}
.pth-mp .pth-cta-final{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin:22px 0!important;width:100%!important;max-width:none!important;flex-wrap:nowrap!important}
.pth-mp .pth-cta-final a{padding:18px 16px;text-align:center;text-decoration:none;font-weight:800;font-size:16px;color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90px;transition:.25s;letter-spacing:.3px;box-shadow:0 4px 12px rgba(31,90,168,.1);box-sizing:border-box}
.pth-mp .pth-cta-final a small{display:block;font-size:12.5px;font-weight:500;margin-top:5px;opacity:.92}
.pth-mp .pth-cta-call{background:var(--pth-green)}.pth-cta-call:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(31,90,168,.22)}
.pth-mp .pth-cta-zalo{background:#0084ff}.pth-cta-zalo:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,132,255,.22)}
.pth-mp .pth-cta-rfq{background:#fff;color:var(--pth-green-dark)!important;border:1px solid #1B3D7A}.pth-cta-rfq:hover{transform:translateY(-2px);background:var(--pth-green-light);box-shadow:0 6px 16px rgba(31,90,168,.15)}
.pth-mp .pth-cta-rfq small{color:var(--pth-green-dark)!important}
.pth-mp ul{margin:10px 0 16px 22px}
.pth-mp ul li{margin:6px 0;line-height:1.65}
.pth-mp hr{border:0;border-top:1px solid var(--pth-gray);margin:30px 0}
.pth-mp .pth-process{margin:25px 0}
.pth-mp .pth-process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.pth-mp .pth-step{position:relative;text-align:center;padding:24px 14px 20px;background:#fff;border:2px solid var(--pth-green-light);border-radius:12px;transition:.3s;margin:0 6px;box-shadow:0 2px 6px rgba(31,90,168,.08)}
.pth-mp .pth-step:hover{transform:translateY(-4px);border-color:var(--pth-green);box-shadow:0 8px 20px rgba(31,90,168,.15)}
.pth-mp .pth-step-num{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:var(--pth-green);color:#fff;border-radius:50%;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(31,90,168,.35);border:3px solid #fff}
.pth-mp .pth-step-icon{font-size:34px;margin:14px 0 10px;line-height:1}
.pth-mp .pth-step-title{font-weight:800;font-size:15px;color:var(--pth-green-dark);margin:0 0 10px;line-height:1.35;min-height:40px;text-transform:uppercase;letter-spacing:.2px}
.pth-mp .pth-step-desc{font-size:13px;color:#1E2952;line-height:1.55;margin:0;font-weight:500}
.pth-mp .pth-step::after{content:"";position:absolute;top:50%;right:-14px;width:0;height:0;border-left:10px solid var(--pth-green);border-top:7px solid transparent;border-bottom:7px solid transparent;transform:translateY(-50%);z-index:2}
.pth-mp .pth-step:last-child::after{display:none}
.pth-mp .pth-step.pth-step-final{background:linear-gradient(135deg,var(--pth-green) 0%,#1B3D7A 100%);border-color:var(--pth-green);color:#fff}
.pth-mp .pth-step.pth-step-final .pth-step-title,.pth-mp .pth-step.pth-step-final .pth-step-desc{color:#fff}
.pth-mp .pth-step.pth-step-final .pth-step-num{background:#fff;color:var(--pth-green-dark)}
@media(max-width:900px){.pth-mp .pth-process-grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}.pth-mp .pth-step::after{display:none}.pth-mp .pth-step{margin:0}}
@media(max-width:480px){.pth-mp .pth-process-grid{grid-template-columns:1fr;gap:30px}}

.pth-mp .pth-rfq{background:#fff;border:2px solid var(--pth-green);border-radius:8px;padding:24px;margin:20px 0;box-shadow:0 4px 14px rgba(31,90,168,.08)}
.pth-mp .pth-rfq h3{margin-top:0}
.pth-mp .pth-rfq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}
.pth-mp .pth-rfq-grid .full{grid-column:1/-1}
.pth-mp .pth-rfq label{display:block;font-size:13px;font-weight:600;color:#1C1F50;margin-bottom:4px}
.pth-mp .pth-rfq label .req{color:#c00}
.pth-mp .pth-rfq input,.pth-mp .pth-rfq select,.pth-mp .pth-rfq textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--pth-gray);border-radius:5px;font-family:inherit;background:#fff;box-sizing:border-box}
.pth-mp .pth-rfq input:focus,.pth-mp .pth-rfq select:focus,.pth-mp .pth-rfq textarea:focus{border-color:var(--pth-green);outline:0;box-shadow:0 0 0 3px rgba(31,90,168,.15)}
.pth-mp .pth-rfq textarea{min-height:90px;resize:vertical}
.pth-mp .pth-rfq-submit{background:var(--pth-green);color:#fff;border:0;padding:14px 30px;font-size:16px;font-weight:700;border-radius:6px;cursor:pointer;width:100%;margin-top:10px;transition:.2s}
.pth-mp .pth-rfq-submit:hover{background:var(--pth-green-dark)}
.pth-mp .pth-rfq-note{font-size:13px;color:#1B3D7A;margin-top:12px;text-align:center}
@media(max-width:600px){.pth-mp .pth-rfq-grid{grid-template-columns:1fr}}

.pth-mp .pth-cta-final br{display:none}
.pth-mp .pth-cta-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;margin-bottom:2px}
.pth-mp .pth-cta-primary .pth-cta-icon{background:rgba(255,255,255,.22);color:#fff}
.pth-mp .pth-cta-secondary .pth-cta-icon{background:var(--pth-green-light);color:var(--pth-green)}
.pth-mp .pth-cta-secondary em{display:block;font-size:11.5px;color:#1B3D7A;font-style:normal;font-weight:500;letter-spacing:.2px}
@media(max-width:640px){.pth-mp .pth-cta-box{grid-template-columns:1fr}}


/* ===== Sản phẩm tiêu biểu - Nút xem thêm ===== */
.pth-prod-more-wrap{
  display:flex;justify-content:center;margin-top:36px;
}
.pth-prod-more{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 32px;border-radius:50px;
  background:linear-gradient(135deg,#0A1F44 0%,#1B3D7A 100%);
  color:#fff !important;font-weight:600;font-size:16px;
  text-decoration:none !important;
  box-shadow:0 6px 18px rgba(23,58,106,.25);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.pth-prod-more:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(23,58,106,.35);
  background:linear-gradient(135deg,#0A1F44 0%,#102A5C 100%);
}
.pth-prod-more span{transition:transform .25s ease;display:inline-block;}
.pth-prod-more:hover span{transform:translateX(4px);}

/* ===== Khach hang tieu bieu ===== */
.pth-clients{padding:60px 20px;background:#ffffff;}
.pth-clients .pth-sec-head{text-align:center;max-width:780px;margin:0 auto 40px;}
.pth-clients .pth-sec-head h2{color:#0A1F44;font-size:32px;margin:0 0 12px;font-weight:700;}
.pth-clients .pth-sec-head p{color:#5a6b75;font-size:16px;line-height:1.6;margin:0;}
.pth-clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.pth-client-item{background:#fff;border:1px solid #e5e9ed;border-radius:14px;padding:24px 20px;display:flex;align-items:center;justify-content:center;min-height:120px;transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.pth-client-item:hover{border-color:#1B3D7A;transform:translateY(-3px);box-shadow:0 8px 22px rgba(23,58,106,.12);}
.pth-client-item img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;filter:grayscale(20%);transition:filter .25s ease;}
.pth-client-item:hover img{filter:grayscale(0%);}
@media (max-width:1024px){.pth-clients-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:768px){.pth-clients-grid{grid-template-columns:repeat(3,1fr);gap:16px;}.pth-clients{padding:40px 16px;}.pth-clients .pth-sec-head h2{font-size:26px;}}
@media (max-width:480px){.pth-clients-grid{grid-template-columns:repeat(2,1fr);}.pth-client-item{min-height:90px;padding:16px 12px;}.pth-client-item img{max-height:60px;}}

/* ===== Tin moi nhat - Section (3 anh ngang) ===== */
.pth-news{padding:60px 20px;background:#f8f9fa;}
.pth-news .pth-sec-head{text-align:center;max-width:780px;margin:0 auto 36px;}
.pth-news .pth-sec-head h2{color:#0A1F44;font-size:32px;margin:0 0 12px;font-weight:700;}
.pth-news .pth-sec-head p{color:#5a6b75;font-size:16px;line-height:1.6;margin:0;}
.pth-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.pth-news-card{display:block;border-radius:14px;overflow:hidden;text-decoration:none !important;box-shadow:0 4px 14px rgba(0,0,0,.08);transition: transform .3s ease, box-shadow .3s ease;background:#fff;}
.pth-news-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(23,58,106,.20);}
.pth-news-img{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e9ecef;}
.pth-news-img img{width:100%;height:100%;object-fit:cover;display:block;transition: transform 200ms ease;}
.pth-news-card:hover .pth-news-img img{transform:scale(1.05);}
.pth-news-tag{position:absolute;left:14px;bottom:14px;background:#0A1F44;color:#fff !important;font-size:13px;font-weight:700;letter-spacing:.5px;padding:7px 18px;border-radius:4px;text-transform:uppercase;text-decoration:none !important;}
.pth-news-more-wrap{display:flex;justify-content:center;margin-top:36px;}
.pth-news-more{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;background:#fff;color:#0A1F44 !important;font-weight:600;font-size:15px;text-decoration:none !important;border:2px solid #0A1F44;transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;}
.pth-news-more:hover{background:#0A1F44;color:#fff !important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,58,106,.25);}
.pth-news-more span{transition:transform .25s ease;display:inline-block;}
.pth-news-more:hover span{transform:translateX(4px);}
@media (max-width:768px){.pth-news-grid{grid-template-columns:repeat(3,1fr);gap:12px;}.pth-news{padding:40px 16px;}.pth-news .pth-sec-head h2{font-size:24px;}.pth-news-tag{font-size:11px;padding:5px 12px;left:8px;bottom:8px;}}
@media (max-width:480px){.pth-news-grid{grid-template-columns:1fr;gap:16px;}.pth-news-img{aspect-ratio:16/9;}}

/* Force span pth-news-img to behave as block, hide stray p tags */
.pth-news-img{display:block !important;}
.pth-news-grid > p, .pth-news-grid > p:empty{display:none !important;}
.pth-news-grid > br{display:none !important;}

/* ===== Quy trinh lam viec B2B - Flow Diagram ===== */
.pth-flow{padding:70px 20px;background:linear-gradient(135deg,#f8fbf9 0%,#eef5f0 100%);position:relative;overflow:hidden;}
.pth-flow::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(23,58,106,.06) 0%,transparent 70%);border-radius:50%;}
.pth-flow::after{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(30,65,163,.05) 0%,transparent 70%);border-radius:50%;}
.pth-flow .pth-sec-head{text-align:center;max-width:780px;margin:0 auto 50px;position:relative;z-index:2;}
.pth-flow .pth-sec-head h2{color:#0A1F44;font-size:34px;margin:0 0 12px;font-weight:800;letter-spacing:-.3px;}
.pth-flow .pth-sec-head p{color:#5a6b75;font-size:16px;line-height:1.6;margin:0;}
.pth-flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1280px;margin:0 auto;position:relative;z-index:2;}
.pth-flow-step{position:relative;display:flex;flex-direction:column;align-items:center;}
/* Connecting line */
.pth-flow-step:not(:last-child)::after{content:"";position:absolute;top:42px;left:calc(50% + 45px);right:calc(-50% + 45px);height:3px;background-image:linear-gradient(90deg,#1B3D7A 50%,transparent 50%);background-size:14px 3px;background-repeat:repeat-x;z-index:0;}
/* Circle with icon and number */
.pth-flow-circle{position:relative;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#0A1F44 0%,#1B3D7A 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(23,58,106,.30),0 0 0 6px #fff,0 0 0 7px rgba(23,58,106,.18);margin-bottom:22px;z-index:2;transition: all 200ms ease;}
.pth-flow-step:hover .pth-flow-circle{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 30px rgba(23,58,106,.40),0 0 0 6px #fff,0 0 0 8px rgba(30,65,163,.30);}
.pth-flow-icon{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));}
.pth-flow-num{position:absolute;top:-6px;right:-6px;background:#fff;color:#0A1F44;font-size:12px;font-weight:800;padding:4px 8px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.15);border:2px solid #0A1F44;letter-spacing:.3px;}
/* Content card */
.pth-flow-card{background:#fff;border-radius:14px;padding:18px 16px;text-align:center;width:100%;box-shadow:0 6px 18px rgba(0,0,0,.06);border:1px solid #e8ecef;transition:all .3s ease;flex:1;display:flex;flex-direction:column;justify-content:flex-start;}
.pth-flow-step:hover .pth-flow-card{border-color:#1B3D7A;box-shadow:0 12px 28px rgba(23,58,106,.15);transform:translateY(-3px);}
.pth-flow-title{color:#1a2a35;font-size:15px;font-weight:700;margin:0 0 8px;line-height:1.35;}
.pth-flow-step:hover .pth-flow-title{color:#0A1F44;}
.pth-flow-desc{color:#5a6b75;font-size:13px;line-height:1.5;margin:0;}
/* Pulse animation on first step */
.pth-flow-step:first-child .pth-flow-circle::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(30,65,163,.5);animation:pthFlowPulse 2s ease-out infinite;}
@keyframes pthFlowPulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.4);opacity:0;}}
/* Responsive */
@media (max-width:1024px){.pth-flow-grid{grid-template-columns:repeat(3,1fr);gap:30px 18px;}.pth-flow-step:nth-child(3n)::after{display:none;}.pth-flow-step:nth-child(4)::after,.pth-flow-step:nth-child(5)::after{top:42px;}}
@media (max-width:640px){.pth-flow-grid{grid-template-columns:repeat(2,1fr);gap:30px 14px;}.pth-flow-step:nth-child(2n)::after{display:none;}.pth-flow-step::after{display:none;}.pth-flow{padding:50px 16px;}.pth-flow .pth-sec-head h2{font-size:26px;}.pth-flow-circle{width:72px;height:72px;}.pth-flow-icon{font-size:28px;}}
@media (max-width:420px){.pth-flow-grid{grid-template-columns:1fr;gap:24px;}.pth-flow-step{flex-direction:row;align-items:flex-start;text-align:left;gap:16px;}.pth-flow-circle{margin-bottom:0;flex-shrink:0;}.pth-flow-card{text-align:left;}}

/* ===== Du an & giao hang tieu bieu ===== */
.pth-cases{padding:60px 20px;background:#fff;}
.pth-cases .pth-sec-head{text-align:center;max-width:820px;margin:0 auto 40px;}
.pth-cases .pth-sec-head h2{color:#0A1F44;font-size:32px;margin:0 0 12px;font-weight:700;}
.pth-cases .pth-sec-head p{color:#5a6b75;font-size:16px;line-height:1.6;margin:0;}
.pth-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;}
.pth-case-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08);border:1px solid #e8ecef;transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;display:flex;flex-direction:column;}
.pth-case-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(23,58,106,.18);border-color:#1B3D7A;}
.pth-case-img{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e9ecef;position:relative;}
.pth-case-img img{width:100%;height:100%;object-fit:cover;display:block;transition: transform 200ms ease;}
.pth-case-card:hover .pth-case-img img{transform:scale(1.05);}
.pth-case-body{padding:18px 20px 22px;}
.pth-case-title{color:#1a2a35;font-size:17px;font-weight:700;margin:0 0 8px;line-height:1.35;}
.pth-case-card:hover .pth-case-title{color:#0A1F44;}
.pth-case-desc{color:#5a6b75;font-size:14px;line-height:1.55;margin:0;}
.pth-cases-grid > p, .pth-cases-grid > br{display:none !important;}
@media (max-width:1024px){.pth-cases-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.pth-cases-grid{grid-template-columns:1fr;gap:18px;}.pth-cases{padding:40px 16px;}.pth-cases .pth-sec-head h2{font-size:26px;}}

/* ===== LAYOUT RHYTHM v2 - Reduce padding, alternate backgrounds ===== */
/* Standardize all section padding (reduce from 60-70px to 48px) */
.pth-trust, .pth-problems, .pth-solutions, .pth-industry, .pth-products, .pth-clients, .pth-cases, .pth-flow, .pth-docs, .pth-news, .pth-faq{padding-top:48px !important;padding-bottom:48px !important;}
.pth-final-cta, .pth-capacity{padding-top:54px !important;padding-bottom:54px !important;}
/* Section heading margin tighter */
.pth-trust .pth-sec-head, .pth-problems .pth-sec-head, .pth-solutions .pth-sec-head, .pth-industry .pth-sec-head, .pth-products .pth-sec-head, .pth-clients .pth-sec-head, .pth-cases .pth-sec-head, .pth-flow .pth-sec-head, .pth-docs .pth-sec-head, .pth-news .pth-sec-head, .pth-faq .pth-sec-head{margin-bottom:32px !important;}

/* Background rhythm: white | light-gray | white | accent */
.pth-trust{background:#ffffff !important;}
.pth-problems{background:#f8f9fa !important;}
.pth-solutions{background:#ffffff !important;}
/* pth-final-cta: keep accent green */
.pth-industry{background:#f8f9fa !important;}
.pth-products{background:#ffffff !important;}
/* pth-capacity: keep accent green */
.pth-clients{background:#f8f9fa !important;}
.pth-cases{background:#ffffff !important;}
.pth-flow{background:linear-gradient(135deg,#f8fbf9 0%,#eef5f0 100%) !important;}
.pth-docs{background:#ffffff !important;}
.pth-news{background:#f8f9fa !important;}
.pth-faq{background:#ffffff !important;}

/* Reduce huge gaps between sections (Flatsome may add wrappers) */
.entry-content > section + section, .page-content > section + section{margin-top:0 !important;}
.entry-content section{margin:0 !important;}

/* Mobile - tighten further */
@media (max-width:640px){.pth-trust,.pth-problems,.pth-solutions,.pth-industry,.pth-products,.pth-clients,.pth-cases,.pth-flow,.pth-docs,.pth-news,.pth-faq,.pth-final-cta,.pth-capacity{padding-top:36px !important;padding-bottom:36px !important;}}

/* ===== Closer CTA Section (before footer) ===== */
.pth-closer{position:relative;padding:80px 24px;overflow:hidden;background:linear-gradient(135deg,#102A5C 0%,#0A1F44 50%,#1B3D7A 100%);color:#fff;}
.pth-closer-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent 0,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 61px);pointer-events:none;}
.pth-closer-inner{position:relative;z-index:2;max-width:980px;margin:0 auto;text-align:center;}
.pth-closer-badge{display:inline-block;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);color:#fff;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;border:1px solid rgba(255,255,255,.25);}
.pth-closer-title{color:#fff !important;font-size:38px;font-weight:800;line-height:1.25;margin:0 0 18px;letter-spacing:-.5px;}
.pth-closer-sub{color:rgba(255,255,255,.92);font-size:17px;line-height:1.6;margin:0 0 36px;max-width:780px;margin-left:auto;margin-right:auto;}
.pth-closer-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:36px;}
.pth-closer-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 28px;border-radius:14px;text-decoration:none !important;transition:all .3s ease;min-width:280px;text-align:left;}
.pth-closer-btn-primary{background:#fff;color:#0A1F44 !important;box-shadow:0 10px 30px rgba(0,0,0,.20);}
.pth-closer-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.30);background:#fff8e6;}
.pth-closer-btn-secondary{background:rgba(255,255,255,.12);color:#fff !important;border:2px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);}
.pth-closer-btn-secondary:hover{transform:translateY(-3px);background:rgba(255,255,255,.20);border-color:#fff;}
.pth-closer-icon{font-size:28px;line-height:1;flex-shrink:0;}
.pth-closer-btn-txt{display:flex;flex-direction:column;line-height:1.2;}
.pth-closer-btn-txt strong{font-size:16px;font-weight:700;margin-bottom:3px;}
.pth-closer-btn-txt small{font-size:13px;opacity:.85;font-weight:500;}
.pth-closer-perks{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;}
.pth-closer-perks li{color:rgba(255,255,255,.95);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;}
.pth-closer-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;font-size:13px;font-weight:800;color:#1B3D7A;}
@media (max-width:768px){.pth-closer{padding:54px 20px;}.pth-closer-title{font-size:26px;}.pth-closer-sub{font-size:15px;}.pth-closer-btn{min-width:auto;width:100%;justify-content:flex-start;}.pth-closer-perks{gap:14px;flex-direction:column;align-items:flex-start;text-align:left;max-width:340px;margin:0 auto;}.pth-closer-perks li{font-size:14px;}}

.pth-closer{padding:72px 24px !important;}
@media (max-width:768px){.pth-closer{padding:48px 18px !important;}}


/* ===== PTH BRAND HEADER — đồng bộ toàn site (added 2026-05) ===== */

/* Header: nền gradient xanh-trắng + viền dưới vàng */
html #header {
  background: linear-gradient(135deg,#1B3D7A 0%,#F5F9F5 35%,#FFFFFF 70%,#F0F7F2 100%) !important;
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(90deg,#0A1F44 0%,#FFB800 50%,#0A1F44 100%) 1 !important;
  box-shadow: 0 4px 14px rgba(10,31,68,0.10) !important;
  position: relative;
}
html #header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(23,58,106,0.04) 0%, transparent 40%),
    radial-gradient(circle at 80% 50%, rgba(255,184,0,0.04) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}
html #header > * { position: relative; z-index: 1; }
html .header-main, html .header-wrapper { background: transparent !important; }

/* Sticky: nền solid trắng + blur + shadow */
html .header-wrapper.stuck {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 6px 20px rgba(10,31,68,0.12) !important;
  border-bottom: 2px solid #0A1F44 !important;
}

/* Top bar */
html .header-top {
  background: linear-gradient(90deg,#102A5C 0%,#0A1F44 50%,#102A5C 100%) !important;
  color: #fff !important;
  border-bottom: 2px solid #FFB800 !important;
}
html .header-top a, html .header-top span { color: #fff !important; }

/* Menu items */
html #header .nav > li > a {
  color: #0A1F44 !important;
  font-weight: 600 !important;
  position: relative;
}
html #header .nav > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: linear-gradient(90deg,#0A1F44,#FFB800);
  transition: width .25s ease;
  border-radius: 2px;
}
html #header .nav > li > a:hover::after,
html #header .nav > li.current-menu-item > a::after { width: 60%; }
html #header .nav > li > a:hover { color: #0A1F44 !important; }

/* Nút "LIÊN HỆ TƯ VẤN" header — cam vàng */
html #header .header-button a.button,
html #header .nav a.button.is-outline {
  background: linear-gradient(135deg,#FF8A00 0%,#FFB800 100%) !important;
  color: #0A1F44 !important;
  border: none !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(255,138,0,0.30) !important;
  transition: all .25s ease !important;
}
html #header .header-button a.button:hover,
html #header .nav a.button.is-outline:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(255,138,0,0.40) !important;
}
/* ===== END PTH BRAND HEADER ===== */


/* ============================================ */

/* === PTH NAVY PALETTE v4 - SOFT & UNIFIED === */
:root{
  --pth-navy:#0A1F44;
  --pth-navy-deep:#0E274A;
  --pth-blue-light:#EAF2FB;
  --pth-orange:#FF9900;
  --pth-white:#FFFFFF;
  --pth-text:#4B5563;
  --pth-border:#D9E4F2;
}

/* Footer giữ navy đậm */
html body .footer-wrapper,
html body #footer,
html body .absolute-footer{
  background:#0E274A !important;
}
/* === END v4 OVERRIDE === */

/* === PTH News Tag badge - co gọn === */
html body .pth-news-card .pth-news-img .pth-news-tag,
html body .pth-news-grid .pth-news-tag{
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: inline-block !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  border-radius: 3px !important;
  background: #FF8A00 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  z-index: 5 !important;
}
/* === END News Tag === */

/* === PTH Final CTA buttons - Phương án A === */
/* Gọi ngay - nền cam, chữ trắng */
html body .pth-final-cta .pth-fcta-call,
html body .pth-final-cta a.pth-fcta-call{
  background:#FF9900 !important;
  background-image:none !important;
  color:#FFFFFF !important;
  border-color:#FF9900 !important;
}
html body .pth-final-cta .pth-fcta-call *{color:#FFFFFF !important;}
html body .pth-final-cta .pth-fcta-call:hover{background:#E68A00 !important;}

/* Chat Zalo - nền xanh dương Zalo, chữ trắng */
html body .pth-final-cta .pth-fcta-zalo,
html body .pth-final-cta a.pth-fcta-zalo{
  background:#0068FF !important;
  background-image:none !important;
  color:#FFFFFF !important;
  border-color:#0068FF !important;
}
html body .pth-final-cta .pth-fcta-zalo *{color:#FFFFFF !important;}
html body .pth-final-cta .pth-fcta-zalo:hover{background:#0057D9 !important;}

/* Gửi yêu cầu báo giá - nền trắng, chữ navy, viền cam */
html body .pth-final-cta .pth-fcta-form,
html body .pth-final-cta a.pth-fcta-form{
  background:#FFFFFF !important;
  background-image:none !important;
  color:#0E274A !important;
  border:2px solid #FF9900 !important;
}
html body .pth-final-cta .pth-fcta-form *{color:#0E274A !important;}
html body .pth-final-cta .pth-fcta-form:hover{background:#FFF7EB !important;}
/* === END Final CTA buttons === */


/* === FOOTER NAVY BRAND THEME (auto) === */
/* Footer dong bo voi he mau navy thuong hieu PTH */
html body .footer-wrapper, html body #footer, html body footer#footer, html body footer.footer-wrapper { background: #0e274a !important; color: #d4dde8 !important; }
html body .absolute-footer, html body footer .absolute-footer, html body #footer .absolute-footer { background: #0a1f3d !important; color: #b8c4d4 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; }
html body footer p, html body footer li, html body footer span, html body footer strong { color: #d4dde8 !important; }
html body footer a { color: #d4dde8 !important; }
html body footer a:hover { color: #ff8a00 !important; }
html body footer .footer-title, html body footer .footer-title h3, html body footer .footer-title span, html body footer h3, html body footer h4 { color: #ffb000 !important; }
html body footer ul li a::before { color: #ffb000 !important; }
html body footer .copyright-footer, html body footer .copyright-footer * { color: #b8c4d4 !important; }
html body footer .back-to-top { background-color: #ffb000 !important; color: #0e274a !important; border-color: #ffb000 !important; }
html body footer .back-to-top:hover { background-color: #ff8a00 !important; border-color: #ff8a00 !important; color: #ffffff !important; }
/* === END FOOTER NAVY BRAND THEME === */


/* === BUTTON RADIUS UNIFY 8PX (auto) === */
/* Dong nhat bo goc nut Flatsome mac dinh ve 8px tren toan site */
html body .button, html body a.button, html body button.button, html body input.button, html body .button.primary, html body .button.secondary, html body .button.success, html body .button.alert, html body .button.is-outline, html body .is-outline.button { border-radius: 8px !important; }
html body .button.is-medium, html body .button.is-small, html body .button.is-large, html body .button.is-xlarge { border-radius: 8px !important; }
/* Override header button (cho ngu phai pill) */
html body .header-button .button, html body .header-button .button.primary, html body .header-button .button.primary.is-medium, html body .header-button a.button, html body header .header-button .button { border-radius: 8px !important; }
/* Cac nut CTA cust om tren trang san pham (pillar pages) - dong nhat ve 8px */
html body .pth-pillar-cta-btn, html body a.pth-pillar-cta-btn, html body .pth-pillar-cta-primary, html body .pth-pillar-cta-phone, html body .pth-pillar-cta-secondary { border-radius: 8px !important; }
html body .pth-pillar-cta3, html body a.pth-pillar-cta3, html body .pth-pillar-cta3-call, html body .pth-pillar-cta3-form, html body .pth-pillar-cta3-zalo { border-radius: 8px !important; }
html body .pth-readmore-btn, html body a.pth-readmore-btn, html body button.pth-readmore-btn { border-radius: 8px !important; }
/* === END BUTTON RADIUS UNIFY === */

/* === PILLAR CTA BUTTON ONE-LINE (auto) === */
/* Gop strong + span tren 1 dong cho nut pillar CTA, an br */
.pth-pillar-cta-btn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pth-pillar-cta-btn br { display: none !important; }
.pth-pillar-cta-btn strong,
.pth-pillar-cta-btn span { display: inline !important; }
.pth-pillar-cta-btn strong + span,
.pth-pillar-cta-btn strong { margin: 0; }
.pth-pillar-cta-btn strong::after { content: " "; }
/* === END PILLAR CTA ONE-LINE === */

/* === PILLAR TABLE PRO STYLE (auto) === */
/* Wrap: scroll ngang tren mobile */
.pth-pillar-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:12px;
  box-shadow:0 2px 12px rgba(14,39,74,.08), 0 1px 3px rgba(14,39,74,.06);
  margin: 18px 0 22px;
  background:#fff;
}
/* Bang chinh */
.pth-pillar-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:0 !important;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  font-size:15px;
  line-height:1.55;
}
/* Header (thead): gradient navy thuong hieu, chu trang */
.pth-pillar-table thead th,
.pth-pillar-table thead td{
  background: linear-gradient(135deg, #0e274a 0%, #1a3a6e 100%) !important;
  background-image: linear-gradient(135deg, #0e274a 0%, #1a3a6e 100%) !important;
  color:#ffffff !important;
  font-weight:700 !important;
  text-align:left;
  padding:14px 16px !important;
  border:0 !important;
  border-bottom:2px solid #ffb000 !important;
  letter-spacing:.2px;
  font-size:14.5px;
  text-transform:none;
  vertical-align:middle;
}
/* Khi bang KHONG co thead, dung row dau tien lam header */
.pth-pillar-table:not(:has(thead)) tr:first-child th,
.pth-pillar-table:not(:has(thead)) tr:first-child td{
  background: linear-gradient(135deg, #0e274a 0%, #1a3a6e 100%) !important;
  background-image: linear-gradient(135deg, #0e274a 0%, #1a3a6e 100%) !important;
  color:#ffffff !important;
  font-weight:700 !important;
  padding:14px 16px !important;
  border:0 !important;
  border-bottom:2px solid #ffb000 !important;
  font-size:14.5px;
}
/* Body cells - chi ap dung trong tbody */
.pth-pillar-table tbody td{
  padding:12px 16px !important;
  border:0 !important;
  border-bottom:1px solid #e6ecf3 !important;
  color:#1f2d3d !important;
  vertical-align:top;
  background-image:none !important;
}
/* Bo viet duoi cua row cuoi trong tbody */
.pth-pillar-table tbody tr:last-child td{
  border-bottom:0 !important;
}
/* Zebra: row chan nen rat nhat */
.pth-pillar-table tbody tr:nth-child(even) td{
  background-color:#f7faff !important;
}
.pth-pillar-table tbody tr:nth-child(odd) td{
  background-color:#ffffff !important;
}
/* Hover row: cam nhat */
.pth-pillar-table tbody tr:hover td{
  background-color:#fff7e6 !important;
  transition:background-color .15s ease;
}
/* Cot dau (label/strong): dam, mau navy */
.pth-pillar-table tbody td:first-child{
  color:#0e274a !important;
  font-weight:700;
}
.pth-pillar-table tbody td strong{
  color:#0e274a !important;
}
/* Highlight gia tri trong cell (b) */
.pth-pillar-table tbody td b{
  color:#c0392b !important;
}
/* Mobile */
@media (max-width: 720px){
  .pth-pillar-table{ font-size:13.5px; }
  .pth-pillar-table thead th,
  .pth-pillar-table thead td{ padding:11px 10px !important; font-size:13px; }
  .pth-pillar-table tbody td{ padding:10px 10px !important; }
}
/* === END PILLAR TABLE PRO STYLE === */


/* === ABOUT INLINE BUTTONS PRO STYLE (auto) === */
/* Style 2 inline-HTML buttons in Giới thiệu page content (and any similar inline buttons)
   to match the header "Liên hệ tư vấn" gradient orange standard.
   Targets: a.button.primary.is-medium with tel: or /lien-he/ href, scoped inside main content (#main / #content)
   to avoid affecting header/footer and other regions. */
html body #main a.button.primary.is-medium[href^="tel:"],
html body #main a.button.primary.is-medium[href^="/lien-he/"],
html body #content a.button.primary.is-medium[href^="tel:"],
html body #content a.button.primary.is-medium[href^="/lien-he/"] {
  background: linear-gradient(135deg, #ff8a00 0%, #ffb800 100%) !important;
  background-image: linear-gradient(135deg, #ff8a00 0%, #ffb800 100%) !important;
  background-color: #ff8a00 !important;
  color: #0A1F44 !important;
  border: none !important;
  padding: 12px 32px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(255, 138, 0, 0.3) !important;
  display: inline-block !important;
  margin: 6px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}
html body #main a.button.primary.is-medium[href^="tel:"]:hover,
html body #main a.button.primary.is-medium[href^="/lien-he/"]:hover,
html body #content a.button.primary.is-medium[href^="tel:"]:hover,
html body #content a.button.primary.is-medium[href^="/lien-he/"]:hover {
  background: linear-gradient(135deg, #ff7a00 0%, #ff9a00 100%) !important;
  background-image: linear-gradient(135deg, #ff7a00 0%, #ff9a00 100%) !important;
  box-shadow: 0 6px 18px rgba(255, 138, 0, 0.45) !important;
  transform: translateY(-2px) !important;
  color: #0A1F44 !important;
}
/* === END FAQ PAGE PRO REDESIGN === */

/* === NEWS ARCHIVE PRO REDESIGN (auto) === */
/* HIDE date badge per user request */
body.archive.category-tin-tuc .col.post-item .badge.post-date,
body.archive.category-tin-tuc .col.post-item .post-date.badge {
  display: none !important;
}

/* ============================================
   TIN TỨC ARCHIVE - PROFESSIONAL & MODERN
   Brand palette: navy + xanh rừng + cam
   ============================================ */

/* === HERO BANNER === */
body.archive.category-tin-tuc header.archive-page-header,
body.blog header.archive-page-header {
  background: linear-gradient(135deg, #0a1f44 0%, #0A1F44 50%, #0A1F44 100%) !important;
  padding: 55px 20px 55px !important;
  margin: 0 0 30px !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 4px solid transparent !important;
  border-image: linear-gradient(90deg, #ff8a00, #ffb800, #102A5C) 1 !important;
}
body.archive.category-tin-tuc header.archive-page-header::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0 !important;
  background-image:
    radial-gradient(circle at 15% 30%, rgba(255,138,0,0.12) 0%, transparent 50%),
    radial-gradient(circle at 85% 70%, rgba(30,64,158,0.15) 0%, transparent 50%);
  pointer-events: none !important;
}
body.archive.category-tin-tuc header.archive-page-header::after {
  content: 'TIN TỨC & KIẾN THỨC CHUYÊN NGÀNH' !important;
  position: absolute !important;
  top: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #ffb800 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}
body.archive.category-tin-tuc header.archive-page-header h1 {
  color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 30px auto 16px !important;
  max-width: 900px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}
body.archive.category-tin-tuc header.archive-page-header .row {
  position: relative !important;
  z-index: 2 !important;
}
/* News stats bar */
body.archive.category-tin-tuc header.archive-page-header h1::after {
  content: '' !important;
  display: block !important;
  width: 80px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #ff8a00, #ffb800) !important;
  margin: 22px auto 0 !important;
  border-radius: 2px !important;
}
body.archive.category-tin-tuc .pth-news-hero-subtitle {
  color: rgba(255,255,255,0.92) !important;
  font-size: 17px !important;
  text-align: center !important;
  max-width: 780px !important;
  margin: 0 auto 0 !important;
  line-height: 1.65 !important;
  position: relative !important;
  z-index: 2 !important;
  text-wrap: balance !important;
}
body.archive.category-tin-tuc .pth-news-hero-stats {
  display: flex !important;
  justify-content: center !important;
  gap: 50px !important;
  flex-wrap: wrap !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 2 !important;
}
body.archive.category-tin-tuc .pth-news-hero-stat {
  text-align: center !important;
  color: #ffffff !important;
}
body.archive.category-tin-tuc .pth-news-hero-stat-num {
  display: block !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #ffb800 !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
}
body.archive.category-tin-tuc .pth-news-hero-stat-label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.85) !important;
}

/* === POST CARDS === */
body.archive.category-tin-tuc .col.post-item {
  margin-bottom: 30px !important;
}
body.archive.category-tin-tuc .col.post-item .col-inner {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 18px rgba(10,31,68,0.08) !important;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(10,31,68,0.06) !important;
}
body.archive.category-tin-tuc .col.post-item .col-inner:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 16px 40px rgba(10,31,68,0.18) !important;
  border-color: rgba(30,64,158,0.25) !important;
}
body.archive.category-tin-tuc .col.post-item .box-image {
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
body.archive.category-tin-tuc .col.post-item .box-image img {
  transition: transform 400ms ease !important;
  width: 100% !important;
  display: block !important;
  aspect-ratio: 16/10 !important;
  object-fit: cover !important;
}
body.archive.category-tin-tuc .col.post-item:hover .box-image img {
  transform: scale(1.06) !important;
}
/* Image overlay on hover */
body.archive.category-tin-tuc .col.post-item .box-image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(10,31,68,0) 50%, rgba(10,31,68,0.5) 100%) !important;
  opacity: 0 !important;
  transition: opacity 200ms ease !important;
  pointer-events: none !important;
}
body.archive.category-tin-tuc .col.post-item:hover .box-image::after {
  opacity: 1 !important;
}

/* Date badge restyle */
body.archive.category-tin-tuc .col.post-item .badge.post-date {
  top: 14px !important;
  left: 14px !important;
  z-index: 3 !important;
}
body.archive.category-tin-tuc .col.post-item .badge.post-date .badge-inner {
  background: linear-gradient(135deg, #ff8a00, #ffb800) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  min-width: 56px !important;
  box-shadow: 0 4px 12px rgba(255,138,0,0.35) !important;
  text-align: center !important;
}
body.archive.category-tin-tuc .col.post-item .badge.post-date .post-date-day {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1 !important;
}
body.archive.category-tin-tuc .col.post-item .badge.post-date .post-date-month {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-top: 3px !important;
  display: block !important;
}

/* Reading time / category badge - added via PHP */
body.archive.category-tin-tuc .col.post-item .pth-post-meta-top {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 3 !important;
  background: rgba(10,31,68,0.85) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  color: #ffffff !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
body.archive.category-tin-tuc .col.post-item .pth-post-meta-top::before {
  content: '⏱' !important;
  font-size: 12px !important;
}

/* Box text inner */
body.archive.category-tin-tuc .col.post-item .box-text {
  padding: 22px 22px 24px !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
body.archive.category-tin-tuc .col.post-item .box-text-inner {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Post title */
body.archive.category-tin-tuc .col.post-item .post-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
  color: #0a1f44 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 70px !important;
  transition: color 0.3s ease !important;
}
body.archive.category-tin-tuc .col.post-item .post-title a {
  color: inherit !important;
  text-decoration: none !important;
}
body.archive.category-tin-tuc .col.post-item:hover .post-title {
  color: #0A1F44 !important;
}

/* Divider hide - replaced by spacing */
body.archive.category-tin-tuc .col.post-item .is-divider {
  display: none !important;
}

/* Excerpt */
body.archive.category-tin-tuc .col.post-item .from_the_blog_excerpt {
  color: #5a6470 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 0 18px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex-grow: 1 !important;
}

/* Read more button - injected via PHP, fallback CSS */
body.archive.category-tin-tuc .col.post-item .pth-read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #0A1F44 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(10,31,68,0.08) !important;
  transition: all 0.3s ease !important;
}
body.archive.category-tin-tuc .col.post-item .pth-read-more::after {
  content: '→' !important;
  display: inline-block !important;
  font-size: 16px !important;
  transition: transform 0.3s ease !important;
}
body.archive.category-tin-tuc .col.post-item:hover .pth-read-more {
  color: #ff8a00 !important;
}
body.archive.category-tin-tuc .col.post-item:hover .pth-read-more::after {
  transform: translateX(6px) !important;
}

/* === FEATURED POST (first post) === */
@media (min-width: 850px) {
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .col-inner,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .col-inner {
    flex-direction: row !important;
    align-items: stretch !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .box,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .box {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .box-image,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .box-image {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .box-image img,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .box-image img {
    height: 100% !important;
    aspect-ratio: auto !important;
    min-height: 380px !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .box-text,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .box-text {
    flex: 0 0 45% !important;
    max-width: 45% !important;
    padding: 38px 38px 38px !important;
    justify-content: center !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .post-title,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .post-title {
    font-size: 26px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 3 !important;
    min-height: auto !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .from_the_blog_excerpt,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .from_the_blog_excerpt {
    font-size: 15px !important;
    -webkit-line-clamp: 4 !important;
  }
  /* Featured badge */
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .col-inner::before,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .col-inner::before {
    content: '⭐ BÀI VIẾT NỔI BẬT' !important;
    position: absolute !important;
    top: 20px !important;
    left: 0 !important;
    background: linear-gradient(135deg, #ff8a00, #ffb800) !important;
    color: #ffffff !important;
    padding: 8px 18px 8px 22px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    border-radius: 0 24px 24px 0 !important;
    box-shadow: 0 4px 14px rgba(255,138,0,0.4) !important;
    z-index: 4 !important;
  }
  body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .col-inner,
  body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .col-inner {
    position: relative !important;
  }
}

/* === PAGINATION === */
body.archive.category-tin-tuc .nav-pagination {
  margin-top: 50px !important;
  padding: 30px 0 !important;
  border-top: 2px solid rgba(10,31,68,0.06) !important;
}
body.archive.category-tin-tuc .nav-pagination li {
  margin: 0 4px !important;
}
body.archive.category-tin-tuc .nav-pagination .page-numbers {
  min-width: 44px !important;
  height: 44px !important;
  line-height: 42px !important;
  border-radius: 10px !important;
  border: 2px solid rgba(10,31,68,0.1) !important;
  color: #0a1f44 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  background: #ffffff !important;
  transition: all 0.3s ease !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.archive.category-tin-tuc .nav-pagination .page-numbers:hover {
  background: #0A1F44 !important;
  color: #ffffff !important;
  border-color: #0A1F44 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(23,58,106,0.3) !important;
}
body.archive.category-tin-tuc .nav-pagination .page-numbers.current {
  background: linear-gradient(135deg, #0a1f44, #0A1F44) !important;
  color: #ffffff !important;
  border-color: #0a1f44 !important;
  box-shadow: 0 6px 14px rgba(10,31,68,0.3) !important;
}

/* === BOTTOM CTA === */
body.archive.category-tin-tuc .blog-archive::after {
  content: '' !important;
  display: block !important;
  height: 1px !important;
}
body.archive.category-tin-tuc #content > .pth-news-bottom-cta {
  margin: 60px 0 40px !important;
  padding: 50px 30px !important;
  background: linear-gradient(135deg, #0a1f44 0%, #0A1F44 100%) !important;
  border-radius: 16px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

/* === RESPONSIVE === */
@media (max-width: 849px) {
  body.archive.category-tin-tuc header.archive-page-header {
    padding: 50px 20px 60px !important;
  }
  body.archive.category-tin-tuc header.archive-page-header h1 {
    font-size: 28px !important;
  }
  body.archive.category-tin-tuc header.archive-page-header::after {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    top: 20px !important;
  }
  body.archive.category-tin-tuc .pth-news-hero-stats {
    gap: 24px !important;
  }
  body.archive.category-tin-tuc .pth-news-hero-stat-num {
    font-size: 24px !important;
  }
  body.archive.category-tin-tuc .col.post-item .post-title {
    font-size: 16px !important;
    min-height: auto !important;
  }
}

/* === END NEWS ARCHIVE PRO REDESIGN === */

/* === SINGLE POST PRO REDESIGN (auto) === */
/* ==========================================
   SINGLE POST PRO REDESIGN
   Brand: navy + xanh rừng + cam
   ========================================== */

/* === READING PROGRESS BAR === */
body.single-post .pth-reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 0% !important;
  height: 4px !important;
  background: linear-gradient(90deg, #ff8a00 0%, #ffb800 50%, #102A5C 100%) !important;
  z-index: 9999 !important;
  transition: width 0.1s linear !important;
  box-shadow: 0 0 8px rgba(255,138,0,0.4) !important;
}
body.admin-bar .pth-reading-progress {
  top: 32px !important;
}

/* === HERO HEADER REDESIGN === */
body.single-post #main {
  padding-top: 0 !important;
}
body.single-post .article-inner > .entry-header {
  background: linear-gradient(135deg, #0a1f44 0%, #0A1F44 50%, #0A1F44 100%) !important;
  margin: 0 0 40px !important;
  padding: 40px 0 50px !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 4px solid transparent !important;
  border-image: linear-gradient(90deg, #ff8a00, #ffb800, #102A5C) 1 !important;
}
body.single-post .article-inner > .entry-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(circle at 15% 30%, rgba(255,138,0,0.10) 0%, transparent 50%),
    radial-gradient(circle at 85% 70%, rgba(30,64,158,0.12) 0%, transparent 50%);
  pointer-events: none !important;
}

body.single-post .article-inner > .entry-header .entry-header-text,
body.single-post .article-inner > .entry-header .entry-image {
  position: relative !important;
  z-index: 2 !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body.single-post .article-inner > .entry-header .entry-category {
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  background: linear-gradient(135deg, #ff8a00, #ffb800) !important;
  color: #ffffff !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  margin: 0 0 18px !important;
  box-shadow: 0 3px 10px rgba(255,138,0,0.35) !important;
  border: none !important;
  line-height: 1.4 !important;
}
body.single-post .article-inner > .entry-header .entry-category::before {
  content: '📰 ' !important;
}

body.single-post .article-inner > .entry-header h1.entry-title {
  color: #ffffff !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 22px !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
  text-wrap: balance !important;
}

body.single-post .article-inner > .entry-header .entry-divider {
  display: none !important;
}

body.single-post .article-inner > .entry-header .entry-meta {
  color: rgba(255,255,255,0.92) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  align-items: center !important;
}
body.single-post .article-inner > .entry-header .entry-meta a {
  color: #ffb800 !important;
  text-decoration: none !important;
}
body.single-post .article-inner > .entry-header .entry-meta a:hover {
  color: #ffffff !important;
}
body.single-post .article-inner > .entry-header .entry-meta .posted-on::before {
  content: '📅 ' !important;
  margin-right: 4px !important;
}
body.single-post .article-inner > .entry-header .entry-meta .byline::before {
  content: '👤 ' !important;
  margin-right: 4px !important;
}
body.single-post .article-inner > .entry-header .entry-meta .pth-reading-time::before {
  content: '⏱ ' !important;
  margin-right: 4px !important;
}
body.single-post .article-inner > .entry-header .entry-meta .updated:not(.published) {
  display: none !important;
}

/* Featured image inside header - moved out via JS */
body.single-post .article-inner > .entry-header .entry-image {
  display: none !important;
}

/* === FEATURED IMAGE (floated to outer container via JS) === */
body.single-post .pth-featured-wrap {
  max-width: 1100px !important;
  margin: 24px auto 40px !important;
  padding: 0 20px !important;
  position: relative !important;
  z-index: 3 !important;
}
body.single-post .pth-featured-wrap img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(10,31,68,0.25) !important;
  display: block !important;
}

/* === ENTRY CONTENT TYPOGRAPHY === */
body.single-post .entry-content {
  font-size: 16.5px !important;
  line-height: 1.85 !important;
  color: #2c3e50 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}
body.single-post .entry-content > p:first-of-type {
  font-size: 19px !important;
  line-height: 1.7 !important;
  color: #34495e !important;
  font-weight: 500 !important;
  margin-bottom: 26px !important;
}
body.single-post .entry-content p {
  margin-bottom: 20px !important;
}
body.single-post .entry-content h2 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #0a1f44 !important;
  margin: 50px 0 22px !important;
  padding: 8px 0 8px 18px !important;
  border-left: 6px solid #ff8a00 !important;
  background: linear-gradient(90deg, rgba(255,138,0,0.06) 0%, transparent 100%) !important;
  line-height: 1.3 !important;
  position: relative !important;
  scroll-margin-top: 100px !important;
}
body.single-post .entry-content h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0A1F44 !important;
  margin: 36px 0 16px !important;
  padding-left: 14px !important;
  border-left: 4px solid #102A5C !important;
  line-height: 1.35 !important;
  scroll-margin-top: 100px !important;
}
body.single-post .entry-content h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0A1F44 !important;
  margin: 28px 0 12px !important;
}
body.single-post .entry-content a {
  color: #0A1F44 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(23,58,106,0.3) !important;
  text-underline-offset: 3px !important;
  transition: all 0.2s ease !important;
}
body.single-post .entry-content a:hover {
  color: #ff8a00 !important;
  text-decoration-color: #ff8a00 !important;
}
body.single-post .entry-content ul,
body.single-post .entry-content ol {
  margin: 18px 0 24px 18px !important;
  padding-left: 16px !important;
}
body.single-post .entry-content ul li,
body.single-post .entry-content ol li {
  margin-bottom: 10px !important;
  }
body.single-post .entry-content ul li::marker {
  color: #ff8a00 !important;
}
body.single-post .entry-content ol li::marker {
  color: #0A1F44 !important;
  font-weight: 700 !important;
}
body.single-post .entry-content blockquote {
  border-left: 5px solid #ff8a00 !important;
  background: linear-gradient(135deg, rgba(255,138,0,0.06) 0%, rgba(30,64,158,0.06) 100%) !important;
  padding: 22px 28px !important;
  margin: 28px 0 !important;
  border-radius: 0 12px 12px 0 !important;
  font-style: italic !important;
  color: #0a1f44 !important;
  font-size: 17px !important;
  position: relative !important;
}
body.single-post .entry-content blockquote::before {
  content: '"' !important;
  position: absolute !important;
  top: -10px !important;
  left: 14px !important;
  font-size: 60px !important;
  color: rgba(255,138,0,0.2) !important;
  font-family: Georgia, serif !important;
  line-height: 1 !important;
}
body.single-post .entry-content img {
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(10,31,68,0.12) !important;
  margin: 24px auto !important;
  display: block !important;
}
body.single-post .entry-content figure {
  margin: 28px 0 !important;
}
body.single-post .entry-content figcaption {
  text-align: center !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  font-style: italic !important;
  margin-top: 10px !important;
}
body.single-post .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 24px 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(10,31,68,0.1) !important;
}
body.single-post .entry-content table thead {
  background: linear-gradient(135deg, #0a1f44, #0A1F44) !important;
  color: #ffffff !important;
}
body.single-post .entry-content table th {
  padding: 14px 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  color: #ffffff !important;
}
body.single-post .entry-content table td {
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(10,31,68,0.08) !important;
}
body.single-post .entry-content table tbody tr:nth-child(even) {
  background: rgba(10,31,68,0.02) !important;
}

/* Drop cap for first paragraph */
body.single-post .entry-content > p:first-of-type::first-letter {
  font-size: 56px !important;
  font-weight: 800 !important;
  color: #ff8a00 !important;
  float: left !important;
  line-height: 0.9 !important;
  margin: 6px 10px 0 0 !important;
  font-family: Georgia, serif !important;
}

/* === TOC (Table of Contents) === */
body.single-post .pth-toc {
  background: #ffffff !important;
  border: 1px solid rgba(10,31,68,0.1) !important;
  border-radius: 12px !important;
  padding: 22px 24px !important;
  margin: 30px 0 !important;
  box-shadow: 0 6px 20px rgba(10,31,68,0.06) !important;
  position: relative !important;
}
body.single-post .pth-toc-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0a1f44 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(255,138,0,0.2) !important;
}
body.single-post .pth-toc-title::before {
  content: '📑' !important;
  font-size: 18px !important;
}
body.single-post .pth-toc ol {
  margin: 0 !important;
  padding-left: 22px !important;
  counter-reset: pth-toc !important;
  list-style: none !important;
}
body.single-post .pth-toc ol li {
  margin: 0 0 8px !important;
  padding: 0 !important;
  position: relative !important;
  counter-increment: pth-toc !important;
}
body.single-post .pth-toc ol li::before {
  content: counter(pth-toc, decimal-leading-zero) '.' !important;
  position: absolute !important;
  left: -22px !important;
  top: 0 !important;
  color: #ff8a00 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
body.single-post .pth-toc ol ol {
  margin: 8px 0 0 12px !important;
  padding-left: 16px !important;
  list-style: none !important;
  counter-reset: pth-toc-sub !important;
}
body.single-post .pth-toc ol ol li {
  counter-increment: pth-toc-sub !important;
}
body.single-post .pth-toc ol ol li::before {
  content: '›' !important;
  color: #102A5C !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
body.single-post .pth-toc a {
  color: #0A1F44 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  display: inline-block !important;
  padding: 3px 0 !important;
  transition: color 0.2s ease, padding-left 0.2s ease !important;
}
body.single-post .pth-toc a:hover {
  color: #ff8a00 !important;
  padding-left: 6px !important;
}

/* === SHARE BUTTONS === */
body.single-post .pth-share-bar {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  padding: 18px 22px !important;
  background: linear-gradient(135deg, rgba(10,31,68,0.03), rgba(30,64,158,0.04)) !important;
  border-radius: 12px !important;
  margin: 30px 0 !important;
}
body.single-post .pth-share-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0a1f44 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-right: 6px !important;
}
body.single-post .pth-share-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  border-radius: 24px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
}
body.single-post .pth-share-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;
}
body.single-post .pth-share-fb { background: #1877f2 !important; }
body.single-post .pth-share-zalo { background: #0068ff !important; }
body.single-post .pth-share-copy { background: #0A1F44 !important; }

/* === RELATED POSTS === */
body.single-post .pth-related-wrap {
  max-width: 1100px !important;
  margin: 50px auto 30px !important;
  padding: 0 20px !important;
}
body.single-post .pth-related-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0a1f44 !important;
  margin: 0 0 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-bottom: 14px !important;
  border-bottom: 3px solid transparent !important;
  border-image: linear-gradient(90deg, #ff8a00, #ffb800, #102A5C, transparent) 1 !important;
}
body.single-post .pth-related-title::before {
  content: '🔗' !important;
  font-size: 22px !important;
}
body.single-post .pth-related-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}
@media (max-width: 849px) {
  body.single-post .pth-related-grid {
    grid-template-columns: 1fr !important;
  }
}
body.single-post .pth-related-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 18px rgba(10,31,68,0.08) !important;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease !important;
  border: 1px solid rgba(10,31,68,0.06) !important;
  text-decoration: none !important;
  display: block !important;
}
body.single-post .pth-related-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 36px rgba(10,31,68,0.16) !important;
  border-color: rgba(30,64,158,0.25) !important;
}
body.single-post .pth-related-card .pth-related-img {
  aspect-ratio: 16/10 !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #e2e8f0 !important;
}
body.single-post .pth-related-card .pth-related-text {
  padding: 18px 20px 20px !important;
}
body.single-post .pth-related-card h4 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0a1f44 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.3s ease !important;
}
body.single-post .pth-related-card:hover h4 {
  color: #0A1F44 !important;
}

/* === BOTTOM CTA === */
body.single-post .pth-post-cta {
  margin: 40px 0 30px !important;
  padding: 38px 32px !important;
  background: linear-gradient(135deg, #0a1f44 0%, #0A1F44 70%, #0A1F44 100%) !important;
  border-radius: 18px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff !important;
  box-shadow: 0 14px 40px rgba(10,31,68,0.2) !important;
}
body.single-post .pth-post-cta::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,138,0,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(30,64,158,0.18) 0%, transparent 50%);
}
body.single-post .pth-post-cta > * {
  position: relative !important;
  z-index: 2 !important;
}
body.single-post .pth-post-cta h3 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
  border: none !important;
  padding: 0 !important;
}
body.single-post .pth-post-cta p {
  color: rgba(255,255,255,0.9) !important;
  font-size: 15px !important;
  margin: 0 0 22px !important;
}
body.single-post .pth-post-cta-buttons {
  display: flex !important;
  gap: 14px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
body.single-post .pth-post-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 28px !important;
  border-radius: 28px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  border: 2px solid transparent !important;
}
body.single-post .pth-post-cta-btn-primary {
  background: linear-gradient(135deg, #ff8a00, #ffb800) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(255,138,0,0.35) !important;
}
body.single-post .pth-post-cta-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(255,138,0,0.5) !important;
}
body.single-post .pth-post-cta-btn-secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
}
body.single-post .pth-post-cta-btn-secondary:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #ffffff !important;
}

/* === SIDEBAR REFINEMENTS === */
body.single-post #shop-sidebar .widget,
body.single-post aside.sidebar .widget {
  margin-bottom: 30px !important;
  padding: 22px 22px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(10,31,68,0.06) !important;
  border: 1px solid rgba(10,31,68,0.06) !important;
}
body.single-post #shop-sidebar .widget-title,
body.single-post aside.sidebar .widget-title,
body.single-post #shop-sidebar h4,
body.single-post aside.sidebar h4 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0a1f44 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(255,138,0,0.25) !important;
}

/* === RESPONSIVE === */
@media (max-width: 849px) {
  body.single-post .article-inner > .entry-header {
    padding: 30px 0 36px !important;
  }
  body.single-post .article-inner > .entry-header h1.entry-title {
    font-size: 24px !important;
  }
  body.single-post .article-inner > .entry-header .entry-meta {
    font-size: 12px !important;
    gap: 12px !important;
  }
  body.single-post .pth-featured-wrap {
    margin: 16px auto 24px !important;
  }
  body.single-post .entry-content h2 {
    font-size: 22px !important;
  }
  body.single-post .entry-content h3 {
    font-size: 18px !important;
  }
  body.single-post .pth-post-cta {
    padding: 28px 20px !important;
  }
  body.single-post .pth-post-cta h3 {
    font-size: 20px !important;
  }
}

/* === END SINGLE POST PRO REDESIGN === */

/* === FLOW TITLE NOWRAP (auto) === */
.pth-flow-card{padding-left:10px !important;padding-right:10px !important;}
.pth-flow-title{white-space:nowrap !important;overflow:visible !important;font-size:14px !important;letter-spacing:-.2px !important;}
@media (max-width: 549px){
.pth-flow-title{white-space:normal !important;font-size:13px !important;}
.pth-flow-card{padding-left:14px !important;padding-right:14px !important;}
}
/* === END FLOW TITLE NOWRAP === */


/* === USE CASE MODAL FORM (auto) === */
.pth-problems a.pth-problem-card{cursor:pointer !important;position:relative;}
.pth-problems a.pth-problem-card.pth-uc-clickable::after{content:"→";position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:rgba(255,138,0,0.15);color:#ff8a00;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .25s ease;pointer-events:none;}
.pth-problems a.pth-problem-card.pth-uc-clickable:hover::after{opacity:1;background:#ff8a00;color:#fff;transform:scale(1.18);}
.pth-uc-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;}
.pth-uc-modal.is-open{display:flex;animation:pthUcFadeIn .3s ease;}
.pth-uc-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,31,68,0.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.pth-uc-modal-dialog{position:relative;background:#fff;border-radius:18px;max-width:540px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,0.4);animation:pthUcSlideUp .35s cubic-bezier(.16,1,.3,1);}
@keyframes pthUcFadeIn{from{opacity:0}to{opacity:1}}
@keyframes pthUcSlideUp{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
.pth-uc-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,0.06);color:#0a1f44;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition: background .2s ease, color .2s ease, transform .2s ease;z-index:2;}
.pth-uc-modal-close:hover{background:#ff8a00;color:#fff;transform:rotate(90deg);}
.pth-uc-modal-header{padding:32px 32px 18px;background:linear-gradient(135deg,#0A1F44 0%,#0A1F44 100%);color:#fff;border-radius:18px 18px 0 0;text-align:center;}
.pth-uc-modal-badge{display:inline-block;background:linear-gradient(135deg,#ff8a00,#ffb800);color:#fff;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px;}
.pth-uc-modal-title{margin:0 0 8px;font-size:22px;font-weight:800;color:#fff;line-height:1.3;}
.pth-uc-modal-sub{margin:0;font-size:14px;color:rgba(255,255,255,0.85);line-height:1.5;}
.pth-uc-modal-form{padding:24px 32px 32px;}
.pth-uc-row{margin-bottom:14px;}
.pth-uc-label{display:block;font-size:13px;font-weight:700;color:#0a1f44;margin-bottom:6px;}
.pth-uc-req{color:#e74c3c;}
.pth-uc-modal-form input[type=text],.pth-uc-modal-form input[type=tel],.pth-uc-modal-form input[type=email],.pth-uc-modal-form textarea{width:100%;padding:11px 14px;border:1.5px solid #e1e7ed;border-radius:10px;font-size:14px;font-family:inherit;color:#0a1f44;background:#f8fafc;transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;outline:none;box-sizing:border-box;}
.pth-uc-modal-form input:focus,.pth-uc-modal-form textarea:focus{border-color:#0A1F44;background:#fff;box-shadow:0 0 0 3px rgba(23,58,106,0.1);}
.pth-uc-modal-form textarea{resize:vertical;min-height:90px;}
.pth-uc-actions{margin-top:18px;}
.pth-uc-submit{width:100%;background:linear-gradient(135deg,#ff8a00,#ffb800);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:.3px;cursor:pointer;text-transform:uppercase;box-shadow:0 6px 18px rgba(255,138,0,0.35);transition: transform .25s ease, box-shadow .25s ease;}
.pth-uc-submit:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,138,0,0.45);}
.pth-uc-submit:active{transform:translateY(0);}
.pth-uc-btn-loading{display:none;}
.pth-uc-modal-form.is-loading .pth-uc-btn-text{display:none;}
.pth-uc-modal-form.is-loading .pth-uc-btn-loading{display:inline;}
.pth-uc-modal-form.is-loading .pth-uc-submit{opacity:.7;cursor:wait;}
.pth-uc-msg{margin-top:14px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;display:none;}
.pth-uc-msg.is-success{background:#1B3D7A;color:#0A1F44;border-left:4px solid #102A5C;}
.pth-uc-msg.is-error{background:#fdecea;color:#9b2226;border-left:4px solid #e74c3c;}
@media (max-width:600px){.pth-uc-modal{padding:0;}.pth-uc-modal-dialog{max-height:100vh;border-radius:0;}.pth-uc-modal-header{padding:28px 22px 16px;border-radius:0;}.pth-uc-modal-title{font-size:19px;}.pth-uc-modal-form{padding:20px 22px 26px;}}
/* === END USE CASE MODAL FORM === */


/* Hide social share & comments on single post */
html body.single-post .pth-share-bar{display:none !important}
html body.single-post .blog-share{display:none !important}
html body.single-post #comments{display:none !important}


/* === Mobile back-to-top button === */
@media (max-width: 849px){html body a#top-link.back-to-top{display:inline-block !important;opacity:1;visibility:visible;position:fixed !important;bottom:20px !important;right:16px !important;left:auto !important;top:auto !important;width:44px !important;height:44px !important;line-height:44px !important;border-radius:50% !important;background:#FFB000 !important;color:#fff !important;text-align:center !important;z-index:99 !important;box-shadow:0 4px 12px rgba(0,0,0,0.18) !important;border:none !important;padding:0 !important}html body a#top-link.back-to-top i.icon-angle-up{color:#fff !important;font-size:20px !important;line-height:44px !important}html body a#top-link.back-to-top.active{opacity:1 !important;pointer-events:auto !important}}


/* === Shop Archive B2B Redesign === */
body.woocommerce-shop .shop-container{padding-top:24px !important}body.woocommerce-shop nav.woocommerce-breadcrumb,body.woocommerce-shop .breadcrumbs{font-size:12.5px !important;color:#6b7280 !important;letter-spacing:.5px !important;padding:8px 0 24px !important;border-bottom:1px solid #eef0ee !important;margin-bottom:24px !important;text-transform:none !important}body.woocommerce-shop nav.woocommerce-breadcrumb a,body.woocommerce-shop .breadcrumbs a{color:#6b7280 !important;text-decoration:none !important;font-weight:500 !important}body.woocommerce-shop .woocommerce-result-count{color:#6b7280 !important;font-size:13px !important;font-weight:500 !important}body.woocommerce-shop .woocommerce-ordering select{border-radius:8px !important;border:1px solid #e5e7eb !important;padding:9px 14px !important;font-size:13px !important;background:#fff !important}body.woocommerce-shop #shop-sidebar .widget,body.woocommerce-shop .sidebar-inner .widget{background:#fff;border:1px solid #e8ebe8;border-radius:14px;padding:18px 18px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.02)}body.woocommerce-shop .sidebar-inner .widget .widget-title,body.woocommerce-shop .sidebar-inner .widget h3,body.woocommerce-shop .sidebar-inner .widget h4{font-size:13px !important;letter-spacing:.8px !important;color:#0A1F44 !important;font-weight:700 !important;padding:0 0 12px !important;margin:0 0 12px !important;border-bottom:2px solid #0A1F44 !important;text-transform:uppercase !important}body.woocommerce-shop .sidebar-inner .widget_custom_html{background:linear-gradient(135deg,#0A1F44 0%,#0A1F44 100%) !important;color:#fff !important;border:none !important}body.woocommerce-shop .sidebar-inner .widget_custom_html *{color:#fff !important;border-color:rgba(255,255,255,.3) !important}body.woocommerce-shop .sidebar-inner .widget_custom_html .widget-title{border-bottom:1px solid rgba(255,255,255,.3) !important}body.woocommerce-shop .product-categories{list-style:none !important;margin:0 !important;padding:0 !important}body.woocommerce-shop .product-categories li{list-style:none !important;padding:0 !important;border:none !important}body.woocommerce-shop .product-categories li a{display:flex !important;justify-content:space-between;align-items:center;padding:10px 12px !important;border-radius:8px;color:#1E2850 !important;font-size:13.5px;font-weight:500;transition:.2s;text-decoration:none}body.woocommerce-shop .product-categories li a:hover{background:#f0f7f0 !important;color:#0A1F44 !important}body.woocommerce-shop .product-categories li.current-cat>a{background:#0A1F44 !important;color:#fff !important}body.woocommerce-shop .product-categories .count{background:#f0f0f0;color:#6b7280;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}body.woocommerce-shop .product-categories li.current-cat>a .count{background:rgba(255,255,255,.2);color:#fff}body.woocommerce-shop .sanpham-pth .section-title{display:flex !important;align-items:center;justify-content:space-between;padding:0 0 12px !important;margin:0 0 24px !important;border-bottom:2px solid #e8ebe8 !important;position:relative}body.woocommerce-shop .sanpham-pth .section-title::before{display:none !important}body.woocommerce-shop .sanpham-pth .section-title b{background:transparent !important;padding:0 0 0 14px !important;font-size:18px !important;font-weight:800 !important;color:#0A1F44 !important;letter-spacing:0 !important;text-transform:uppercase;position:relative}body.woocommerce-shop .sanpham-pth .section-title b::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:22px;background:#FF8A00;border-radius:2px}body.woocommerce-shop .sanpham-pth .section-title a{font-size:13px !important;color:#0A1F44 !important;font-weight:600 !important;text-decoration:none}body.woocommerce-shop .sanpham-pth .section-title a::after{content:" →";transition:transform .2s;display:inline-block}body.woocommerce-shop .sanpham-pth .section-title a:hover::after{transform:translateX(4px)}body.woocommerce-shop .product-small .box,body.woocommerce-shop .product-small.box-vertical{background:#fff;border:1px solid #e8ebe8;border-radius:14px;overflow:hidden;transition:.25s}body.woocommerce-shop .product-small:hover .box,body.woocommerce-shop .product-small:hover.box-vertical{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:#0A1F44}body.woocommerce-shop .product-small .box-image{padding:16px !important;background:#fff !important}body.woocommerce-shop .product-small .image-cover img,body.woocommerce-shop .product-small .box-image img{object-fit:contain !important;padding:0 !important}body.woocommerce-shop .product-small .box-text{padding:14px 16px 16px !important;text-align:left !important}body.woocommerce-shop .product-small .product-title{font-size:14px !important;font-weight:700 !important;color:#0A1F44 !important;line-height:1.4 !important;margin:0 0 6px !important;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.woocommerce-shop .product-small .product-title a{color:inherit !important;text-decoration:none !important}body.woocommerce-shop .product-small .price{font-size:13px !important;color:#FF8A00 !important;font-weight:700 !important}body.woocommerce-shop .product-small .category{display:none !important}body.woocommerce-shop .woocommerce-pagination{margin-top:36px;padding-top:24px;border-top:1px solid #eef0ee}body.woocommerce-shop .page-numbers{border-radius:8px !important;border:1px solid #e5e7eb !important;padding:8px 14px !important;color:#1E2850 !important;font-size:13px !important;font-weight:600 !important;transition:.2s !important;background:#fff !important}body.woocommerce-shop .page-numbers.current{background:#0A1F44 !important;color:#fff !important;border-color:#0A1F44 !important}body.woocommerce-shop .page-numbers:hover:not(.current){background:#f0f7f0 !important;border-color:#0A1F44 !important}body.woocommerce-shop .pth-archive-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0A1F44 0%,#0A1F44 100%);color:#fff;padding:28px 32px;border-radius:16px;margin:36px 0 0}body.woocommerce-shop .pth-archive-cta h3{color:#fff !important;font-size:20px !important;margin:0 0 6px !important;font-weight:700 !important}body.woocommerce-shop .pth-archive-cta p{color:rgba(255,255,255,.9) !important;font-size:14px;margin:0}body.woocommerce-shop .pth-archive-cta .pth-cta-buttons{display:flex;gap:10px;flex-shrink:0}body.woocommerce-shop .pth-archive-cta a{padding:12px 20px;border-radius:50px;font-weight:600;font-size:14px;text-decoration:none;transition:.2s;white-space:nowrap}body.woocommerce-shop .pth-archive-cta .cta-call{background:#FFB000;color:#0A1F44 !important}body.woocommerce-shop .pth-archive-cta .cta-call:hover{background:#fff;color:#0A1F44 !important}body.woocommerce-shop .pth-archive-cta .cta-quote{background:transparent;color:#fff !important;border:2px solid #fff}body.woocommerce-shop .pth-archive-cta .cta-quote:hover{background:#fff;color:#0A1F44 !important}@media (max-width:768px){body.woocommerce-shop .pth-archive-cta{flex-direction:column;align-items:flex-start;padding:20px}body.woocommerce-shop .pth-archive-cta .pth-cta-buttons{width:100%;flex-direction:column}body.woocommerce-shop .pth-archive-cta a{width:100%;text-align:center}}body.woocommerce-shop .pth-cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:14px 16px;background:#f7faf8;border:1px solid #e8ebe8;border-radius:12px}

/* 6. Sticky CTA mobile (chỉ hiện ≤849px) */
.pth-mobile-sticky-cta { display:none; }
@media (max-width: 849px) {
  .pth-mobile-sticky-cta {
    display:flex !important;
    position:fixed; left:0; right:0; bottom:0;
    z-index:9990;
    background:#fff;
    border-top:1px solid #E5E7EB;
    box-shadow:0 -4px 18px rgba(0,0,0,.08);
    padding:10px 12px;
    gap:10px;
  }
  .pth-mobile-sticky-cta a {
    flex:1;
    display:flex; align-items:center; justify-content:center;
    gap:8px;
    height:48px;
    border-radius:10px;
    font-weight:800;
    font-size:14.5px;
    text-decoration:none !important;
    text-transform:uppercase;
    letter-spacing:.3px;
  }
  .pth-mobile-sticky-cta .pth-msc-call { background:#FFB000; color:#1B2A72 !important; }
  .pth-mobile-sticky-cta .pth-msc-quote { background:#1B2A72; color:#fff !important; border:2px solid #FFB000; }
  .single-product { padding-bottom:80px !important; }
  /* tránh đè lên back-to-top */
  body.single-product #top-link.back-to-top { bottom:80px !important; }
}

/* === END PTH-SINGLE-PRODUCT-B2B-V1 ========================= */


/* === PTH-QUOTE-MODAL-V1 (renamed pq) ============================= */
.pth-pq-overlay{position:fixed;inset:0;background:rgba(15,23,42,.65);backdrop-filter:blur(3px);z-index:99990;display:none;opacity:0;transition:opacity .22s ease;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px}
.pth-pq-overlay.is-open{display:flex !important;opacity:1 !important;visibility:visible !important}
.pth-pq-modal{background:#fff;width:100%;max-width:640px;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);transform:translateY(-20px);transition:transform .25s ease;margin:auto 0;border-top:5px solid #FFB000}
.pth-pq-overlay.is-open .pth-pq-modal{transform:translateY(0)}
.pth-pq-head{background:linear-gradient(135deg,#1B2A72 0%,#102A5C 100%);color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pth-pq-head h3{margin:0!important;font-size:19px;font-weight:800;letter-spacing:.3px;color:#fff!important;line-height:1.3}
.pth-pq-head .pth-pq-sub{display:block;font-size:13px;font-weight:500;opacity:.9;margin-top:3px;color:#FFE082!important}
.pth-pq-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s ease}
.pth-pq-close:hover{background:rgba(255,255,255,.3)}
.pth-pq-body{padding:22px 24px 24px}
.pth-pq-product-tag{display:flex;align-items:center;gap:10px;background:#FFF8E6;border:1px solid #FFB000;border-radius:8px;padding:10px 14px;margin-bottom:18px;font-size:14px}
.pth-pq-product-tag .pth-pq-pt-label{color:#92400E;font-weight:600;flex-shrink:0}
.pth-pq-product-tag .pth-pq-pt-name{color:#1B2A72;font-weight:700;line-height:1.35}
.pth-pq-form .pth-rfq-intro{color:#475569;font-size:14px;margin:0 0 14px!important;line-height:1.5}
.pth-pq-form .pth-rfq-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pth-pq-form .pth-rfq-row > p{margin:0 0 12px!important}
.pth-pq-form label{display:block;font-size:13.5px;font-weight:600;color:#1B2A72;margin-bottom:5px}
.pth-pq-form .req{color:#dc2626;margin-left:2px}
.pth-pq-form input[type=text],.pth-pq-form input[type=tel],.pth-pq-form input[type=email],.pth-pq-form input[type=number],.pth-pq-form select,.pth-pq-form textarea{width:100%;padding:10px 12px;border:1.5px solid #D1D5DB;border-radius:8px;font-size:14.5px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}
.pth-pq-form input:focus,.pth-pq-form select:focus,.pth-pq-form textarea:focus{border-color:#FFB000;box-shadow:0 0 0 3px rgba(255,176,0,.2);outline:none}
.pth-pq-form textarea{min-height:80px;resize:vertical}
.pth-pq-form .wpcf7-submit{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;background:#FFB000!important;color:#1B2A72!important;border:none!important;border-radius:10px!important;padding:14px 18px!important;font-size:15.5px!important;font-weight:800!important;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px rgba(255,176,0,.4);transition:transform .15s ease,box-shadow .15s ease;margin-top:8px}
.pth-pq-form .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,176,0,.55)}
.pth-pq-form .wpcf7-spinner{margin-left:8px}
.pth-pq-form .wpcf7-not-valid-tip{color:#dc2626!important;font-size:12.5px!important;margin-top:3px!important}
.pth-pq-form .wpcf7-response-output{margin:14px 0 0!important;padding:12px 14px!important;border-radius:8px!important;font-size:14px!important}
.pth-pq-form form.sent .wpcf7-response-output{background:#1B3D7A!important;border:2px solid #102A5C!important;color:#102A5C!important}
.pth-pq-foot{font-size:12.5px;color:#64748B;text-align:center;padding:6px 24px 18px}
@media (max-width:600px){.pth-pq-overlay{padding:0;align-items:stretch}.pth-pq-modal{border-radius:0;max-width:100%;min-height:100vh;margin:0;border-top:none}.pth-pq-form .pth-rfq-row{grid-template-columns:1fr;gap:0}.pth-pq-head h3{font-size:17px}}
body.pth-pq-locked{overflow:hidden}
/* === END PTH-QUOTE-MODAL-V1 ========================= */

/* ============= PTH-CONTENT-DETAIL-V1 START ============= */
/* Optimize content rendering for product description, pillar posts, and FAQ pages */
.pth-content-scope, body.single-product #tab-description, body.single-post .entry-content, body.page .entry-content, body.post-type-archive .entry-content { font-size: 16px; line-height: 1.75; color: #2c3e50; }
.pth-content-scope p, body.single-product #tab-description p, body.single-post .entry-content p, body.page .entry-content p { margin: 0 0 14px; max-width: 920px; }
/* H2 with yellow underline + icon */
body.single-product #tab-description h2, body.single-post .entry-content h2, body.page .entry-content h2 { position: relative; font-size: 22px; font-weight: 700; color: #1B2A72; margin: 32px 0 16px; padding: 0 0 10px 18px; border-bottom: none; }
body.single-product #tab-description h2::before, body.single-post .entry-content h2::before, body.page .entry-content h2::before { content: "▸"; position: absolute; left: 0; top: 0; color: #FFB000; font-weight: 900; }
body.single-product #tab-description h2::after, body.single-post .entry-content h2::after, body.page .entry-content h2::after { content: ""; position: absolute; left: 18px; bottom: 0; width: 60px; height: 3px; background: #FFB000; border-radius: 2px; }
body.single-product #tab-description h3, body.single-post .entry-content h3, body.page .entry-content h3 { font-size: 18px; font-weight: 700; color: #1B2A72; margin: 24px 0 12px; padding-left: 14px; border-left: 4px solid #FFB000; }
/* Reset ChatGPT-style table classes */
body.single-product #tab-description table.w-fit, body.single-product #tab-description table[class*="min-w-"], body.single-post .entry-content table.w-fit, body.single-post .entry-content table[class*="min-w-"], body.page .entry-content table.w-fit, body.page .entry-content table[class*="min-w-"] { width: 100% !important; min-width: 0 !important; max-width: 920px !important; }
/* B2B table style */
body.single-product #tab-description table, body.single-post .entry-content table, body.page .entry-content table { width: 100%; max-width: 920px; border-collapse: collapse; margin: 18px 0; font-size: 15px; box-shadow: 0 2px 8px rgba(27,42,114,.08); border-radius: 8px; overflow: hidden; }
body.single-product #tab-description table thead th, body.single-post .entry-content table thead th, body.page .entry-content table thead th { background: #1B2A72; color: #fff; font-weight: 700; padding: 12px 14px; text-align: left; border-bottom: 3px solid #FFB000; }
body.single-product #tab-description table tbody td, body.single-post .entry-content table tbody td, body.page .entry-content table tbody td { padding: 10px 14px; border-bottom: 1px solid #e8eaed; vertical-align: top; }
body.single-product #tab-description table tbody tr:nth-child(odd), body.single-post .entry-content table tbody tr:nth-child(odd), body.page .entry-content table tbody tr:nth-child(odd) { background: #fafdf9; }
body.single-product #tab-description table tbody tr:hover, body.single-post .entry-content table tbody tr:hover, body.page .entry-content table tbody tr:hover { background: #fff8e1; }
body.single-product #tab-description table tbody td:first-child, body.single-post .entry-content table tbody td:first-child, body.page .entry-content table tbody td:first-child { font-weight: 600; color: #1B2A72; width: 35%; }
/* Responsive table wrapper */
.pth-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 18px 0; }
@media (max-width: 600px) { body.single-product #tab-description table, body.single-post .entry-content table, body.page .entry-content table { font-size: 13px; } body.single-product #tab-description table thead th, body.single-product #tab-description table tbody td, body.single-post .entry-content table thead th, body.single-post .entry-content table tbody td, body.page .entry-content table thead th, body.page .entry-content table tbody td { padding: 8px 10px; } }
/* Bullet list with check icon */
body.single-product #tab-description ul, body.single-post .entry-content ul, body.page .entry-content ul { list-style: none; padding-left: 0; margin: 14px 0; }
body.single-product #tab-description ul > li, body.single-post .entry-content ul > li, body.page .entry-content ul > li { position: relative; padding: 4px 0 4px 30px; margin: 4px 0; }
body.single-product #tab-description ul > li::before, body.single-post .entry-content ul > li::before, body.page .entry-content ul > li::before { content: "✓"; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #1B2A72; color: #fff; border-radius: 50%; font-size: 13px; font-weight: 700; }
body.single-product #tab-description ol, body.single-post .entry-content ol, body.page .entry-content ol { padding-left: 22px; margin: 14px 0; }
body.single-product #tab-description ol > li, body.single-post .entry-content ol > li, body.page .entry-content ol > li { padding: 4px 0 4px 6px; margin: 4px 0; }
body.single-product #tab-description ol > li::marker, body.single-post .entry-content ol > li::marker, body.page .entry-content ol > li::marker { color: #FFB000; font-weight: 700; }
/* Callout box */
.pth-callout { background: #fffbea; border-left: 4px solid #FFB000; padding: 14px 16px; margin: 18px 0; border-radius: 0 8px 8px 0; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.pth-callout.pth-callout-warn { background: #fff3e0; border-left-color: #ef6c00; }
.pth-callout.pth-callout-tip { background: #1B3D7A; border-left-color: #1B2A72; }
.pth-callout p { margin: 0; }
.pth-callout strong { color: #1B2A72; }
/* Read-more / Thu gon button B2B style */
body.single-post .entry-content .show-more-btn, body.single-post .entry-content .read-more, body.single-post .entry-content .more-link, body.single-post .entry-content button.show-more, body.single-post .entry-content button.show-less, body.page .entry-content .show-more-btn, body.page .entry-content .read-more, body.page .entry-content .more-link, body.page .entry-content button.show-more, body.page .entry-content button.show-less, .pth-toggle-btn { display: inline-flex !important; align-items: center; gap: 8px; background: #fff !important; color: #1B2A72 !important; border: 2px solid #FFB000 !important; padding: 10px 22px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: .3px; cursor: pointer; box-shadow: 0 2px 6px rgba(27,42,114,.12); transition: all .2s; margin: 18px auto !important; }
body.single-post .entry-content .show-more-btn:hover, body.page .entry-content .show-more-btn:hover, .pth-toggle-btn:hover { background: #FFB000 !important; color: #1B2A72 !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(255,176,0,.3); }
.pth-toggle-wrap { text-align: center; margin: 20px 0; }
/* Hide duplicate H2 (same as page title) */
.pth-h2-duplicate-hide { display: none !important; }
/* Misc cleanup */
body.single-product #tab-description img, body.single-post .entry-content img, body.page .entry-content img { max-width: 100%; height: auto; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
body.single-product #tab-description blockquote, body.single-post .entry-content blockquote, body.page .entry-content blockquote { border-left: 4px solid #1B2A72; background: #f1f8e9; padding: 12px 16px; margin: 16px 0; font-style: italic; border-radius: 0 8px 8px 0; }
body.single-product #tab-description a, body.single-post .entry-content a, body.page .entry-content a { color: #1B2A72; text-decoration: underline; text-underline-offset: 2px; }
body.single-product #tab-description a:hover, body.single-post .entry-content a:hover, body.page .entry-content a:hover { color: #FFB000; }

/* PTH-CONTENT-DETAIL-V1 PATCH-1: fix ChatGPT table wrapper width */
body.single-product #tab-description ._tableContainer_1rjym_1, body.single-product #tab-description [class*="_tableWrapper_"], body.single-post .entry-content ._tableContainer_1rjym_1, body.single-post .entry-content [class*="_tableWrapper_"], body.page .entry-content ._tableContainer_1rjym_1, body.page .entry-content [class*="_tableWrapper_"] { width: 100% !important; max-width: 920px !important; min-width: 0 !important; display: block !important; }
.pth-table-wrap { width: 100%; max-width: 920px; }
.pth-table-wrap > table { width: 100% !important; }
/* Hide duplicate thead 'Thông số / Giá trị' if model row repeats it */

/* PTH-CONTENT-DETAIL-V1 PATCH-2: undo old first-row dark style for tbody rows */
body.single-product #tab-description table tbody tr:first-child td, body.single-product .entry-content table tbody tr:first-child td, body.single-post .entry-content table tbody tr:first-child td, body.page .entry-content table tbody tr:first-child td { background: transparent !important; color: inherit !important; font-weight: inherit !important; text-transform: none !important; font-size: inherit !important; letter-spacing: 0 !important; padding: 10px 14px !important; }
body.single-product #tab-description table tbody tr:first-child td:first-child, body.single-product .entry-content table tbody tr:first-child td:first-child, body.single-post .entry-content table tbody tr:first-child td:first-child, body.page .entry-content table tbody tr:first-child td:first-child { color: #1B2A72 !important; font-weight: 600 !important; }
body.single-product #tab-description table tbody tr:nth-child(odd), body.single-post .entry-content table tbody tr:nth-child(odd), body.page .entry-content table tbody tr:nth-child(odd) { background: #fafdf9 !important; }
body.single-product #tab-description table tbody tr:hover, body.single-post .entry-content table tbody tr:hover, body.page .entry-content table tbody tr:hover { background: #fff8e1 !important; }
/* ============= PTH-CONTENT-DETAIL-V1 END ============= */


/* === PTH RFQ Modal mobile fixes (added 2026-05-03) === */
/* Fix 1: Ẩn nút nổi Zalo + hotline khi modal báo giá đang mở (tránh che label form trên mobile) */
body.pth-rfq-locked #button-contact-vr { display: none !important; }

/* Fix 2: Cho select trong form báo giá tự co giãn theo nội dung, không bị theme ép chiều cao 2.507em (gây cắt chữ) */
.pth-rfq-modal-body select,
.pth-rfq-body select {
    height: auto !important;
    min-height: 44px !important;
    line-height: 1.4 !important;
}
/* === end PTH RFQ Modal mobile fixes === */


/* === PTH RFQ Modal mobile fix #3 (added 2026-05-03) === */
/* Fix 3: Form báo giá scroll được tới nút Gửi trên mobile (100vh trên iOS Safari bị trừ thiếu toolbar → dùng dvh) */
@media (max-width: 680px) {
    .pth-rfq-modal-box {
        height: 100dvh !important;
        max-height: 100dvh !important;
    }
    .pth-rfq-modal-body {
        padding-bottom: 80px !important;
        -webkit-overflow-scrolling: touch;
    }
}


/* === PTH WARN BADGE - ICON SU CO NOI BAT ===
   Bien icon canh bao thanh badge tron, co hieu ung
   nhap nhay (pulse) va do bong nhe nhu den canh bao that
   ============================================== */
.pth-problem-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pth-warn-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #E0A21A 0%, #E0A21A 60%, #E07A00 100%);
  color: #ffffff;
  font-size: 30px;
  flex-shrink: 0;
  box-shadow:
    0 0 0 4px rgba(245, 166, 35, 0.25),
    0 6px 14px rgba(224, 122, 0, 0.45);
  animation: pthWarnPulse 1.8s ease-in-out infinite;
  position: relative;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.pth-warn-badge i {
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
}
@keyframes pthWarnPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      0 0 0 4px rgba(245, 166, 35, 0.25),
      0 6px 14px rgba(224, 122, 0, 0.45);
  }
  50% {
    transform: scale(1.08);
    box-shadow:
      0 0 0 10px rgba(245, 166, 35, 0.0),
      0 8px 22px rgba(224, 122, 0, 0.55);
  }
}
@media (max-width: 767px) {
  .pth-warn-badge {
    width: 48px;
    height: 48px;
    font-size: 22px;
  }
  .pth-problem-heading { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .pth-warn-badge { animation: none; }
}


/* === PTH PRODUCT FLIP CARD V2 (Modern + Mobile-Tap) ===
   Hieu ung lat 3D + chu chuyen nghiep, tuong phan cao
   Mobile: cham vao the de lat (toggle .is-flipped via JS)
   ====================================================== */
.pth-prod-card.pth-flip {
  perspective: 1400px;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.pth-prod-card.pth-flip .pth-flip-inner {
  position: relative;
  width: 100%;
  min-height: 450px;
  transition: transform 400ms cubic-bezier(0.4, 0.2, 0.2, 1);
  transform-style: preserve-3d;
  cursor: pointer;
}
.pth-prod-card.pth-flip:hover .pth-flip-inner,
.pth-prod-card.pth-flip.is-flipped .pth-flip-inner {
  transform: rotateY(180deg);
}
.pth-flip-front,
.pth-flip-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
/* ===== MAT TRUOC ===== */
.pth-flip-front {
  background: #ffffff;
  border: 1px solid #e8eaed;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  padding: 0 0 16px;
}
.pth-flip-front .pth-prod-img {
  width: 100%;
  margin: 0 0 14px;
  background: #f7f8fa;
  display: block;
  flex: 1 1 auto;
  min-height: 220px;
  position: relative;
  overflow: hidden;
}
.pth-flip-front .pth-prod-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  inset: 0;
  display: block;
}
.pth-flip-front h3 {
  font-size: 18px;
  font-weight: 700;
  color: #0A1F44;
  margin: 0 14px 6px;
  line-height: 1.3;
}
.pth-flip-front .pth-prod-desc {
  font-size: 14px;
  color: #5b6470;
  margin: 0 14px 2px;
  line-height: 1.5;
}
.pth-flip-hint {
  margin-top: 4px;
  padding: 0 14px;
  font-size: 12.5px;
  color: #F5A623;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.2px;
  font-style: italic;
}
/* ===== MAT SAU - CHUYEN NGHIEP & HIEN DAI ===== */
.pth-flip-back {
  background:
    radial-gradient(circle at 100% 0%, rgba(245,166,35,0.18) 0%, transparent 45%),
    radial-gradient(circle at 0% 100%, rgba(255,255,255,0.06) 0%, transparent 50%),
    linear-gradient(160deg, #0B2452 0%, #143775 50%, #1B3D7A 100%);
  color: #ffffff;
  transform: rotateY(180deg);
  padding: 16px 14px 12px;
  box-shadow: 0 10px 28px rgba(11, 36, 82, 0.45);
  border: 1px solid rgba(245, 166, 35, 0.4);
  font-family: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.pth-flip-back-title {
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF !important;
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(245, 166, 35, 0.7);
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  position: relative;
}
.pth-flip-back-title::before {
  content: "DATASHEET";
  display: block;
  font-size: 9.5px;
  font-weight: 600;
  color: #FFC97A;
  letter-spacing: 2px;
  margin-bottom: 4px;
  opacity: 0.9;
}
.pth-flip-specs {
  flex: 1;
  font-size: 12.5px;
  line-height: 1.45;
  overflow: hidden;
}
.pth-flip-specs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pth-flip-specs ul li {
  position: relative;
  padding: 5px 0 5px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: #F4F7FB;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.pth-flip-specs ul li:last-child { border-bottom: none; }
.pth-flip-specs ul li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 14px;
  width: 8px;
  height: 8px;
  background: #E0A21A;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.18);
}
.pth-flip-cta {
  margin-top: 10px;
  text-align: center;
}
.pth-cta-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 12px 16px;
  background: linear-gradient(135deg, #FFB339 0%, #E0A21A 50%, #E07A00 100%);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 14px;
  border-radius: 10px;
  text-decoration: none !important;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
  box-shadow: 0 6px 14px rgba(224, 122, 0, 0.4), inset 0 1px 0 rgba(255,255,255,0.25);
}
.pth-cta-order:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(224, 122, 0, 0.55), inset 0 1px 0 rgba(255,255,255,0.3);
  filter: brightness(1.05);
  color: #ffffff !important;
}
/* ===== MOBILE TAP TO FLIP ===== */
@media (hover: none), (pointer: coarse) {
  .pth-prod-card.pth-flip:hover .pth-flip-inner { transform: none; }
  .pth-prod-card.pth-flip.is-flipped .pth-flip-inner { transform: rotateY(180deg); }
}
@media (max-width: 767px) {
  .pth-prod-card.pth-flip .pth-flip-inner { min-height: 430px; }
  .pth-flip-front h3 { font-size: 16px; }
  .pth-flip-back { padding: 18px 16px 16px; }
  .pth-flip-back-title { font-size: 15px; }
  .pth-flip-specs { font-size: 12.5px; }
  .pth-flip-specs ul li { padding: 6px 0 6px 20px; }
  .pth-cta-order { padding: 11px 14px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .pth-prod-card.pth-flip .pth-flip-inner { transition: none; }
}
/* === END Premium CTA v3 === */


/* ============================================== */
/* PTH ASCO Category - Engineering Spec Sheet     */
/* ============================================== */
.pth-asco-wrap{font-family:'Inter','Segoe UI',-apple-system,sans-serif;color:#1a2332;line-height:1.65;max-width:100%}
.pth-asco-wrap *{box-sizing:border-box}
.pth-asco-hero{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%);border-radius:16px;padding:40px 36px;color:#fff;position:relative;overflow:hidden;margin:0 0 28px;box-shadow:0 12px 40px -12px rgba(10,31,68,.35)}
.pth-asco-hero::before{content:"";position:absolute;top:-50%;right:-10%;width:380px;height:380px;background:radial-gradient(circle,rgba(245,166,35,.18) 0%,transparent 70%);pointer-events:none}
.pth-asco-hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(245,166,35,.18);border:1px solid rgba(245,166,35,.4);color:#FFB949;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.pth-asco-hero-tag::before{content:"";width:6px;height:6px;background:#E0A21A;border-radius:50%;box-shadow:0 0 8px #E0A21A}
.pth-asco-wrap .pth-asco-hero h1{font-size:30px;line-height:1.25;margin:0 0 12px;font-weight:800;color:#fff;letter-spacing:-.5px}
.pth-asco-hero h1 span{color:#F5A623}
.pth-asco-wrap .pth-asco-hero h2{color:#fff;}
.pth-asco-wrap .pth-asco-hero h3{color:#fff;}
.pth-asco-wrap .pth-asco-hero h4{color:#fff;}
.pth-asco-hero p{font-size:15.5px;color:#fff;margin:0 0 20px;max-width:780px}
.pth-asco-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:2}
.pth-asco-hero-meta span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:8px;font-size:12.5px;color:#fff;font-weight:500;backdrop-filter:blur(8px)}
.pth-asco-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 32px}
.pth-asco-kpi{background:#fff;border:1px solid #E5EAF2;border-radius:14px;padding:20px 18px;text-align:center;position:relative;overflow:hidden;transition:.25s}
.pth-asco-kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#E0A21A,#FFB949)}
.pth-asco-kpi:hover{transform:translateY(-4px);box-shadow:0 14px 30px -10px rgba(10,31,68,.18);border-color:#E0A21A}
.pth-asco-kpi-icon{width:42px;height:42px;margin:0 auto 10px;background:linear-gradient(135deg,#0A1F44,#1B2561);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#F5A623}
.pth-asco-kpi-num{font-size:24px;font-weight:800;color:#0A1F44;line-height:1;margin:4px 0}
.pth-asco-kpi-label{font-size:12.5px;color:#5a6478;font-weight:500;text-transform:uppercase;letter-spacing:.4px}
.pth-asco-section{margin:0 0 30px}
.pth-asco-wrap .pth-asco-h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:#0A1F44;margin:0 0 18px;padding:0 0 12px;border-bottom:2px solid #E0A21A;position:relative;text-transform:none}
.pth-asco-wrap .pth-asco-h2::before{content:"";width:5px;height:24px;background:#E0A21A;border-radius:3px}
.pth-asco-h2 small{font-size:12px;font-weight:600;color:#F5A623;background:rgba(245,166,35,.1);padding:3px 10px;border-radius:6px;letter-spacing:.5px;margin-left:auto}
.pth-asco-brand{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch}
.pth-asco-brand-text{background:#fff;border:1px solid #E5EAF2;border-radius:14px;padding:24px}
.pth-asco-brand-text p{margin:0 0 12px;font-size:14.5px;color:#3a4456}
.pth-asco-brand-text p:last-child{margin:0}
.pth-asco-brand-stats{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
.pth-asco-brand-stat{background:linear-gradient(135deg,#0A1F44,#15305c);color:#fff;padding:18px 20px;border-radius:14px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}
.pth-asco-brand-stat::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(245,166,35,.2),transparent 70%)}
.pth-asco-brand-stat-num{font-size:30px;font-weight:800;color:#F5A623;line-height:1;flex-shrink:0;position:relative;z-index:2}
.pth-asco-brand-stat-text{font-size:13px;color:rgba(255,255,255,.85);line-height:1.4;position:relative;z-index:2}
.pth-asco-brand-stat-text strong{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:2px}
.pth-asco-models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pth-asco-model{background:#fff;border:1px solid #E5EAF2;border-radius:14px;padding:22px;position:relative;transition:.25s}
.pth-asco-model::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,#E0A21A,#FFB949);border-radius:0 0 3px 3px}
.pth-asco-model:hover{transform:translateY(-4px);box-shadow:0 16px 36px -12px rgba(10,31,68,.2);border-color:#E0A21A}
.pth-asco-model-code{display:inline-block;background:#0A1F44;color:#F5A623;font-family:'Courier New',monospace;font-weight:700;font-size:13px;padding:5px 10px;border-radius:6px;letter-spacing:.5px;margin-bottom:10px}
.pth-asco-wrap .pth-asco-model h4{font-size:16px;font-weight:700;color:#0A1F44;margin:0 0 12px}
.pth-asco-model ul{list-style:none;padding:0;margin:0}
.pth-asco-model li{font-size:13.5px;color:#3a4456;padding:6px 0 6px 22px;position:relative;border-bottom:1px dashed #eef0f5}
.pth-asco-model li:last-child{border:0}
.pth-asco-model li::before{content:"✓";position:absolute;left:0;top:6px;color:#F5A623;font-weight:900;font-size:14px}
.pth-asco-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pth-asco-feat{background:#fff;border:1px solid #E5EAF2;border-radius:12px;padding:18px 20px;display:flex;gap:14px;transition:.25s}
.pth-asco-feat:hover{border-color:#E0A21A;transform:translateX(4px);box-shadow:0 10px 24px -10px rgba(10,31,68,.15)}
.pth-asco-feat-icon{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#E0A21A,#FFB949);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 14px -4px rgba(245,166,35,.5)}
.pth-asco-wrap .pth-asco-feat h5{font-size:15px;font-weight:700;color:#0A1F44;margin:0 0 4px}
.pth-asco-feat p{font-size:13px;color:#5a6478;margin:0;line-height:1.5}
.pth-asco-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #E5EAF2;font-size:14px}
.pth-asco-table thead th{background:#0A1F44;color:#fff;padding:14px 16px;text-align:left;font-weight:700;font-size:13.5px;letter-spacing:.3px;border:0}
.pth-asco-table thead th:nth-child(2){background:linear-gradient(135deg,#E0A21A,#FFB949);color:#0A1F44}
.pth-asco-table tbody td{padding:13px 16px;border-bottom:1px solid #eef0f5;color:#3a4456}
.pth-asco-table tbody tr:nth-child(even) td{background:#FAFBFC}
.pth-asco-table tbody tr:last-child td{border:0}
.pth-asco-table tbody td:first-child{font-weight:700;color:#0A1F44}
.pth-asco-table tbody td:nth-child(2){font-weight:600;color:#0A1F44;background:rgba(245,166,35,.06) !important}
.pth-asco-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pth-asco-app{background:#fff;border:1px solid #E5EAF2;border-radius:14px;padding:20px;text-align:center;transition:.25s;position:relative;overflow:hidden}
.pth-asco-app:hover{border-color:#1B2561;transform:translateY(-4px);box-shadow:0 14px 30px -10px rgba(27,37,97,.2)}
.pth-asco-app-icon{width:56px;height:56px;margin:0 auto 12px;background:linear-gradient(135deg,#1B2561,#0A1F44);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#F5A623}
.pth-asco-wrap .pth-asco-app h5{font-size:15px;font-weight:700;color:#0A1F44;margin:0 0 8px}
.pth-asco-app p{font-size:12.5px;color:#5a6478;margin:0;line-height:1.5}
.pth-asco-faq{background:#fff;border:1px solid #E5EAF2;border-radius:14px;overflow:hidden}
.pth-asco-faq details{border-bottom:1px solid #eef0f5}
.pth-asco-faq details:last-child{border:0}
.pth-asco-faq summary{padding:16px 20px;font-weight:700;color:#0A1F44;cursor:pointer;font-size:14.5px;list-style:none;display:flex;align-items:center;gap:12px;transition:.2s}
.pth-asco-faq summary::-webkit-details-marker{display:none}
.pth-asco-faq summary::before{content:"?";flex-shrink:0;width:26px;height:26px;background:linear-gradient(135deg,#E0A21A,#FFB949);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.pth-asco-faq summary::after{content:"+";margin-left:auto;font-size:22px;color:#F5A623;transition:.25s;font-weight:300;line-height:1}
.pth-asco-faq details[open] summary{background:rgba(245,166,35,.06)}
.pth-asco-faq details[open] summary::after{transform:rotate(45deg)}
.pth-asco-faq-body{padding:0 20px 18px 58px;font-size:14px;color:#3a4456;line-height:1.65}
.pth-asco-cta{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%);border-radius:18px;padding:32px 36px;color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;position:relative;overflow:hidden;margin-top:8px}
.pth-asco-cta::before{content:"";position:absolute;top:-40%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,166,35,.2),transparent 70%);pointer-events:none}
.pth-asco-wrap .pth-asco-cta h3{font-size:22px;font-weight:800;margin:0 0 8px;color:#fff;line-height:1.3}
.pth-asco-cta h3 span{color:#F5A623}
.pth-asco-cta p{font-size:14.5px;color:rgba(255,255,255,.85);margin:0}
.pth-asco-cta-btns{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
.pth-asco-cta-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;text-decoration:none !important;font-weight:700;transition:.25s;font-size:14.5px}
.pth-asco-cta-btn-1{background:linear-gradient(135deg,#E0A21A,#FFB949);color:#0A1F44 !important;box-shadow:0 8px 20px -6px rgba(245,166,35,.6)}
.pth-asco-cta-btn-1:hover{transform:translateY(-2px);box-shadow:0 12px 26px -6px rgba(245,166,35,.7)}
.pth-asco-cta-btn-2{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff !important;backdrop-filter:blur(10px)}
.pth-asco-cta-btn-2:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.pth-asco-cta-btn-icon{width:36px;height:36px;background:rgba(10,31,68,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pth-asco-cta-btn-2 .pth-asco-cta-btn-icon{background:rgba(255,255,255,.15)}
.pth-asco-cta-btn small{display:block;font-size:11px;font-weight:500;opacity:.85;margin-top:1px;letter-spacing:.3px}
@media(max-width:880px){
.pth-asco-hero{padding:28px 22px}
.pth-asco-wrap .pth-asco-hero h1{font-size:23px}
.pth-asco-kpis{grid-template-columns:repeat(2,1fr)}
.pth-asco-brand,.pth-asco-models,.pth-asco-features,.pth-asco-apps,.pth-asco-cta{grid-template-columns:1fr !important}
.pth-asco-table{font-size:12.5px}
.pth-asco-table thead th,.pth-asco-table tbody td{padding:10px 12px}
.pth-asco-wrap .pth-asco-h2{font-size:18px}
.pth-asco-cta{padding:24px}
}
/* ============================================== */
/* END PTH ASCO Category                          */
/* ============================================== */


/* === PTH ASCO Icons via CSS (since WP strips inline SVG) === */
.pth-asco-kpi-icon::before,
.pth-asco-feat-icon::before,
.pth-asco-app-icon::before,
.pth-asco-cta-btn-icon::before{
  content:"";
  display:block;
  width:60%;
  height:60%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
/* KPI 1 - Lightning (phản hồi nhanh) */
.pth-asco-kpis .pth-asco-kpi:nth-child(1) .pth-asco-kpi-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E")}
/* KPI 2 - Pressure gauge */
.pth-asco-kpis .pth-asco-kpi:nth-child(2) .pth-asco-kpi-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 14'/%3E%3C/svg%3E")}
/* KPI 3 - Clock */
.pth-asco-kpis .pth-asco-kpi:nth-child(3) .pth-asco-kpi-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}
/* KPI 4 - Box/inventory */
.pth-asco-kpis .pth-asco-kpi:nth-child(4) .pth-asco-kpi-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E")}

/* Features 1-6 */
.pth-asco-features .pth-asco-feat:nth-child(1) .pth-asco-feat-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E")}
.pth-asco-features .pth-asco-feat:nth-child(2) .pth-asco-feat-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-9 4 18 3-9h4'/%3E%3C/svg%3E")}
.pth-asco-features .pth-asco-feat:nth-child(3) .pth-asco-feat-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6l-8-4z'/%3E%3C/svg%3E")}
.pth-asco-features .pth-asco-feat:nth-child(4) .pth-asco-feat-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.5 0 4.8 1 6.5 2.6'/%3E%3Cpolyline points='21 4 21 10 15 10'/%3E%3C/svg%3E")}
.pth-asco-features .pth-asco-feat:nth-child(5) .pth-asco-feat-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
.pth-asco-features .pth-asco-feat:nth-child(6) .pth-asco-feat-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E")}

/* Apps 1-4 */
.pth-asco-apps .pth-asco-app:nth-child(1) .pth-asco-app-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V8l7-5 7 5v13M9 9v12M15 9v12M9 15h6'/%3E%3C/svg%3E")}
.pth-asco-apps .pth-asco-app:nth-child(2) .pth-asco-app-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 22h20M4 22V10l4-4h8l4 4v12M9 22v-6h6v6M8 10h8'/%3E%3C/svg%3E")}
.pth-asco-apps .pth-asco-app:nth-child(3) .pth-asco-app-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E")}
.pth-asco-apps .pth-asco-app:nth-child(4) .pth-asco-app-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5A623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v6M8 6l4-4 4 4M6 12h12M4 16h16M3 20h18'/%3E%3C/svg%3E")}

/* CTA buttons */
.pth-asco-cta-btn-1 .pth-asco-cta-btn-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F44' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.pth-asco-cta-btn-2 .pth-asco-cta-btn-icon::before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E")}

/* CTA buttons text dual-line */
.pth-asco-cta-btn span:not(.pth-asco-cta-btn-icon){display:flex;flex-direction:column;line-height:1.2}


/* PTH - Hide WooCommerce result count globally (all shop/category/search/tag pages) - Added 05/05/2026 */
.woocommerce-result-count { display: none !important; }


/* V1 Fix table header lệch dòng - 5/5/2026 */
.pth-table-wrap thead th { white-space: nowrap !important; }

/* PTH Doc Download Button + Featured Card (catalogue) */
.pth-docs .pth-doc-btn{display:inline-flex !important;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;background:#f97316;color:#fff !important;font-weight:600;font-size:14px;line-height:1.2;text-decoration:none !important;border-radius:6px;transition:background .2s,transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.pth-docs .pth-doc-btn:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 3px 8px rgba(249,115,22,.3);}
.pth-docs .pth-doc-card.pth-doc-featured{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:2px solid #f97316;position:relative;}
.pth-docs .pth-doc-card.pth-doc-featured::before{content:"NEW";position:absolute;top:8px;right:8px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.5px;}
@media(max-width:480px){.pth-docs .pth-doc-btn{width:100%;justify-content:center;font-size:13px;padding:9px 12px;}}


/* === PTH DOC CARDS v4 — Premium Typography (added 2026-05-05) === */
/* Google Font Plus Jakarta Sans for title/heading premium feel */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

/* ----- Section heading: editorial / luxury ----- */
.page-id-4669 .pth-docs .pth-sec-head{
  text-align:center !important;
  margin-bottom:32px !important;
}
/* === END PTH DOC CARDS v4 === */


/* === PTH DOC VIEW ONLY + QR MODAL v5 === */
.pth-doc-card .pth-doc-actions{
  display:flex; flex-direction:column; gap:8px;
  margin-top:auto;
}
.pth-doc-btn-view{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:#f97316 !important; color:#fff !important;
  padding:10px 14px !important; border-radius:8px !important;
  font-weight:700; font-size:13px; letter-spacing:.01em;
  border:1px solid #f97316 !important;
  text-decoration:none; transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow:0 2px 6px rgba(249,115,22,.25);
}
.pth-doc-btn-view:hover{
  background:#ea580c !important; border-color:#ea580c !important;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(249,115,22,.35);
}
.pth-doc-btn-zalo-sm{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  background:transparent !important; color:#0A1F44 !important;
  padding:7px 12px !important; border-radius:8px !important;
  font-weight:600; font-size:12px;
  border:1px solid #d1d9d4 !important;
  text-decoration:none; transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.pth-doc-btn-zalo-sm:hover{
  background:#f0f7f2 !important; border-color:#0A1F44 !important; color:#0A1F44 !important;
}
.pth-doc-modal{
  position:fixed; inset:0; z-index:99999;
  display:none; align-items:center; justify-content:center;
  padding:20px;
}
.pth-doc-modal.is-open{ display:flex; }
.pth-doc-modal-overlay{
  position:absolute; inset:0;
  background:rgba(10,14,80,.65);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  cursor:pointer;
}
.pth-doc-modal-content{
  position:relative;
  background:#fff;
  border-radius:14px;
  box-shadow:0 25px 60px rgba(0,0,0,.35);
  width:100%; max-width:1000px;
  height:88vh;
  display:flex; flex-direction:column;
  overflow:hidden;
  animation:pthFadeUp .25s ease;
}
@keyframes pthFadeUp{
  from{ opacity:0; transform:translateY(12px) scale(.98); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
.pth-doc-modal-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 20px; border-bottom:1px solid #e9eef0;
  background:#0A1F44; color:#fff;
}
.pth-doc-modal-head h3{
  margin:0; font-size:16px; font-weight:700; color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.pth-doc-modal-close{
  background:transparent; border:0; color:#fff;
  font-size:28px; line-height:1; cursor:pointer;
  width:36px; height:36px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  transition:background .15s ease;
}
.pth-doc-modal-close:hover{ background:rgba(255,255,255,.15); }
.pth-doc-modal-body{
  flex:1; background:#525659; position:relative;
}
.pth-doc-modal-body iframe{
  width:100%; height:100%; border:0; display:block;
}
.pth-doc-modal-foot{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 20px; border-top:1px solid #e9eef0;
  background:#fafbfc; gap:12px; flex-wrap:wrap;
}
.pth-doc-modal-note{
  font-size:13px; color:#64748b; font-weight:500;
}
.pth-doc-modal-zalo{
  background:#0A1F44; color:#fff !important;
  padding:8px 14px; border-radius:8px;
  font-size:13px; font-weight:600; text-decoration:none;
  transition:background .2s ease;
}
.pth-doc-modal-zalo:hover{ background:#0F2065; }
.pth-qr-modal .pth-qr-content{
  max-width:380px; height:auto;
  padding:30px 28px 24px;
  text-align:center;
}
.pth-qr-close{
  position:absolute; top:10px; right:12px;
  color:#64748b !important;
  background:#f1f5f4 !important;
}
.pth-qr-close:hover{ background:#e2e8e5 !important; color:#0A1F44 !important; }
.pth-qr-head h3{
  margin:0 0 8px; font-size:20px; font-weight:800;
  color:#0A1F44; font-family:'Plus Jakarta Sans',sans-serif;
}
.pth-qr-head p{
  margin:0 0 18px; font-size:13.5px; color:#475569; line-height:1.55;
}
.pth-qr-img-wrap{
  display:inline-block; padding:10px;
  background:#fff; border:2px solid #f97316; border-radius:12px;
  margin-bottom:16px;
  box-shadow:0 6px 20px rgba(10,31,68,.10);
}
.pth-qr-img-wrap img{ display:block; width:240px; height:240px; }
.pth-qr-info{ margin-bottom:16px; }
.pth-qr-name{
  font-size:15px; font-weight:800; color:#0A1F44;
  font-family:'Plus Jakarta Sans',sans-serif;
}
.pth-qr-phone{
  font-size:14px; color:#475569; margin-top:2px; font-weight:600;
}
.pth-qr-cta{
  display:block; width:100%;
  background:#f97316; color:#fff !important;
  padding:11px 16px; border-radius:10px;
  font-weight:700; font-size:14px; text-decoration:none;
  transition:background .2s ease;
}
.pth-qr-cta:hover{ background:#ea580c; }
@media (max-width:767px){
  .pth-doc-modal{ padding:0; }
  .pth-doc-modal-content{
    height:100vh; max-width:100%; border-radius:0;
  }
  .pth-doc-modal-head h3{ font-size:14px; }
  .pth-doc-modal-foot{ padding:8px 14px; }
  .pth-doc-modal-note{ font-size:12px; }
  .pth-qr-modal{ padding:16px; }
  .pth-qr-modal .pth-qr-content{ height:auto; }
  .pth-qr-img-wrap img{ width:200px; height:200px; }
}
/* === END PTH DOC VIEW ONLY + QR MODAL v5 === */


/* === FIX RESPONSIVE pth-pillar-table (mobile cách A: xếp dọc) === */
@media (max-width: 767px) {
  .pth-pillar-table-wrap { overflow-x: visible !important; }

  .pth-pillar-table,
  .pth-pillar-table thead,
  .pth-pillar-table tbody,
  .pth-pillar-table tr,
  .pth-pillar-table td,
  .pth-pillar-table th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Ẩn header gốc trên mobile */
  .pth-pillar-table thead {
    display: none !important;
  }

  .pth-pillar-table tbody tr {
    margin: 0 0 14px 0 !important;
    border: 1px solid #e5e7eb !important;
    border-left: 4px solid #f59e0b !important;
    border-radius: 8px !important;
    background: #fff !important;
    overflow: hidden !important;
    padding: 6px 0 !important;
  }

  /* Mỗi ô là một khối: nhãn ở trên, nội dung ở dưới */
  .pth-pillar-table tbody td {
    position: static !important;
    padding: 10px 14px !important;
    border: none !important;
    border-bottom: 1px dashed #eee !important;
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.5 !important;
  }

  .pth-pillar-table tbody td:last-child {
    border-bottom: none !important;
  }

  /* Ô đầu tiên của mỗi hàng = tiêu đề khối (in đậm, nền nhạt) */
  .pth-pillar-table tbody td:first-child {
    background: #1B3D7A !important;
    color: #142367 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid #1B3D7A !important;
  }

  /* Hiển thị nhãn từ data-label (trừ ô đầu tiên) trên dòng riêng, KHÔNG đè */
  .pth-pillar-table tbody td:not(:first-child)::before {
    content: attr(data-label) !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #6b7280 !important;
    white-space: normal !important;
  }
}
/* === PTH TAI LIEU KY THUAT MODERN - END === */

/* === PTH Sidebar Danh mục sản phẩm === */
#shop-sidebar .pth-cat-box{background:linear-gradient(180deg,#102A5C 0%,#0A1F44 100%);border-radius:12px;padding:18px 0 8px;margin-top:14px;box-shadow:0 4px 14px rgba(16,42,92,0.18);overflow:hidden}
#shop-sidebar .pth-cat-heading{color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;text-align:center;margin:0 0 12px;padding:0 14px 12px;border-bottom:1px solid rgba(255,255,255,0.18);text-transform:uppercase}
#shop-sidebar .pth-cat-list{list-style:none;margin:0;padding:0}
#shop-sidebar .pth-cat-list li{margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,0.08)}
#shop-sidebar .pth-cat-list li:last-child{border-bottom:none}
#shop-sidebar .pth-cat-list li a{display:block;color:#fff !important;font-size:14px;font-weight:500;padding:11px 18px;text-decoration:none;transition: background .2s ease, padding-left .2s ease, color .2s ease;position:relative}
#shop-sidebar .pth-cat-list li a:hover{background:rgba(255,255,255,0.12);padding-left:24px;color:#FFB800 !important}
#shop-sidebar .pth-cat-list li.is-active a,#shop-sidebar .pth-cat-list li a.is-active{background:#FF8A00;color:#fff !important;font-weight:700;padding-left:22px}
#shop-sidebar .pth-cat-list li.is-active a::before{content:"▸ ";color:#fff}
/* === END === */


/* === PTH Shop Hero (trang /san-pham/) === */
.pth-hero-section{padding:8px 0 0 !important;}
.pth-hero-section .row{max-width:none;}
.pth-shop-hero{background:linear-gradient(135deg,#0A1F44 0%,#102A5C 60%,#0A1F44 100%) !important;color:#fff !important;border-radius:14px;padding:36px 36px 28px;margin:0 0 16px;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(16,42,92,.18);}
.pth-shop-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,138,0,.18) 0%,rgba(255,138,0,0) 70%);pointer-events:none;}
.pth-shop-hero-inner{position:relative;z-index:1;max-width:780px;}
.pth-shop-hero .pth-hero-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#ffb84d !important;background:rgba(255,184,77,.12);padding:6px 12px;border-radius:50px;border:1px solid rgba(255,184,77,.35);margin-bottom:14px;}
.pth-shop-hero h1.pth-hero-title{color:#fff !important;font-size:28px !important;line-height:1.25 !important;font-weight:700 !important;margin:0 0 12px !important;letter-spacing:-.2px !important;text-transform:none !important;}
.pth-shop-hero .pth-hero-sub{color:rgba(255,255,255,.86) !important;font-size:15px;line-height:1.65;margin:0 0 22px;max-width:720px;}
.pth-shop-hero .pth-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:6px;}
.pth-shop-hero .pth-hero-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:14px 14px;display:flex;flex-direction:column;gap:2px;}
.pth-shop-hero .pth-hero-stat-num{font-size:22px;font-weight:700;color:#fff !important;line-height:1.1;}
.pth-shop-hero .pth-hero-stat-lbl{font-size:12px;color:rgba(255,255,255,.78) !important;line-height:1.35;}
@media (max-width:768px){
  .pth-shop-hero{padding:24px 20px;}
  .pth-shop-hero h1.pth-hero-title{font-size:22px !important;}
  .pth-shop-hero .pth-hero-sub{font-size:14px;}
  .pth-shop-hero .pth-hero-stats{grid-template-columns:repeat(2,1fr);}
  .pth-shop-hero .pth-hero-stat-num{font-size:19px;}
}
/* End PTH Shop Hero */


/* === Bỏ breadcrumb (Trang chủ / Sản phẩm) và Sắp xếp mặc định trên trang sản phẩm === */
.post-type-archive-product .woocommerce-breadcrumb,
.post-type-archive-product .shop-page-title,
.post-type-archive-product .woocommerce-ordering {
  display: none !important;
}


/* === Co khoảng trắng pth-hero-section khi đã ẩn thanh LỌC NHANH === */
body.post-type-archive-product section.pth-hero-section,
section.pth-hero-section.section {
  padding-top: 24px !important;
  padding-bottom: 12px !important;
}
section.pth-hero-section .col {
  padding-bottom: 0 !important;
}


/* === [PTH] Widget Danh mục sản phẩm — bản nâng cấp v2 === */
body #shop-sidebar .pth-cat-box,
body .pth-cat-box {
  background: #ffffff !important;
  border: 1px solid #e5e9ec !important;
  border-radius: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(10, 31, 68, 0.08) !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-heading,
body .pth-cat-box .pth-cat-heading {
  background: linear-gradient(135deg, #0A1F44 0%, #0F2169 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  padding: 16px 18px !important;
  margin: 0 !important;
  border-bottom: 3px solid #f59e0b !important;
}
body #shop-sidebar .pth-cat-box li.has-children,
body .pth-cat-box li.has-children {
  border-bottom: 1px solid #eef1f3 !important;
}
body #shop-sidebar .pth-cat-box li.has-children:last-child,
body .pth-cat-box li.has-children:last-child {
  border-bottom: none !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-row,
body .pth-cat-box .pth-cat-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 !important;
  transition: background 0.2s ease !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-list > li > .pth-cat-row > a,
body #shop-sidebar .pth-cat-box .pth-cat-row > a,
body .pth-cat-box .pth-cat-row > a {
  flex: 1 !important;
  display: block !important;
  padding: 13px 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0A1F44 !important;
  text-decoration: none !important;
  position: relative !important;
  background: transparent !important;
  transition: color 0.2s ease, padding-left 0.2s ease !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-row > a::before,
body .pth-cat-box .pth-cat-row > a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 0 !important;
  background: #f59e0b !important;
  border-radius: 0 3px 3px 0 !important;
  transition: height 0.2s ease !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-row:hover,
body .pth-cat-box .pth-cat-row:hover {
  background: #f7faf8 !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-list > li > .pth-cat-row > a:hover,
body #shop-sidebar .pth-cat-box .pth-cat-row:hover > a,
body .pth-cat-box .pth-cat-row:hover > a {
  color: #f59e0b !important;
  padding-left: 22px !important;
  background: transparent !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-row:hover > a::before,
body .pth-cat-box .pth-cat-row:hover > a::before {
  height: 60% !important;
}
body #shop-sidebar .pth-cat-box .pth-toggle,
body .pth-cat-box .pth-toggle {
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 32px !important;
  margin-right: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #EEF2F7 !important;
  color: #0A1F44 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}
body #shop-sidebar .pth-cat-box .pth-cat-row:hover .pth-toggle,
body .pth-cat-box .pth-cat-row:hover .pth-toggle {
  background: #0A1F44 !important;
  color: #ffffff !important;
}
body #shop-sidebar .pth-cat-box li.is-open > .pth-cat-row .pth-toggle,
body .pth-cat-box li.is-open > .pth-cat-row .pth-toggle {
  background: #f59e0b !important;
  color: #ffffff !important;
  transform: rotate(180deg) !important;
}
body #shop-sidebar .pth-cat-box li.is-open > .pth-cat-row > a,
body .pth-cat-box li.is-open > .pth-cat-row > a {
  background: #fff8ec !important;
  box-shadow: inset 3px 0 0 #f59e0b !important;
  color: #0A1F44 !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat,
body .pth-cat-box .pth-subcat {
  background: #fafbfc !important;
  border-top: 1px solid #eef1f3 !important;
  padding: 6px 0 !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat li,
body .pth-cat-box .pth-subcat li {
  border: none !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat li a,
body .pth-cat-box .pth-subcat li a {
  display: block !important;
  padding: 8px 16px 8px 34px !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #4a5760 !important;
  text-decoration: none !important;
  position: relative !important;
  transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat li a::before,
body .pth-cat-box .pth-subcat li a::before {
  content: "›" !important;
  position: absolute !important;
  left: 18px !important;
  color: #9aa4ad !important;
  font-weight: 700 !important;
  transition: color 0.18s ease, transform 0.18s ease !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat li a:hover,
body .pth-cat-box .pth-subcat li a:hover {
  background: #ffffff !important;
  color: #0A1F44 !important;
  padding-left: 40px !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat li a:hover::before,
body .pth-cat-box .pth-subcat li a:hover::before {
  color: #f59e0b !important;
  transform: translateX(3px) !important;
}
body #shop-sidebar .pth-cat-box .pth-subcat li.is-active a,
body .pth-cat-box .pth-subcat li.is-active a {
  color: #0A1F44 !important;
  background: #fff8ec !important;
  font-weight: 600 !important;
}


/* === [PTH] Mobile sidebar menu — bản nâng cấp === */
/* Container của mobile sidebar */
body #main-menu.mobile-sidebar {
  background: #ffffff !important;
}
/* Item cấp 1 */
body #main-menu .nav-sidebar > li.menu-item > a,
body #main-menu ul.nav-sidebar > li > a {
  display: flex !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0A1F44 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid #eef1f3 !important;
  transition: all 0.2s ease !important;
}
body #main-menu .nav-sidebar > li.menu-item > a:hover,
body #main-menu .nav-sidebar > li.current-menu-item > a {
  background: #f7faf8 !important;
  color: #f59e0b !important;
  padding-left: 26px !important;
}
/* Nút toggle (mũi tên ▶ mở submenu) */
body #main-menu li.menu-item-has-children > button.toggle,
body #main-menu li.has-child > button.toggle {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #EEF2F7 !important;
  color: #0A1F44 !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  z-index: 2 !important;
}
body #main-menu li.menu-item-has-children:hover > button.toggle,
body #main-menu li.has-child:hover > button.toggle {
  background: #f59e0b !important;
  color: #ffffff !important;
}
body #main-menu li.menu-item-has-children { position: relative !important; }
body #main-menu li.has-child { position: relative !important; }
/* Sub-menu header (dòng "Sản phẩm" / "Màng van rũ bụi" trên cùng khi mở cấp 2) */
body #main-menu .sub-menu li.nav-slide-header,
body #main-menu .nav-slide-header {
  background: linear-gradient(135deg, #0A1F44 0%, #0F2169 100%) !important;
  border-bottom: 3px solid #f59e0b !important;
  padding: 0 !important;
  margin: 0 !important;
}
body #main-menu .nav-slide-header > button.toggle {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 18px 18px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: none !important;
  cursor: pointer !important;
  position: static !important;
  transform: none !important;
  border-radius: 0 !important;
  height: auto !important;
}
body #main-menu .nav-slide-header > button.toggle > i {
  margin-right: 12px !important;
  font-size: 18px !important;
  color: #f59e0b !important;
}
body #main-menu .nav-slide-header > button.toggle:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
/* Items cấp 2 (sub-menu links) */
body #main-menu .sub-menu > li > a,
body #main-menu ul.sub-menu li:not(.nav-slide-header) > a {
  display: flex !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1a2530 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 14px 18px 14px 22px !important;
  border-bottom: 1px solid #eef1f3 !important;
  position: relative !important;
  transition: all 0.2s ease !important;
}
body #main-menu .sub-menu > li > a::before {
  content: "›" !important;
  margin-right: 10px !important;
  color: #9aa4ad !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  transition: color 0.18s ease, transform 0.18s ease !important;
}
body #main-menu .sub-menu > li > a:hover {
  background: #f7faf8 !important;
  color: #f59e0b !important;
  padding-left: 30px !important;
}
body #main-menu .sub-menu > li > a:hover::before {
  color: #f59e0b !important;
  transform: translateX(4px) !important;
}
body #main-menu .sub-menu > li:last-child > a {
  border-bottom: none !important;
}


/* === Bỏ breadcrumb trùng lặp & ô Sắp xếp mặc định trên trang category sản phẩm === */
.shop-page-title .woocommerce-breadcrumb {
    display: none !important;
}
.shop-page-title .woocommerce-ordering {
    display: none !important;
}
.shop-page-title .page-title-inner {
    min-height: auto;
    padding: 10px 0;
}


/* === Ẩn nút LỌC trên trang danh mục sản phẩm (mobile/tablet) === */
.category-filtering, .category-filter-row { display: none !important; }


/* === PTH BRAND COLOR OVERRIDE - SHOP PAGE (navy-teal) === */
/* 1. Banner hero lớn của trang Sản phẩm */
body .pth-shop-hero{background:linear-gradient(135deg,#0A1F44 0%,#15376b 60%,#1B2561 100%) !important;box-shadow:0 6px 20px rgba(10,31,68,.22) !important;}

/* 2. Sidebar - Box hotline (pth-cat-box gradient cũ xanh lá) */
body .pth-cat-box[style*="gradient"],
body div.pth-cat-box{background:linear-gradient(180deg,#0A1F44 0%,#1B2561 100%) !important;box-shadow:0 4px 14px rgba(10,31,68,.18) !important;}

/* 3. Header "DANH MỤC SẢN PHẨM" */
body .pth-cat-heading,
body .pth-cat-box .pth-cat-heading{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%) !important;color:#ffffff !important;}

/* 4. Text xanh lá #0A1F44 → navy #0A1F44 trong sidebar danh mục */
body .pth-cat-box .pth-cat-list > li > .pth-cat-row > a,
body #shop-sidebar .pth-cat-box .pth-cat-row > a,
body .pth-cat-box .pth-cat-row > a,
body .pth-cat-box .pth-cat-list > li > .pth-cat-row > a:hover,
body .pth-cat-box li.is-open > .pth-cat-row > a,
body .pth-cat-box li.is-active > .pth-cat-row > a,
body .pth-cat-box li.is-open > .pth-cat-row .pth-toggle,
body .pth-cat-box .pth-toggle:hover,
body .pth-cat-box .pth-subcat li a:hover,
body .pth-cat-box .pth-subcat li.is-active a,
body .pth-cat-heading,
body #shop-sidebar .pth-cat-heading{color:#0A1F44 !important;}

/* Hover row hơi navy nhạt */
body .pth-cat-box .pth-cat-row:hover{background:#f4f7fb !important;}
body .pth-cat-box .pth-cat-row:hover .pth-toggle{background:#0A1F44 !important;color:#ffffff !important;}
body .pth-cat-box li.is-active > .pth-cat-row > a,
body .pth-cat-box li.is-open > .pth-cat-row > a{background:#eef3fa !important;}

/* 5. Modal RFQ và Upload Catalogue header */
body .pth-rfq-header{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%) !important;}
body .pth-uc-modal-header{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%) !important;}
/* === END SHOP PAGE OVERRIDE === */


/* PTH SHOP SIDEBAR HOTLINE WIDGET FIX */
body.woocommerce-shop .sidebar-inner .widget_custom_html,
body.archive.woocommerce .sidebar-inner .widget_custom_html{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%) !important;}
/* END */


/* PTH SHOP SIDEBAR div_2 FIX */
body .widget_custom_html .div_2{background:transparent !important;}
/* END */

/* PTH-SIDEBAR-HOTLINE-LINK-2026-08: số hotline bị màu link xanh lá (#1a6b3a) trên nền navy -> đổi sang vàng cho dễ đọc */
html body .widget_custom_html .div_2 a[href^="tel:"],
html body .widget_custom_html .div_2 a[href^="tel:"]:link,
html body .widget_custom_html .div_2 a[href^="tel:"]:visited{color:#FFD24D!important;text-decoration:none}
html body .widget_custom_html .div_2 a[href^="tel:"]:hover,
html body .widget_custom_html .div_2 a[href^="tel:"]:focus{color:#ffffff!important}
/* END PTH-SIDEBAR-HOTLINE-LINK-2026-08 */


/* PTH SHOP SIDEBAR HIGH-SPECIFICITY OVERRIDE */
html body #shop-sidebar .pth-cat-box .pth-cat-heading,
html body.woocommerce #shop-sidebar .pth-cat-box .pth-cat-heading,
html body .pth-cat-heading{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%) !important;color:#ffffff !important;}
html body #shop-sidebar .pth-cat-box,
html body .pth-cat-box{background:#ffffff !important;}
html body #shop-sidebar .pth-cat-box .pth-cat-list > li > .pth-cat-row > a,
html body #shop-sidebar .pth-cat-box .pth-cat-row > a{color:#0A1F44 !important;}
html body #shop-sidebar .pth-cat-box li.is-open > .pth-cat-row .pth-toggle{color:#0A1F44 !important;}
/* END */


/* ============================================================ */
/* === MASTER NAVY OVERRIDE — đè pth-core-css & pth-pillar-css === */
/* === Phương án A: đồng bộ toàn site về tông NAVY trang chủ === */
/* ============================================================ */

/* --- Override pth-core-css (gradient xanh lá + thẻ "Giải pháp cốt lõi") --- */
html body main .section:first-of-type {
  background: linear-gradient(160deg, #F2F6FC 0%, #FFFFFF 55%, #EEF1F3 100%) !important;
}
html body main .section:first-of-type::before {
  background: linear-gradient(90deg, #0A1F44 0%, #1B3470 50%, #0A1F44 100%) !important;
}
html body main .section:first-of-type h2 {
  color: #0A1F44 !important;
}
html body main .section:first-of-type h2::after {
  background: linear-gradient(90deg, #0A1F44, #1B3470) !important;
}
html body main .section:first-of-type .col.medium-3 .col-inner {
  background: #FFFFFF !important;
  border-color: #E5E9EC !important;
}
html body main .section:first-of-type .col.medium-3 .col-inner::before {
  background: linear-gradient(90deg, #0A1F44, #1B3470) !important;
}
html body main .section:first-of-type .col.medium-3 .col-inner:hover {
  border-color: #1B3470 !important;
  box-shadow: 0 10px 24px rgba(10,31,68,.12) !important;
}
html body main .section:first-of-type .col.medium-3 .text b,
html body main .section:first-of-type .col.medium-3 .text strong,
html body main .section:first-of-type .col.medium-3 h3,
html body main .section:first-of-type .col.medium-3 h4 {
  color: #0A1F44 !important;
}
html body main .section:first-of-type .col.medium-3 a {
  color: #1B3470 !important;
}
html body main .section:first-of-type .col.medium-3 a:hover {
  color: #0A1F44 !important;
}

/* --- Override pth-pillar-css (heading + CTA xanh lá → navy) --- */
html body .pth-pillar h1,
html body .pth-pillar h2,
html body .pth-pillar h3 {
  color: #0A1F44 !important;
}
html body .pth-pillar a {
  color: #1B3470 !important;
}
html body .pth-pillar a:hover {
  color: #0A1F44 !important;
}
html body .pth-pillar-lead {
  color: #4A5760 !important;
}
html body .pth-pillar-cta-primary {
  background: linear-gradient(135deg, #0A1F44 0%, #1B3470 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(10,31,68,.28) !important;
}
html body .pth-pillar-cta-phone {
  background: linear-gradient(135deg, #0A1F44 0%, #1B3470 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(10,31,68,.28) !important;
}
html body .pth-pillar-cta3-call {
  background: linear-gradient(135deg, #0A1F44 0%, #1B3470 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(10,31,68,.28) !important;
}
html body .pth-pillar-cta3-form {
  background: linear-gradient(135deg, #FF8F00 0%, #FFB347 100%) !important;
  color: #0A1F44 !important;
  box-shadow: 0 4px 14px rgba(255,143,0,.28) !important;
}
html body .pth-pillar-table thead th {
  background: linear-gradient(90deg, #0A1F44, #1B3470) !important;
  color: #FFFFFF !important;
}
html body .pth-pillar-table td a {
  color: #1B3470 !important;
}
html body .pth-pillar-table td strong {
  color: #0A1F44 !important;
}

/* === END MASTER NAVY OVERRIDE === */


/* ============================================================ */
/* === FIX CTA TEXT — đảm bảo chữ trên nút CTA luôn rõ === */
/* ============================================================ */

/* Nút navy: chữ + mọi text con đều TRẮNG */
html body .pth-pillar-cta-primary,
html body .pth-pillar-cta-primary *,
html body .pth-pillar-cta-phone,
html body .pth-pillar-cta-phone *,
html body .pth-pillar-cta3-call,
html body .pth-pillar-cta3-call * {
  color: #FFFFFF !important;
}

/* Phần text phụ (mô tả ngắn + số điện thoại) trong nút navy: trắng hơi mờ để phân cấp */
html body .pth-pillar-cta-primary small,
html body .pth-pillar-cta-primary .pth-pillar-cta-sub,
html body .pth-pillar-cta-phone small,
html body .pth-pillar-cta-phone .pth-pillar-cta-sub,
html body .pth-pillar-cta3-call small,
html body .pth-pillar-cta3-call .pth-pillar-cta-sub {
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500 !important;
}

/* Nút cam (CTA form): chữ + mọi text con đều NAVY ĐẬM */
html body .pth-pillar-cta3-form,
html body .pth-pillar-cta3-form * {
  color: #0A1F44 !important;
}

/* === END FIX CTA TEXT === */


/* ============================================================ */
/* === FIX CTA TEXT v2 — tăng specificity để thắng .pth-pillar a === */
/* ============================================================ */
html body a.pth-pillar-cta-primary,
html body a.pth-pillar-cta-primary *,
html body a.pth-pillar-cta-phone,
html body a.pth-pillar-cta-phone *,
html body a.pth-pillar-cta3-call,
html body a.pth-pillar-cta3-call *,
html body .pth-pillar a.pth-pillar-cta-primary,
html body .pth-pillar a.pth-pillar-cta-primary *,
html body .pth-pillar a.pth-pillar-cta-phone,
html body .pth-pillar a.pth-pillar-cta-phone *,
html body .pth-pillar a.pth-pillar-cta3-call,
html body .pth-pillar a.pth-pillar-cta3-call * {
  color: #FFFFFF !important;
}
html body a.pth-pillar-cta3-form,
html body a.pth-pillar-cta3-form *,
html body .pth-pillar a.pth-pillar-cta3-form,
html body .pth-pillar a.pth-pillar-cta3-form * {
  color: #0A1F44 !important;
}
/* === END FIX CTA TEXT v2 === */


/* ============================================================ */
/* === BULLETPROOF CTA TEXT — fix tất cả nút nền navy === */
/* === Selector specificity cực cao để thắng mọi rule khác === */
/* ============================================================ */

/* === NHÓM 1: Mọi nút pth-pillar-cta-* nền navy → chữ TRẮNG === */
html body a[class*="pth-pillar-cta"]:not([class*="cta3-form"]):not([class*="cta3-zalo"]),
html body a[class*="pth-pillar-cta"]:not([class*="cta3-form"]):not([class*="cta3-zalo"]) *,
html body button[class*="pth-pillar-cta"]:not([class*="cta3-form"]):not([class*="cta3-zalo"]),
html body button[class*="pth-pillar-cta"]:not([class*="cta3-form"]):not([class*="cta3-zalo"]) * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* === NHÓM 2: Nút pth-pillar-cta3-form (nền cam) → chữ NAVY ĐẬM === */
html body a.pth-pillar-cta3-form,
html body a.pth-pillar-cta3-form *,
html body .pth-pillar a.pth-pillar-cta3-form,
html body .pth-pillar a.pth-pillar-cta3-form * {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
  opacity: 1 !important;
}

/* === NHÓM 3: Card / link khác có nền navy trên homepage === */
html body a.pth-problem-cta,
html body a.pth-problem-cta *,
html body a.pth-sol-link,
html body a.pth-sol-link * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
}

/* === NHÓM 4: Hủy mọi color override cho text trong nhãn CTA === */
html body .pth-pillar-cta-btn strong,
html body .pth-pillar-cta-btn span,
html body .pth-pillar-cta-btn em,
html body .pth-pillar-cta3 strong,
html body .pth-pillar-cta3 span,
html body .pth-pillar-cta3 em {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* === END BULLETPROOF CTA TEXT === */


/* ============================================================ */
/* === FIX MENU TOP + CHAT ZALO — chữ rõ nét === */
/* ============================================================ */

/* Menu top header: chữ TRẮNG đậm trên gradient navy-vàng nhạt */
html body .nav-top-link,
html body .nav-top a,
html body .header-top .nav-top-link {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
html body .nav-top-link:hover,
html body .nav-top a:hover,
html body .header-top .nav-top-link:hover {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
}

/* Nút Chat Zalo: chữ TRẮNG đậm trên nền xanh Zalo */
html body a.pth-pillar-cta3-zalo,
html body a.pth-pillar-cta3-zalo *,
html body .pth-pillar a.pth-pillar-cta3-zalo,
html body .pth-pillar a.pth-pillar-cta3-zalo *,
html body a[class*="cta3-zalo"],
html body a[class*="cta3-zalo"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* === END FIX MENU TOP + CHAT ZALO === */


/* ============================================================ */
/* === FIX HEADER MAIN MENU — chữ trên gradient header === */
/* === Cần specificity cao hơn html #header .nav > li > a === */
/* ============================================================ */

/* Menu chính header trên trang category: chữ NAVY ĐẬM (specificity 0,2,2 + 1 ID) */
html body #header .nav > li > a,
html body.archive #header .nav > li > a,
html body.tax-product_cat #header .nav > li > a,
html body.post-type-archive-product #header .nav > li > a {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5) !important;
  opacity: 1 !important;
}
html body #header .nav > li > a:hover,
html body.archive #header .nav > li > a:hover,
html body.tax-product_cat #header .nav > li > a:hover,
html body.post-type-archive-product #header .nav > li > a:hover {
  color: #FF8F00 !important;
  -webkit-text-fill-color: #FF8F00 !important;
}

/* Loại bỏ gradient navy sáng ở header trên các trang category → đổi nền nảo trắng sạch để menu rõ */
html body.archive .header,
html body.tax-product_cat .header,
html body.post-type-archive-product .header {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E5E9EC !important;
}

/* === END FIX KHUNG XƯƠNG === */


/* ============================================
   FIX YELLOW HIGHLIGHT FOR CTA & KPI BOXES
   Phuong an A - Yellow accent on navy, orange on white
   ============================================ */

/* === Nhom 1: CTA buttons nen navy - strong text vang === */
html body .pth-pillar-cta-phone strong,
html body .pth-pillar-cta-zalo strong,
html body .pth-pillar-cta3-phone strong,
html body .pth-pillar-cta3-zalo strong,
html body a.pth-pillar-cta-phone strong,
html body a.pth-pillar-cta-zalo strong,
html body a.pth-pillar-cta3-phone strong,
html body a.pth-pillar-cta3-zalo strong,
html body .pth-pillar-cta-btn strong,
html body a.pth-pillar-cta-btn strong {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
}

/* === Nhom 2: KPI nen TRANG (khung-xuong-tui-loc) - strong vang cam === */
html body .pth-kpi strong,
html body div.pth-kpi > strong,
html body .pth-kpi-grid .pth-kpi strong {
  color: #FF8F00 !important;
  -webkit-text-fill-color: #FF8F00 !important;
  font-weight: 800 !important;
}
html body .pth-kpi span,
html body div.pth-kpi > span {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}

/* === Nhom 3: KPI nen NAVY (homepage, van-ru-bui) - so vang, label trang === */
html body .pth-stat strong,
html body .pth-stat .pth-stat-num,
html body .pth-stat-number,
html body .pth-quickfacts strong,
html body .pth-quickfacts .num,
html body .pth-fact strong,
html body .pth-fact-num,
html body .pth-feature strong,
html body .pth-feature-num,
html body .pth-metric strong,
html body .pth-metric-num,
html body .pth-hero-stat strong,
html body .pth-hero-stat-num,
html body .pth-highlight strong,
html body section[class*='pth-'] .stat strong,
html body section[class*='pth-'] .num {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 800 !important;
}
html body .pth-stat span,
html body .pth-stat-label,
html body .pth-quickfacts span,
html body .pth-quickfacts .label,
html body .pth-fact span,
html body .pth-fact-label,
html body .pth-feature span,
html body .pth-feature-label,
html body .pth-metric span,
html body .pth-metric-label,
html body .pth-hero-stat span,
html body .pth-hero-stat-label,
html body .pth-highlight span {
  color: rgba(255,255,255,0.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.92) !important;
}

/* === Fallback rong cho cac box co bg navy + so/text lon === */
html body [class*='pth-'][class*='stat'] [class*='num'],
html body [class*='pth-'][class*='fact'] strong,
html body [class*='pth-'][class*='kpi-navy'] strong,
html body [class*='pth-'][class*='highlight'] strong {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
}


/* ============================================
   FIX YELLOW v2 - Beat inherit override
   Specificity: html body a[class].... *
   ============================================ */
html body a.pth-pillar-cta-btn strong,
html body a.pth-pillar-cta-phone strong,
html body a.pth-pillar-cta-zalo strong,
html body a.pth-pillar-cta-primary strong,
html body a.pth-pillar-cta3 strong,
html body a.pth-pillar-cta3-call strong,
html body a.pth-pillar-cta3-phone strong,
html body a.pth-pillar-cta3-zalo strong,
html body a[class*='pth-pillar-cta'] strong,
html body a[class*='pth-pillar-cta']:not([class*='cta3-form']) strong,
html body div.pth-pillar a[class*='cta'] strong,
html body div.pth-pillar-cta-row a strong,
html body div.pth-pillar-cta-banner a strong {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
  letter-spacing: 0.2px !important;
}

/* Loai tru CTA form (nen trang/sang) - giu navy */
html body a.pth-pillar-cta3-form strong,
html body a[class*='cta3-form'] strong {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}

/* KPI nen trang - tang spec de beat critical css */
html body div.pth-kpi > strong,
html body .pth-kpi-grid > div.pth-kpi > strong,
html body section .pth-kpi > strong {
  color: #FF8F00 !important;
  -webkit-text-fill-color: #FF8F00 !important;
  font-weight: 800 !important;
}


/* ============================================
   FIX YELLOW v3 - MAX SPECIFICITY
   Beat html body a[class*='pth-pillar-cta']:not()... * (0,2,2,2)
   Use 5+ classes/attrs to reach 0,5,1,2
   ============================================ */
html body a.pth-pillar-cta-btn.pth-pillar-cta-phone[href] strong,
html body a.pth-pillar-cta-btn.pth-pillar-cta-zalo[href] strong,
html body a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] strong,
html body a.pth-pillar-cta3.pth-pillar-cta3-call[href] strong,
html body a.pth-pillar-cta3.pth-pillar-cta3-phone[href] strong,
html body a.pth-pillar-cta3.pth-pillar-cta3-zalo[href] strong,
html body a.pth-pillar-cta-phone.pth-pillar-cta-btn strong,
html body a[class*='pth-pillar-cta-phone'][class*='pth-pillar-cta-btn'] strong,
html body a[class*='pth-pillar-cta-zalo'][class*='pth-pillar-cta-btn'] strong,
html body a[class*='pth-pillar-cta-primary'][class*='pth-pillar-cta-btn'] strong,
html body a[class*='pth-pillar-cta3-call'][class*='pth-pillar-cta3'] strong,
html body a[class*='pth-pillar-cta3-phone'][class*='pth-pillar-cta3'] strong,
html body a[class*='pth-pillar-cta3-zalo'][class*='pth-pillar-cta3'] strong,
html body div a[class*='pth-pillar-cta-phone'][href] strong,
html body div a[class*='pth-pillar-cta-zalo'][href] strong,
html body div a[class*='pth-pillar-cta-primary'][href] strong,
html body div a[class*='pth-pillar-cta3-call'][href] strong,
html body div a[class*='pth-pillar-cta3-phone'][href] strong,
html body div a[class*='pth-pillar-cta3-zalo'][href] strong {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* CTA-form van giu navy (nen sang) */
html body a[class*='pth-pillar-cta3-form'][class*='pth-pillar-cta3'] strong,
html body a.pth-pillar-cta3.pth-pillar-cta3-form strong {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}

/* KPI nen TRANG - max specificity */
html body div.pth-kpi[class] > strong,
html body section div.pth-kpi > strong,
html body main div.pth-kpi > strong,
html body .pth-pillar div.pth-kpi > strong,
html body article div.pth-kpi > strong,
html body[class] .pth-kpi > strong {
  color: #FF8F00 !important;
  -webkit-text-fill-color: #FF8F00 !important;
  font-weight: 800 !important;
  font-size: 24px !important;
}


/* FIX YELLOW v4 - CTA3 bg-aware */
html body a.pth-pillar-cta3.pth-pillar-cta3-zalo strong,
html body a[class*='pth-pillar-cta3-zalo'][class*='pth-pillar-cta3'] strong,
html body div a[class*='pth-pillar-cta3-zalo'][href] strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
html body a.pth-pillar-cta3.pth-pillar-cta3-form strong,
html body a[class*='pth-pillar-cta3-form'][class*='pth-pillar-cta3'] strong,
html body div a[class*='pth-pillar-cta3-form'][href] strong,
html body a.pth-rfq-trigger.pth-pillar-cta3.pth-pillar-cta3-form strong {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.4) !important;
}


/* FIX YELLOW v5 - Zalo HIGHER specificity to beat cta3-zalo yellow */
html body a.pth-pillar-cta3.pth-pillar-cta3-zalo[href] strong,
html body a.pth-pillar-cta3.pth-pillar-cta3-zalo[href][class] strong,
html body div.pth-pillar-cta3-row a.pth-pillar-cta3.pth-pillar-cta3-zalo strong,
html body a[class*='pth-pillar-cta3-zalo'][class*='pth-pillar-cta3'][href] strong,
html body a.pth-pillar-cta3-zalo.pth-pillar-cta3[href] strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}


/* ============================================================
   v12 — CHỮ VÀNG cho các ô CTA & KPI trên NỀN NAVY (đồng nhất)
   - a.pth-sol-link (homepage 4 ô "Xem ... →")
   - a.pth-pillar-cta-btn.pth-pillar-cta-primary ("Gửi thông số túi cũ ...")
   - a.pth-pillar-cta-btn.pth-pillar-cta-phone ("Gọi kỹ sư PTH ...")
   - .pth-hero-kpi-num / .pth-hero-kpi-label (KPI strip nền navy)
   Dùng selector specificity cao + !important + cả color lẫn -webkit-text-fill-color
   ============================================================ */

/* 1) Homepage – 4 nút "Xem ... →" trên nền navy */
html body a.pth-sol-link,
html body a.pth-sol-link[href],
html body a.pth-sol-link[href][class],
html body .pth-sol-card a.pth-sol-link,
html body .pth-sol-card a.pth-sol-link[href] {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
}
html body a.pth-sol-link:hover,
html body a.pth-sol-link[href]:hover,
html body .pth-sol-card a.pth-sol-link:hover {
  color: #FFD740 !important;
  -webkit-text-fill-color: #FFD740 !important;
}

/* 2) Nút CTA "Gửi thông số túi cũ ..." (primary navy bg) */
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href],
html body a.pth-pillar-cta-btn.pth-pillar-cta-primary[href],
html body .pth-pillar-cta a.pth-pillar-cta-primary[href] {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 800 !important;
}
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary *,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href] *,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary strong,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href] strong,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary span,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href] span {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
}
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary:hover,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href]:hover {
  color: #FFD740 !important;
  -webkit-text-fill-color: #FFD740 !important;
}
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary:hover *,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href]:hover * {
  color: #FFD740 !important;
  -webkit-text-fill-color: #FFD740 !important;
}

/* 3) Nút CTA "Gọi kỹ sư PTH ..." (phone navy bg) */
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href],
html body a.pth-pillar-cta-btn.pth-pillar-cta-phone[href],
html body .pth-pillar-cta a.pth-pillar-cta-phone[href] {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 800 !important;
}
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone *,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href] *,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone strong,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href] strong,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone span,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href] span {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
}
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone:hover,
html body a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href]:hover {
  color: #FFD740 !important;
  -webkit-text-fill-color: #FFD740 !important;
}

/* 4) KPI strip trên nền navy: số vàng đậm, nhãn vàng sáng */
html body .pth-hero-kpi .pth-hero-kpi-num,
html body .pth-hero-kpi-num,
html body .pth-kpi-strip .pth-kpi-num,
html body .pth-hero-kpi-card .pth-hero-kpi-num {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 800 !important;
}
html body .pth-hero-kpi .pth-hero-kpi-label,
html body .pth-hero-kpi-label,
html body .pth-kpi-strip .pth-kpi-label,
html body .pth-hero-kpi-card .pth-hero-kpi-label {
  color: #FFE082 !important;
  -webkit-text-fill-color: #FFE082 !important;
}

/* 4) Card pain-points border-left xanh lá → cam */
body.page-id-11 [style*="border-left:4px solid #1a6b3a"],
body.page-id-11 [style*="border-left: 4px solid #1a6b3a"],
body.page-id-11 [style*="border-left:4px solid rgb(26,107,58)"] {
  border-left-color: #FF8F00 !important;
}

/* 6) Vòng tròn số 1/2/3/4 + panel gradient xanh lá → gradient NAVY */
body.page-id-11 [style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"],
body.page-id-11 [style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] {
  background: linear-gradient(135deg, #0A1F44, #1B3470) !important;
  box-shadow: 0 6px 22px rgba(10, 31, 68, 0.28) !important;
}

/* 14) Exception: H4/p TRONG panel gradient (sau khi đổi sang navy) → vàng + trắng */
body.page-id-11 [style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] h2,
body.page-id-11 [style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] h3,
body.page-id-11 [style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] h4,
body.page-id-11 [style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] h2,
body.page-id-11 [style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] h3,
body.page-id-11 [style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] h4 {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
}
body.page-id-11 [style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] p,
body.page-id-11 [style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* v15 — Đoạn mô tả (.pth-pillar-lead) trong hero NAVY → VÀNG ĐẬM */
html body .pth-pillar-hero .pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
html body .pth-pillar-hero p.pth-pillar-lead {
  color: #FFC107 !important;
  -webkit-text-fill-color: #FFC107 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}
html body .pth-pillar-hero .pth-pillar-lead strong,
html body .pth-pillar-hero .pth-pillar-lead b {
  color: #FFD740 !important;
  -webkit-text-fill-color: #FFD740 !important;
  font-weight: 800 !important;
}


/* v16 — .pth-pillar-lead: căn GIỮA + thu max-width để hiển thị đẹp 2 dòng */
html body .pth-pillar-hero .pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
html body .pth-pillar-hero p.pth-pillar-lead {
  text-align: center !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.6 !important;
}
@media (max-width: 768px) {
  html body .pth-pillar-hero .pth-pillar-lead {
    max-width: 92% !important;
    font-size: 15px !important;
  }
}


/* v17 — Refine .pth-pillar-lead: wrap thành đúng 2 dòng */
html body .pth-pillar-hero .pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
html body .pth-pillar-hero p.pth-pillar-lead {
  text-align: center !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 32px !important;
  margin-bottom: 0 !important;
  line-height: 1.7 !important;
  padding: 0 24px !important;
}
@media (max-width: 900px) {
  html body .pth-pillar-hero .pth-pillar-lead {
    max-width: 95% !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
  }
}


/* === v18: Tăng cỡ chữ .pth-pillar-lead (Phương án A) === */
html body .pth-pillar-hero .pth-pillar-lead,
html body .pth-pillar-lead {
  font-size: 21px !important;
  line-height: 1.7 !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  padding: 0 24px !important;
}
@media (max-width: 900px) {
  html body .pth-pillar-hero .pth-pillar-lead,
  html body .pth-pillar-lead {
    max-width: 95% !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
  }
}


/* === v19: Override max-width cho 2 dòng (sử selector cao hơn v17) === */
html body .pth-pillar-hero .pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
html body .pth-pillar-hero p.pth-pillar-lead {
  max-width: 1040px !important;
  font-size: 21px !important;
  line-height: 1.7 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
}
@media (max-width: 900px) {
  html body .pth-pillar-hero .pth-pillar-lead,
  html body section.pth-pillar-hero .pth-pillar-lead,
  html body .pth-pillar-hero p.pth-pillar-lead {
    max-width: 95% !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
  }
}


/* === v20: Đúng 2 dòng cho font-size 21px === */
html body .pth-pillar-hero .pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
html body .pth-pillar-hero p.pth-pillar-lead {
  max-width: 1140px !important;
}


/* === PTH B2B FLOW CUSTOM (P1+Hover) === */
/* Phương án 1: gradient navy + accent vàng cam, đồng bộ trang chủ */
/* + Hover effect: vòng tròn đổi nền vàng cam, nâng lên, đổ bóng */

.pth-flow {
  background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  padding: 60px 0;
}

.pth-flow .pth-sec-head h2 {
  color: #1B2A5E;
  font-weight: 800;
  letter-spacing: -0.5px;
}

.pth-flow .pth-sec-head p {
  color: #5A6478;
}

/* Đường nối "dòng chảy quy trình" - vàng cam nhạt */
.pth-flow .pth-flow-line,
.pth-flow .pth-flow-step::after,
.pth-flow .pth-flow-step::before {
  border-color: rgba(245, 166, 35, 0.6) !important;
  background-image: linear-gradient(90deg, rgba(245,166,35,0.6) 50%, transparent 50%) !important;
}

/* Vòng tròn chính: gradient navy có chiều sâu + viền vàng cam */
.pth-flow .pth-flow-circle {
  background: linear-gradient(135deg, #1B2A5E 0%, #1B3D7A 100%) !important;
  border: 2px solid #E0A21A !important;
  box-shadow: 0 6px 18px rgba(27, 42, 94, 0.25);
  transition: all 200ms ease;
  position: relative;
}

/* Icon trắng, kích thước rõ */
.pth-flow .pth-flow-icon {
  color: #ffffff;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
  transition: transform 200ms ease;
}

/* Badge số 01-06: nền vàng cam, chữ trắng */
.pth-flow .pth-flow-num {
  background: #E0A21A !important;
  color: #ffffff !important;
  font-weight: 800;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 6px rgba(245, 166, 35, 0.45);
  transition: all 200ms ease;
}

/* Tiêu đề & mô tả bước */
.pth-flow .pth-flow-title {
  color: #1B2A5E;
  font-weight: 700;
}

.pth-flow .pth-flow-desc {
  color: #5A6478;
}

/* Card nền nhẹ để bước nổi bật hơn */
.pth-flow .pth-flow-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 2px 10px rgba(27, 42, 94, 0.06);
  transition: all 200ms ease;
}

/* ====== HOVER EFFECT (Phương án 3) ====== */
.pth-flow .pth-flow-step {
  transition: transform 200ms ease;
}

.pth-flow .pth-flow-step:hover {
  transform: translateY(-4px);
}

.pth-flow .pth-flow-step:hover .pth-flow-circle {
  background: linear-gradient(135deg, #E0A21A 0%, #F8B84E 100%) !important;
  border-color: #1B2A5E !important;
  box-shadow: 0 10px 25px rgba(245, 166, 35, 0.4);
  transform: scale(1.05);
}

.pth-flow .pth-flow-step:hover .pth-flow-icon {
  transform: scale(1.1);
}

.pth-flow .pth-flow-step:hover .pth-flow-num {
  background: #1B2A5E !important;
  color: #ffffff !important;
  border-color: #E0A21A;
  box-shadow: 0 2px 8px rgba(27, 42, 94, 0.45);
}

.pth-flow .pth-flow-step:hover .pth-flow-card {
  box-shadow: 0 8px 22px rgba(27, 42, 94, 0.12);
}

.pth-flow .pth-flow-step:hover .pth-flow-title {
  color: #F5A623;
}

/* Mobile tinh chỉnh */
@media (max-width: 767px) {
  .pth-flow { padding: 40px 0; }
  .pth-flow .pth-flow-circle { box-shadow: 0 4px 12px rgba(27, 42, 94, 0.2); }
}
/* === END PTH B2B FLOW CUSTOM === */


/* === PTH B2B FLOW CARD UPGRADE (P1) === */
/* Nâng cấp card chữ 6 bước: tiêu đề rõ + gạch chân cam + viền trên navy */

.pth-flow .pth-flow-card {
  background: #ffffff !important;
  border-radius: 12px !important;
  border-top: 3px solid #1B2A5E !important;
  padding: 20px 18px 18px !important;
  box-shadow:
    0 1px 2px rgba(27, 42, 94, 0.06),
    0 6px 18px rgba(27, 42, 94, 0.08) !important;
  transition: all 200ms ease !important;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.pth-flow .pth-flow-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1B2A5E !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.2px;
  position: relative;
  padding-bottom: 10px;
  display: inline-block;
}

/* Gạch chân vàng cam dưới tiêu đề */
.pth-flow .pth-flow-title::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 28px;
  height: 3px;
  background: #E0A21A;
  border-radius: 2px;
  transition: all 200ms ease;
}

.pth-flow .pth-flow-desc {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #5A6478 !important;
  margin: 0 !important;
  font-weight: 400;
}

/* HOVER: card sáng lên, viền trên đổi vàng cam, gạch chân dài ra */
.pth-flow .pth-flow-step:hover .pth-flow-card {
  border-top-color: #E0A21A !important;
  box-shadow:
    0 2px 4px rgba(27, 42, 94, 0.08),
    0 12px 28px rgba(27, 42, 94, 0.14) !important;
  transform: translateY(-2px);
}

.pth-flow .pth-flow-step:hover .pth-flow-title {
  color: #1B2A5E !important;
}

.pth-flow .pth-flow-step:hover .pth-flow-title::after {
  width: 48px;
  background: #1B2A5E;
}

/* Mobile */
@media (max-width: 767px) {
  .pth-flow .pth-flow-card {
    padding: 16px 14px 14px !important;
  }
  .pth-flow .pth-flow-title {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }
  .pth-flow .pth-flow-desc {
    font-size: 13.5px !important;
  }
}
/* === END PTH B2B FLOW CARD UPGRADE === */


/* === PTH B2B FLOW CARD BG (P1) === */
/* Tăng nền card sang navy nhạt #EEF2FA (gradient) cho hài hòa với chữ navy */

.pth-flow .pth-flow-card {
  background: linear-gradient(180deg, #F4F7FC 0%, #E8EEF8 100%) !important;
  border-top: 3px solid #1B2A5E !important;
  box-shadow:
    0 1px 2px rgba(27, 42, 94, 0.05),
    0 4px 14px rgba(27, 42, 94, 0.07) !important;
}

/* Mô tả tăng độ tương phản nhẹ trên nền mới */
.pth-flow .pth-flow-desc {
  color: #4A5468 !important;
}

/* HOVER: chuyển sang trắng sáng + viền trên cam - tạo hiệu ứng "kích hoạt" */
.pth-flow .pth-flow-step:hover .pth-flow-card {
  background: #FFFFFF !important;
  border-top-color: #E0A21A !important;
  box-shadow:
    0 2px 4px rgba(27, 42, 94, 0.08),
    0 14px 32px rgba(27, 42, 94, 0.16) !important;
  transform: translateY(-3px);
}

.pth-flow .pth-flow-step:hover .pth-flow-desc {
  color: #5A6478 !important;
}
/* === END PTH B2B FLOW CARD BG === */


/* === PTH INDUSTRY CARDS (P1) === */
/* Đồng bộ với card B2B: navy nhạt + viền trên navy + icon-circle vàng cam + bullet cam */

.pth-industry {
  background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  padding: 60px 0;
}

.pth-industry .pth-sec-head h2 {
  color: #1B2A5E;
  font-weight: 800;
  letter-spacing: -0.5px;
}
.pth-industry .pth-sec-head p {
  color: #5A6478;
}

/* ===== Card ngành ===== */
.pth-industry .pth-ind-card {
  background: linear-gradient(180deg, #F4F7FC 0%, #E8EEF8 100%) !important;
  border: 1px solid rgba(27, 42, 94, 0.08) !important;
  border-top: 3px solid #1B2A5E !important;
  border-radius: 12px !important;
  padding: 24px 22px 22px !important;
  box-shadow:
    0 1px 2px rgba(27, 42, 94, 0.05),
    0 6px 18px rgba(27, 42, 94, 0.07) !important;
  transition: all 200ms ease !important;
  position: relative;
  overflow: hidden;
}

/* ===== Icon container - vòng tròn navy gradient + viền cam ===== */
.pth-industry .pth-ind-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #1B2A5E 0%, #1B3D7A 100%) !important;
  border: 2px solid #E0A21A !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
  box-shadow: 0 4px 12px rgba(27, 42, 94, 0.2);
  filter: grayscale(0.2) brightness(1.05);
  transition: all 200ms ease;
}

/* Tiêu đề ngành */
.pth-industry .pth-ind-card h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1B2A5E !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.2px;
  position: relative;
  padding-bottom: 10px;
  display: inline-block;
}
.pth-industry .pth-ind-card h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 3px;
  background: #E0A21A;
  border-radius: 2px;
  transition: all 200ms ease;
}

/* List + bullet vàng cam */
.pth-industry .pth-ind-card ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pth-industry .pth-ind-card ul li {
  position: relative;
  padding-left: 18px !important;
  margin: 0 0 8px 0 !important;
  color: #4A5468 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  list-style: none !important;
}
.pth-industry .pth-ind-card ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #E0A21A;
  box-shadow: 0 0 0 2px rgba(245, 166, 35, 0.18);
}
.pth-industry .pth-ind-card ul li:last-child {
  margin-bottom: 0 !important;
}

/* ===== HOVER ===== */
.pth-industry .pth-ind-card:hover {
  background: #ffffff !important;
  border-top-color: #E0A21A !important;
  box-shadow:
    0 2px 4px rgba(27, 42, 94, 0.08),
    0 14px 32px rgba(27, 42, 94, 0.16) !important;
  transform: translateY(-3px);
}
.pth-industry .pth-ind-card:hover .pth-ind-icon {
  background: linear-gradient(135deg, #E0A21A 0%, #F8B84E 100%) !important;
  border-color: #1B2A5E !important;
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(245, 166, 35, 0.35);
}
.pth-industry .pth-ind-card:hover h3::after {
  width: 48px;
  background: #1B2A5E;
}

/* Mobile */
@media (max-width: 767px) {
  .pth-industry { padding: 40px 0; }
  .pth-industry .pth-ind-card {
    padding: 20px 18px 18px !important;
  }
  .pth-industry .pth-ind-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 24px !important;
  }
  .pth-industry .pth-ind-card h3 {
    font-size: 17px !important;
  }
}
/* === END PTH INDUSTRY CARDS === */


/* === PTH INDUSTRY ICON CLEAN === */
/* Giữ emoji nguyên màu (nhận diện ngành tự nhiên) trên nền navy gradient */
.pth-industry .pth-ind-icon {
  filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
/* === END ICON CLEAN === */


/* === PTH PROBLEMS CARDS (P1) === */
/* 7 card pain-point: viền trái cam (warning), icon trong vòng cam nhạt */
/* + 1 card CTA cuối: gradient navy + nút pill cam "Tư vấn ngay" */

.pth-problems {
  background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  padding: 60px 0;
}

.pth-problems .pth-problem-heading {
  color: #1B2A5E;
  font-weight: 800;
  letter-spacing: -0.5px;
}
.pth-problems .pth-warn-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #E0A21A;
  color: #ffffff !important;
  font-weight: 800;
  margin-right: 10px;
  box-shadow: 0 4px 10px rgba(245, 166, 35, 0.35);
}
.pth-problems .pth-accent-red {
  color: #F5A623 !important;
}
.pth-problems-intro {
  color: #4A5468 !important;
  line-height: 1.65 !important;
}

/* ===== Card vấn đề (7 card đầu) ===== */
.pth-problems .pth-problem-card {
  background: linear-gradient(180deg, #F4F7FC 0%, #E8EEF8 100%) !important;
  border: 1px solid rgba(27, 42, 94, 0.08) !important;
  border-left: 4px solid #E0A21A !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  box-shadow:
    0 1px 2px rgba(27, 42, 94, 0.05),
    0 6px 18px rgba(27, 42, 94, 0.06) !important;
  transition: all 200ms ease !important;
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
}

/* Icon container - vòng tròn cam nhạt */
.pth-problems .pth-prob-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FEF3E2 !important;
  border: 1.5px solid rgba(245, 166, 35, 0.4) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  margin-bottom: 14px !important;
  transition: all 200ms ease !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.08);
}

/* Tiêu đề */
.pth-problems .pth-problem-card strong {
  display: block !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: #1B2A5E !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.2px;
}

/* Mô tả (text node sau strong) */
.pth-problems .pth-problem-card {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #4A5468 !important;
}

/* Loai bo line-break thua cho gon */
.pth-problems .pth-problem-card br {
  display: none;
}

/* HOVER card vấn đề */
.pth-problems .pth-problem-card:hover {
  background: #ffffff !important;
  border-left-width: 6px !important;
  border-left-color: #E89412 !important;
  box-shadow:
    0 2px 4px rgba(27, 42, 94, 0.08),
    0 14px 32px rgba(27, 42, 94, 0.14) !important;
  transform: translateY(-3px);
}
.pth-problems .pth-problem-card:hover .pth-prob-icon {
  background: linear-gradient(135deg, #E0A21A 0%, #F8B84E 100%) !important;
  border-color: #E0A21A !important;
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(245, 166, 35, 0.35);
}

/* ===== Card CTA cuối: navy đậm + pill cam ===== */
.pth-problems .pth-problem-card.pth-problem-cta {
  background: linear-gradient(135deg, #1B2A5E 0%, #1B3D7A 100%) !important;
  border: none !important;
  border-left: 4px solid #E0A21A !important;
  box-shadow:
    0 4px 12px rgba(27, 42, 94, 0.18),
    0 12px 28px rgba(27, 42, 94, 0.2) !important;
  color: #ffffff !important;
  position: relative;
  padding-bottom: 56px !important;
}
.pth-problems .pth-problem-cta .pth-prob-icon {
  background: rgba(245, 166, 35, 0.18) !important;
  border-color: #E0A21A !important;
}
.pth-problems .pth-problem-cta strong {
  color: #ffffff !important;
  font-size: 17px !important;
  position: relative;
  padding-bottom: 10px;
  display: inline-block !important;
}
.pth-problems .pth-problem-cta strong::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 3px;
  background: #E0A21A;
  border-radius: 2px;
}
.pth-problems .pth-problem-cta {
  color: #D9DFEC !important;
}
/* Pill button "Tư vấn ngay" */
.pth-problems .pth-problem-cta::after {
  content: 'Tư vấn ngay  →';
  position: absolute;
  left: 22px;
  bottom: 18px;
  display: inline-block;
  padding: 9px 18px;
  background: #E0A21A;
  color: #1B2A5E;
  font-weight: 700;
  font-size: 13px;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(245, 166, 35, 0.35);
  transition: all 0.3s ease;
  letter-spacing: 0.2px;
}
.pth-problems .pth-problem-cta:hover {
  transform: translateY(-3px);
  box-shadow:
    0 6px 16px rgba(27, 42, 94, 0.25),
    0 18px 36px rgba(27, 42, 94, 0.28) !important;
}
.pth-problems .pth-problem-cta:hover::after {
  background: #F8B84E;
  box-shadow: 0 6px 18px rgba(245, 166, 35, 0.5);
  transform: translateX(4px);
}

/* Mobile */
@media (max-width: 767px) {
  .pth-problems { padding: 40px 0; }
  .pth-problems .pth-problem-card {
    padding: 18px 18px !important;
  }
  .pth-problems .pth-prob-icon {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
  }
  .pth-problems .pth-problem-card strong {
    font-size: 16px !important;
  }
}
/* === END PTH PROBLEMS CARDS === */


/* === PTH PROBLEMS FIX === */
/* Ẩn mũi tên trang trí ở 7 card vấn đề (decorative gây nhầm clickable) */
.pth-problems .pth-problem-card:not(.pth-problem-cta)::after {
  content: '' !important;
  display: none !important;
}

/* CTA card: dùng ::before làm pill button (vì ::after bị theme override) */
.pth-problems .pth-problem-card.pth-problem-cta::after {
  content: 'Tư vấn ngay  →' !important;
  display: inline-block !important;
  position: absolute !important;
  left: 22px !important;
  right: auto !important;
  top: auto !important;
  bottom: 18px !important;
  padding: 9px 18px !important;
  background: #E0A21A !important;
  color: #1B2A5E !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(245, 166, 35, 0.35) !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0.2px !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
}
.pth-problems .pth-problem-card.pth-problem-cta:hover::after {
  background: #F8B84E !important;
  box-shadow: 0 6px 18px rgba(245, 166, 35, 0.5) !important;
  transform: translateX(4px) !important;
}
/* === END PTH PROBLEMS FIX === */


/* === PTH TRUST STATS (P1) === */
/* Dải stats nền navy gradient + 2 số lớn vàng cam + 4 icon-circle cam */

.pth-trust {
  padding: 50px 0;
  background: transparent;
}

.pth-trust .pth-trust-grid {
  background: linear-gradient(135deg, #15224d 0%, #1B2A5E 45%, #1B3D7A 100%) !important;
  border-radius: 18px !important;
  padding: 44px 36px !important;
  box-shadow:
    0 10px 30px rgba(27, 42, 94, 0.18),
    0 24px 60px rgba(27, 42, 94, 0.22) !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 0 !important;
  position: relative;
  overflow: hidden;
}

/* Vân sáng cam mờ trang trí góc phải */
.pth-trust .pth-trust-grid::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -10%;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(245, 166, 35, 0.18) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.pth-trust .pth-trust-grid::after {
  content: '';
  position: absolute;
  bottom: -40%;
  left: -10%;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(245, 166, 35, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Item ===== */
.pth-trust .pth-trust-item {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 6px 14px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 200ms ease;
}
.pth-trust .pth-trust-item:last-child {
  border-right: none;
}

/* 2 item đầu: số khổng lồ vàng cam gradient */
.pth-trust .pth-trust-item:nth-child(1) .pth-trust-num,
.pth-trust .pth-trust-item:nth-child(2) .pth-trust-num {
  font-size: 60px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #FDD56A 0%, #E0A21A 50%, #E89412 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(0 4px 16px rgba(245, 166, 35, 0.45));
  margin-bottom: 10px !important;
  letter-spacing: -2px;
  display: block;
}

/* 4 item sau: icon trong vòng tròn cam gradient + glow */
.pth-trust .pth-trust-item:nth-child(n+3) .pth-trust-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 14px auto !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #E0A21A 0%, #F8B84E 100%) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  box-shadow:
    0 0 0 4px rgba(245, 166, 35, 0.15),
    0 8px 24px rgba(245, 166, 35, 0.35);
  text-shadow: 0 1px 3px rgba(0,0,0,0.18);
  transition: all 200ms ease;
}

/* Label trắng đậm */
.pth-trust .pth-trust-label {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.1px;
  padding: 0 6px;
}

/* Số 10+/500+ : label đậm hơn 1 chút */
.pth-trust .pth-trust-item:nth-child(1) .pth-trust-label,
.pth-trust .pth-trust-item:nth-child(2) .pth-trust-label {
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* HOVER */
.pth-trust .pth-trust-item:hover {
  transform: translateY(-4px);
}
.pth-trust .pth-trust-item:nth-child(n+3):hover .pth-trust-num {
  transform: scale(1.08);
  box-shadow:
    0 0 0 6px rgba(245, 166, 35, 0.22),
    0 12px 32px rgba(245, 166, 35, 0.5);
}
.pth-trust .pth-trust-item:nth-child(1):hover .pth-trust-num,
.pth-trust .pth-trust-item:nth-child(2):hover .pth-trust-num {
  filter: drop-shadow(0 4px 22px rgba(245, 166, 35, 0.7));
  transform: scale(1.04);
}

/* Tablet */
@media (max-width: 991px) {
  .pth-trust .pth-trust-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px 0 !important;
    padding: 36px 24px !important;
  }
  .pth-trust .pth-trust-item {
    border-right: none;
  }
  .pth-trust .pth-trust-item:nth-child(3n) {
    border-right: none;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .pth-trust { padding: 30px 0; }
  .pth-trust .pth-trust-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 28px 18px !important;
    border-radius: 14px !important;
  }
  .pth-trust .pth-trust-item:nth-child(1) .pth-trust-num,
  .pth-trust .pth-trust-item:nth-child(2) .pth-trust-num {
    font-size: 44px !important;
  }
  .pth-trust .pth-trust-item:nth-child(n+3) .pth-trust-num {
    width: 54px !important;
    height: 54px !important;
    font-size: 26px !important;
  }
  .pth-trust .pth-trust-label {
    font-size: 13px !important;
  }
}
/* === END PTH TRUST STATS === */


/* === PTH TRUST STATS FIX === */
/* Override nen trang & border cua theme cho moi item */
.pth-trust .pth-trust-item {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.pth-trust .pth-trust-item:last-child {
  border-right: none !important;
}

/* Label dam hon, contrast cao tren nen navy */
.pth-trust .pth-trust-label {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
/* === END TRUST FIX === */


/* === PTH PROBLEMS HEADING & INTRO FIX FINAL2 === */

/* Heading: chu thu nho 1 chut + tang max-width container de "?" khong xuong dong */
.pth-problems .pth-problem-heading {
  font-size: 28px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  color: #1B2A5E !important;
  text-align: center;
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 15px;
}

/* Span accent + dau ? sat nhau: span nowrap va dau ? duoc giu trong cum */
.pth-problems .pth-problem-heading .pth-accent-red {
  white-space: nowrap;
  color: #F5A623 !important;
  font-weight: 800 !important;
}

/* Trick: dung pseudo de them dau "?" ngay sau cum cam, nowrap voi span */
/* Va dau "?" goc duoc che bang margin-left am cua phan tu ke tiep - khong kha thi */
/* => Don gian la chap nhan font-size nho hon, dau ? se tu nam canh cum cam */

/* Intro paragraph - lam ro, dam */
.pth-problems .pth-problems-intro {
  color: #1B2A5E !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  opacity: 1 !important;
  max-width: 920px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobile */
@media (max-width: 767px) {
  .pth-problems .pth-problem-heading {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
  .pth-problems .pth-problems-intro {
    font-size: 15px !important;
    line-height: 1.65 !important;
    padding: 0 14px;
  }
}
/* === END PROBLEMS FIX FINAL2 === */


/* === PTH PROBLEMS HEADING TINY TWEAK === */
/* Keo dau "?" sat hon cum cam, va to mau cam cho dau ? cho dong bo */
.pth-problems .pth-problem-heading {
  letter-spacing: 0;
}
.pth-problems .pth-problem-heading .pth-accent-red {
  margin-right: -2px;
}
/* === END TINY TWEAK === */


/* === PTH GIOITHIEU CTA BUTTONS (P1) === */
/* 2 nut CTA trang Gioi thieu: primary cam + secondary glass trang */
/* Selector cu the trong banner cua page Gioi thieu de tranh anh huong button khac */

/* Nut PRIMARY - "LIEN HE TU VAN NGAY" - cam vang gradient */
.page-id-2 .banner-layers a.button.success,
body .banner-layers a.button.success.is-shade.is-large,
.banner-layers a.button.success {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 52px !important;
  min-height: 52px !important;
  line-height: 1 !important;
  padding: 0 36px !important;
  background: linear-gradient(135deg, #E0A21A 0%, #F8B84E 100%) !important;
  background-color: #E0A21A !important;
  color: #1B2A5E !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow:
    0 4px 14px rgba(245, 166, 35, 0.45),
    0 8px 28px rgba(245, 166, 35, 0.25) !important;
  text-shadow: none !important;
  transition: all 200ms ease !important;
  position: relative;
  overflow: hidden;
}

/* Icon dien thoai truoc chu o nut primary */
.banner-layers a.button.success::before {
  content: '260E';  /* unicode phone */
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  line-height: 1;
  color: #1B2A5E;
  font-weight: 700;
}

/* HOVER primary */
.banner-layers a.button.success:hover {
  background: linear-gradient(135deg, #F8B84E 0%, #FDD56A 100%) !important;
  background-color: #F8B84E !important;
  color: #1B2A5E !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 6px 18px rgba(245, 166, 35, 0.55),
    0 14px 38px rgba(245, 166, 35, 0.35) !important;
}

/* Nut SECONDARY - "XEM SAN PHAM" - glass trang ban trong suot */
.banner-layers a.button.white.is-outline,
.banner-layers a.button.white.is-outline.is-large {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 52px !important;
  min-height: 52px !important;
  line-height: 1 !important;
  padding: 0 32px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  transition: all 200ms ease !important;
}

/* Mui ten sau chu o nut secondary */
.banner-layers a.button.white.is-outline::after {
  content: ' 2192';  /* unicode arrow right */
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 700;
  transition: transform 0.3s ease;
}

/* HOVER secondary */
.banner-layers a.button.white.is-outline:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  background-color: rgba(255, 255, 255, 0.22) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28) !important;
}
.banner-layers a.button.white.is-outline:hover::after {
  transform: translateX(4px);
}

/* Khoang cach giua 2 nut (neu can) */
.banner-layers .text-inner p a.button + a.button {
  margin-left: 12px;
}

/* Mobile */
@media (max-width: 600px) {
  .banner-layers a.button.success,
  .banner-layers a.button.white.is-outline {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 22px !important;
    font-size: 13px !important;
    letter-spacing: 0.4px !important;
  }
  .banner-layers a.button.success::before { font-size: 16px; margin-right: 8px; }
  .banner-layers a.button.white.is-outline::after { font-size: 16px; margin-left: 8px; }
}
/* === END PTH GIOITHIEU CTA MODERN V2 === */


/* === PTH GIOITHIEU TOGGLE BUTTONS V6 (Modern Clean - Fixed ugly active state) === */
/* Buttons "Xem them ..." tren trang Gioi thieu - thiet ke hien dai, chuyen nghiep */

html body a.pth-toggle-btn,
html body .pth-toggle-wrap a.pth-toggle-btn,
html body.page-id-11 a.pth-toggle-btn,
html body.page-id-11 .pth-toggle-wrap a.pth-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 290px !important;
  max-width: 360px !important;
  height: 52px !important;
  padding: 0 60px 0 24px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #1b2a5e !important;
  border: 1.5px solid #e8ecf4 !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-align: left !important;
  box-shadow: 0 2px 8px rgba(27,42,94,.06), 0 1px 2px rgba(27,42,94,.04) !important;
  text-shadow: none !important;
  transition: all .28s cubic-bezier(.2,.7,.3,1) !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 8px 0 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

/* Tat bo khoi trang ben phai (::before) - khong can nua */
html body a.pth-toggle-btn::before,
html body.page-id-11 a.pth-toggle-btn::before {
  content: "" !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  width: 0 !important;
}

/* Vong tron mui ten cam */
html body a.pth-toggle-btn::after,
html body.page-id-11 a.pth-toggle-btn::after {
  content: "→" !important;
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: linear-gradient(135deg, #ff9a2e 0%, #E0A21A 100%) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  transition: all .28s cubic-bezier(.2,.7,.3,1) !important;
  box-shadow: 0 4px 12px rgba(245,166,35,.35) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  text-shadow: none !important;
}

/* Hover - nang nhe, vien cam, chu cam */
html body a.pth-toggle-btn:hover,
html body .pth-toggle-wrap a.pth-toggle-btn:hover,
html body.page-id-11 a.pth-toggle-btn:hover,
html body.page-id-11 .pth-toggle-wrap a.pth-toggle-btn:hover {
  background: #ffffff !important;
  background-image: none !important;
  color: #f5a623 !important;
  border-color: #E0A21A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(245,166,35,.18), 0 2px 6px rgba(27,42,94,.08) !important;
  font-weight: 600 !important;
}

html body a.pth-toggle-btn:hover::before,
html body.page-id-11 a.pth-toggle-btn:hover::before {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  width: 0 !important;
}

html body a.pth-toggle-btn:hover::after,
html body.page-id-11 a.pth-toggle-btn:hover::after {
  background: linear-gradient(135deg, #E0A21A 0%, #ff8a00 100%) !important;
  color: #ffffff !important;
  transform: translateY(-50%) translateX(3px) !important;
  box-shadow: 0 6px 16px rgba(245,166,35,.5) !important;
  text-shadow: none !important;
}

/* Active (click) - KHONG con nen vang xau nua */
html body a.pth-toggle-btn:active,
html body.page-id-11 a.pth-toggle-btn:active {
  background: #ffffff !important;
  background-image: none !important;
  color: #f5a623 !important;
  border-color: #E0A21A !important;
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(245,166,35,.18) !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body a.pth-toggle-btn:active::after,
html body.page-id-11 a.pth-toggle-btn:active::after {
  transform: translateY(-50%) translateX(2px) scale(.96) !important;
  background: linear-gradient(135deg, #e89010 0%, #E0A21A 100%) !important;
}

/* Focus - sach se voi vong sang cam mong */
html body a.pth-toggle-btn:focus,
html body.page-id-11 a.pth-toggle-btn:focus{
  outline: none !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #1b2a5e !important;
  border-color: #E0A21A !important;
  box-shadow: 0 0 0 3px rgba(245,166,35,.18), 0 4px 12px rgba(27,42,94,.08) !important;
}

/* Visited - giu nguyen */
html body a.pth-toggle-btn:visited,
html body.page-id-11 a.pth-toggle-btn:visited {
  color: #1b2a5e !important;
  background: #ffffff !important;
  background-image: none !important;
}

@media (max-width: 600px) {
  html body a.pth-toggle-btn,
  html body.page-id-11 a.pth-toggle-btn,
  html body.page-id-11 .pth-toggle-wrap a.pth-toggle-btn {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    padding: 0 54px 0 18px !important;
    font-size: 12.5px !important;
  }
  html body a.pth-toggle-btn::after,
  html body.page-id-11 a.pth-toggle-btn::after {
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
    right: 7px !important;
  }
  html body.page-id-11 .pth-toggle-wrap {
    text-align: center !important;
  }
}
/* === END PTH GIOITHIEU TOGGLE BUTTONS V6 === */


/* === PTH STEP CIRCLES V1 (Modern 3D - "Vi sao nha may" & "Quy trinh tu van") === */
/* Vong tron so 1,2,3,4 trong 2 muc - thiet ke hien dai voi gradient va gloss effect */

/* Target circles in "Vi sao nha may nen chon PTH" section */
html body #section_1890275456 .col-inner > div > div:first-child > div:first-child {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  font-size: 22px !important;
  background: linear-gradient(135deg, #1b2a5e 0%, #1B3D7A 50%, #1b2a5e 100%) !important;
  background-image: linear-gradient(135deg, #1b2a5e 0%, #1B3D7A 50%, #1b2a5e 100%) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  position: relative !important;
  box-shadow:
    0 10px 24px rgba(27, 42, 94, 0.32),
    0 3px 6px rgba(27, 42, 94, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -3px 8px rgba(0, 0, 0, 0.18) !important;
  transition: all 200ms cubic-bezier(0.2, 0.7, 0.3, 1) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  z-index: 2 !important;
  overflow: visible !important;
}

/* Target circles in "Quy trinh tu van" section (64px) */
html body #section_743855533 .col-inner > div > div:first-child {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  font-size: 26px !important;
  background: linear-gradient(135deg, #1b2a5e 0%, #1B3D7A 50%, #1b2a5e 100%) !important;
  background-image: linear-gradient(135deg, #1b2a5e 0%, #1B3D7A 50%, #1b2a5e 100%) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  position: relative !important;
  margin: 0 auto 16px !important;
  box-shadow:
    0 10px 24px rgba(27, 42, 94, 0.32),
    0 3px 6px rgba(27, 42, 94, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -3px 8px rgba(0, 0, 0, 0.18) !important;
  transition: all 200ms cubic-bezier(0.2, 0.7, 0.3, 1) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  z-index: 2 !important;
  overflow: visible !important;
}

/* Gloss highlight phia tren cho ca 2 muc */
html body #section_1890275456 .col-inner > div > div:first-child > div:first-child::after,
html body #section_743855533 .col-inner > div > div:first-child::after {
  content: "" !important;
  position: absolute !important;
  top: 5px !important;
  left: 10px !important;
  right: 10px !important;
  height: 30% !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
}

/* Halo cam mo khi hover */
html body #section_1890275456 .col-inner > div > div:first-child > div:first-child::before,
html body #section_743855533 .col-inner > div > div:first-child::before {
  content: "" !important;
  position: absolute !important;
  inset: -5px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(245,166,35,0.4) 0%, rgba(245,166,35,0) 70%) !important;
  z-index: -1 !important;
  opacity: 0 !important;
  transition: opacity 200ms ease !important;
}

/* Card style - them vien va transition */
html body #section_1890275456 .col-inner > div,
html body #section_743855533 .col-inner > div {
  border: 1px solid rgba(27, 42, 94, 0.06) !important;
  transition: all 200ms cubic-bezier(0.2, 0.7, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Dai gradient tren mep card khi hover */
html body #section_1890275456 .col-inner > div::before,
html body #section_743855533 .col-inner > div::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #1b2a5e 0%, #E0A21A 50%, #1b2a5e 100%) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 200ms cubic-bezier(0.2, 0.7, 0.3, 1) !important;
  border-radius: 14px 14px 0 0 !important;
  z-index: 1 !important;
}

/* Hover card - nang card va doi mau vien */
html body #section_1890275456 .col-inner > div:hover,
html body #section_743855533 .col-inner > div:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(245, 166, 35, 0.32) !important;
  box-shadow:
    0 20px 40px rgba(27, 42, 94, 0.14),
    0 5px 12px rgba(27, 42, 94, 0.08) !important;
}

html body #section_1890275456 .col-inner > div:hover::before,
html body #section_743855533 .col-inner > div:hover::before {
  transform: scaleX(1) !important;
}

/* Hover - vong tron chuyen sang gradient cam */
html body #section_1890275456 .col-inner > div:hover > div:first-child > div:first-child,
html body #section_743855533 .col-inner > div:hover > div:first-child {
  transform: translateY(-3px) scale(1.06) !important;
  background: linear-gradient(135deg, #E0A21A 0%, #ff8a00 50%, #E0A21A 100%) !important;
  background-image: linear-gradient(135deg, #E0A21A 0%, #ff8a00 50%, #E0A21A 100%) !important;
  box-shadow:
    0 16px 32px rgba(245, 166, 35, 0.5),
    0 4px 10px rgba(245, 166, 35, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -3px 8px rgba(0, 0, 0, 0.15) !important;
}

html body #section_1890275456 .col-inner > div:hover > div:first-child > div:first-child::before,
html body #section_743855533 .col-inner > div:hover > div:first-child::before {
  opacity: 1 !important;
}

/* Vong tron Quy trinh tu van - giu margin 0 auto khi hover */
html body #section_743855533 .col-inner > div:hover > div:first-child {
  margin: 0 auto 16px !important;
}
/* === END PTH STEP CIRCLES V1 === */


/* === PTH TABLE CENTER FIX (Cancn giua bang ứng dụng) === */
html body .pth-table-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* === END PTH TABLE CENTER FIX === */


/* === PTH CAM KET 4 DUNG 1 DONG HANH V2 === */
/* Cancn giua + "4 Dung + 1 Dong hanh" nowrap (cung 1 hang) */

html body #section_715976382 .text p,
html body #section_715976382 div.text p {
  text-align: center !important;
  text-justify: auto !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

html body #section_715976382 .text p strong,
html body #section_715976382 p strong {
  color: #f5a623 !important;
  font-weight: 800 !important;
  font-size: 1.35em !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 1px 2px rgba(245, 166, 35, 0.18) !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

@media (max-width: 600px) {
  html body #section_715976382 .text p,
  html body #section_715976382 div.text p {
    max-width: 340px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: center !important;
  }
  html body #section_715976382 .text p strong,
  html body #section_715976382 p strong {
    font-size: 1.2em !important;
  }
}
/* === END PTH FOOTER TITLE COLOR FIX V2 === */

/* === PTH YELLOW TEXT V1 === */
/* Header bảng Ứng dụng ngành công nghiệp */
html body .pth-table-wrap table th,
html body .pth-table-wrap thead th,
html body .pth-table-wrap thead tr th {
  color: #FFB000 !important;
  -webkit-text-fill-color: #FFB000 !important;
}

/* Menu dòng chân trang (absolute-footer) */
html body footer .absolute-footer .footer-text a,
html body footer .absolute-footer a,
html body footer .absolute-footer .footer-secondary a {
  color: #FFB000 !important;
  -webkit-text-fill-color: #FFB000 !important;
  transition: opacity .2s ease;
}
html body footer .absolute-footer a:hover {
  color: #FFD060 !important;
  -webkit-text-fill-color: #FFD060 !important;
  opacity: .9;
}
/* === END PTH YELLOW TEXT V1 === */

/* === PTH PILLAR LEAD V3 === */
html body section.pth-pillar-hero p.pth-pillar-lead,
html body .pth-pillar-hero p.pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
html body div.pth-pillar-hero p.pth-pillar-lead,
html body .pth-pillar-lead {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-align: justify !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  hyphens: auto;
  text-justify: inter-word;
}
html body section.pth-pillar-hero p.pth-pillar-lead strong,
html body .pth-pillar-hero p.pth-pillar-lead strong,
html body .pth-pillar-lead strong,
html body .pth-pillar-lead b {
  color: #f5a623 !important;
  -webkit-text-fill-color: #f5a623 !important;
  font-weight: 700 !important;
}
/* === END PTH PILLAR LEAD V3 === */

/* === PTH KPI CARD V3 === */
html body .pth-kpis .pth-kpi,
html body div.pth-kpi[class],
html body section div.pth-kpi,
html body main div.pth-kpi {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 4px !important;
  padding: 12px 12px !important;
  color: #555555 !important;
  -webkit-text-fill-color: #555555 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
html body div.pth-kpi[class] > strong,
html body section div.pth-kpi > strong,
html body main div.pth-kpi > strong,
html body .pth-pillar div.pth-kpi > strong,
html body article div.pth-kpi > strong,
html body[class] .pth-kpi > strong,
html body .pth-kpis .pth-kpi strong,
html body .pth-kpi strong {
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 0 2px 0 !important;
}
/* === END PTH KPI CARD V3 === */


/* === FIX màu chữ đoạn intro các trang sản phẩm (Van rũ bụi, Màng van, Túi lọc, Khung xương) === */
.pth-pillar-lead { color: #222222 !important; }
.pth-pillar-lead strong { color: #f57c00 !important; font-weight: 700 !important; }


/* === FIX căn chỉnh các ô KPI (badge boxes) ở trang sản phẩm === */
.pth-kpis { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 14px !important; }
.pth-kpi { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 18px 14px !important; min-height: 110px !important; line-height: 1.45 !important; gap: 6px !important; }
.pth-kpi strong { display: block !important; font-size: 22px !important; line-height: 1.2 !important; color: #f57c00 !important; margin: 0 !important; }
@media (max-width: 767px) { .pth-kpis { grid-template-columns: repeat(2, 1fr) !important; } .pth-kpi { min-height: 100px !important; } .pth-kpi strong { font-size: 19px !important; } }


/* === FIX màu chữ các nút CTA chính (Primary + Phone) - đồng nhất chữ trắng === */
html body a.pth-pillar-cta-btn.pth-pillar-cta-primary[href],
html body a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] *,
html body a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] strong,
html body a.pth-pillar-cta-btn.pth-pillar-cta-phone[href],
html body a.pth-pillar-cta-btn.pth-pillar-cta-phone[href] *,
html body a.pth-pillar-cta-btn.pth-pillar-cta-phone[href] strong,
body[class*="term-"] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href],
body[class*="term-"] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] *,
body[class*="term-"] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] strong,
body[class*="term-"] a.pth-pillar-cta-btn.pth-pillar-cta-phone[href],
body[class*="term-"] a.pth-pillar-cta-btn.pth-pillar-cta-phone[href] *,
body[class*="term-"] a.pth-pillar-cta-btn.pth-pillar-cta-phone[href] strong,
body[class*="term-"] a.pth-rfq-trigger.pth-pillar-cta-btn.pth-pillar-cta-primary[href],
body[class*="term-"] a.pth-rfq-trigger.pth-pillar-cta-btn.pth-pillar-cta-primary[href] *,
body[class*="term-"] a.pth-rfq-trigger.pth-pillar-cta-btn.pth-pillar-cta-primary[href] strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  text-decoration: none !important;
}


/* === Đồng nhất màu nền hero các trang subcategory giống van-asco === */
html body .pth-hero,
html body section.pth-hero,
html body div.pth-hero,
body[class*="term-"] .pth-hero {
  background: linear-gradient(135deg, #0a1f44 0%, #1b2561 100%) !important;
  background-image: linear-gradient(135deg, #0a1f44 0%, #1b2561 100%) !important;
  color: #ffffff !important;
}


/* === Trang chủ: nổi bật 4 mục pth-closer-perks (Tư vấn / Báo giá / CO-CQ / Bảo hành) === */
html body .pth-closer-perks li {
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
html body .pth-closer-perks .pth-closer-check {
  background: #ffc107 !important;
  color: #0a1f44 !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
  flex-shrink: 0 !important;
}
@media (max-width: 767px) {
  html body .pth-closer-perks li { font-size: 14.5px !important; }
}

/* === PTH pillar-lead on dark hero === */
html body .pth-pillar-hero .pth-pillar-lead,
html body section.pth-pillar-hero .pth-pillar-lead,
body[class*="page-"] .pth-pillar-hero .pth-pillar-lead {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}
html body .pth-pillar-hero .pth-pillar-lead strong,
html body section.pth-pillar-hero .pth-pillar-lead strong,
body[class*="page-"] .pth-pillar-hero .pth-pillar-lead strong {
  color: #ffc107 !important;
  -webkit-text-fill-color: #ffc107 !important;
  font-weight: 700 !important;
}
/* === END PTH pillar-lead on dark hero === */


/* === Vị trí nút Zalo + Điện thoại - PTH === */
#button-contact-vr {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: 18px !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
}
#button-contact-vr,
#button-contact-vr * {
  overflow: visible !important;
  animation: none !important;
  transition: none !important;
}
#button-contact-vr #gom-all-in-one {
  display: flex !important;
  flex-direction: row !important;
  gap: 22px !important;
  align-items: center !important;
}
#button-contact-vr .button-contact {
  position: relative !important;
  margin: 0 !important;
  width: 54px !important;
  height: 54px !important;
}
#button-contact-vr .phone-vr {
  width: 54px !important;
  height: 54px !important;
  position: relative !important;
}
#button-contact-vr .phone-vr-img-circle {
  width: 54px !important;
  height: 54px !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22) !important;
  z-index: 3 !important;
  border: 0 !important;
  display: block !important;
  position: relative !important;
}
#button-contact-vr #zalo-vr .phone-vr-img-circle { background: #2962ff !important; }
#button-contact-vr #phone-vr .phone-vr-img-circle { background: #e53935 !important; }
#button-contact-vr .phone-vr-img-circle img,
#button-contact-vr .phone-vr-img-circle noscript { display: none !important; }
#button-contact-vr .phone-vr-img-circle a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
#button-contact-vr #zalo-vr .phone-vr-img-circle a::before,
#button-contact-vr #phone-vr .phone-vr-img-circle a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
#button-contact-vr #zalo-vr .phone-vr-img-circle a::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M24%204C12.954%204%204%2011.835%204%2021.5c0%205.49%202.88%2010.36%207.4%2013.55-.36%201.86-1.32%204.49-2.84%206.59-.42.58.06%201.4.78%201.31%204.06-.52%207.43-2.36%209.34-3.7%201.7.36%203.49.55%205.32.55%2011.046%200%2020-7.835%2020-17.5S35.046%204%2024%204z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 28px 28px;
}
#button-contact-vr #phone-vr .phone-vr-img-circle a::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M19.23%2015.26l-2.54-.29a1.5%201.5%200%200%200-1.34.43l-1.84%201.84a14%2014%200%200%201-6.14-6.14l1.84-1.84a1.5%201.5%200%200%200%20.43-1.34l-.29-2.54A1.5%201.5%200%200%200%207.86%204H5.06A1.49%201.49%200%200%200%203.57%205.5C3.57%2013%209%2018.43%2016.5%2018.43A1.49%201.49%200%200%200%2018%2016.94v-2.8a1.5%201.5%200%200%200-1.31-1.5z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 26px 26px;
}
#button-contact-vr #zalo-vr .phone-vr-img-circle::after,
#button-contact-vr #phone-vr .phone-vr-img-circle::after {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) !important;
  background: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 10 !important;
}
#button-contact-vr #zalo-vr .phone-vr-img-circle::after {
  content: "Chat Zalo" !important;
  color: #2962ff !important;
}
#button-contact-vr #phone-vr .phone-vr-img-circle::after {
  content: "Hotline" !important;
  color: #e53935 !important;
}
#button-contact-vr #zalo-vr .phone-vr-img-circle a::after,
#button-contact-vr #phone-vr .phone-vr-img-circle a::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 4px) !important;
  transform: translateX(-50%) rotate(45deg) !important;
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  box-shadow: 2px 2px 4px rgba(0,0,0,.08) !important;
  z-index: 9 !important;
}
#button-contact-vr .phone-vr-circle-fill {
  display: none !important;
}
/* === End === */


/* === FIX: Secondary CTA button text visibility === */
body.single-post .entry-content a.pth-post-cta-btn-secondary,
body.single-post .pth-post-cta-buttons a.pth-post-cta-btn-secondary {
  color: #ffffff !important;
}
body.single-post .entry-content a.pth-post-cta-btn-secondary:hover,
body.single-post .pth-post-cta-buttons a.pth-post-cta-btn-secondary:hover {
  color: #ffffff !important;
}
 

/* n nhn "Chat Zalo" v "Hotline" trn nt floating */
#zalo-vr .phone-vr-img-circle::after,
#phone-vr .phone-vr-img-circle::after {
	  display: none !important;
	  content: "" !important;
}


/* === PTH unify pillar text color (2026-05-15 v2) === */
/* Đồng bộ màu chữ paragraph block hero và các block body cho khớp nhau */
html body[class] .pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead,
html body[class] section.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead,
html body[class] div.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead,
html body[class] .pth-pillar-hero .pth-pillar-lead.pth-pillar-lead,
html body[class] p.pth-pillar-lead.pth-pillar-lead,
html body[class] .pth-pillar-lead.pth-pillar-lead {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}
html body[class] .pth-pillar-hero p.pth-pillar-lead strong,
html body[class] .pth-pillar-hero p.pth-pillar-lead b,
html body[class] p.pth-pillar-lead strong,
html body[class] p.pth-pillar-lead b,
html body[class] .pth-pillar-lead strong,
html body[class] .pth-pillar-lead b {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}
/* Đồng bộ màu H2 hero (pth-db-h2) với H2 các section bên dưới */
html body[class] .term-description h2.pth-db-h2,
html body[class] .pth-pillar-hero h2.pth-db-h2,
html body[class] section.pth-pillar-hero h2.pth-db-h2 {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}


/* === PTH pillar CTA align homepage palette (2026-05-15 v2) === */
/* Đồng bộ màu CTA các trang trụ cột với palette trang chủ */

/* PRIMARY: Gửi yêu cầu báo giá → gradient cam, chữ navy */
html body[class] a.pth-pillar-cta-primary[href],
html body[class] a.pth-pillar-cta-primary[href]:link,
html body[class] a.pth-pillar-cta-primary[href]:visited,
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href],
html body[class] .pth-pillar-cta-primary[href],
html body[class] button.pth-pillar-cta-primary {
  background: linear-gradient(135deg, #FF8A00 0%, #FFB800 100%) !important;
  background-color: #FF8A00 !important;
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(255, 138, 0, 0.28) !important;
  border: 0 !important;
}
html body[class] a.pth-pillar-cta-primary[href] *,
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] *,
html body[class] .pth-pillar-cta-primary[href] * {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}
html body[class] a.pth-pillar-cta-primary[href]:hover,
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href]:hover,
html body[class] .pth-pillar-cta-primary[href]:hover {
  background: linear-gradient(135deg, #FF8A00 0%, #FFB800 100%) !important;
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(255, 138, 0, 0.38) !important;
  filter: brightness(1.03) !important;
}

/* PHONE: Gọi kỹ sư tư vấn → gradient cam-vàng, chữ trắng */
html body[class] a.pth-pillar-cta-phone[href],
html body[class] a.pth-pillar-cta-phone[href]:link,
html body[class] a.pth-pillar-cta-phone[href]:visited,
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-phone[href],
html body[class] .pth-pillar-cta-phone[href] {
  background: linear-gradient(135deg, #FF7A00 0%, #E0A21A 55%, #FFB949 100%) !important;
  background-color: #FF7A00 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(255, 122, 0, 0.28) !important;
  border: 0 !important;
}
html body[class] a.pth-pillar-cta-phone[href] *,
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-phone[href] *,
html body[class] .pth-pillar-cta-phone[href] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body[class] a.pth-pillar-cta-phone[href]:hover,
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-phone[href]:hover,
html body[class] .pth-pillar-cta-phone[href]:hover {
  background: linear-gradient(135deg, #FF7A00 0%, #E0A21A 55%, #FFB949 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(255, 122, 0, 0.38) !important;
  filter: brightness(1.05) !important;
}

/* Bộ CTA 3 nút phụ - nút Gọi ngay đồng bộ palette phone */
html body[class] a.pth-pillar-cta3-call[href],
html body[class] .pth-pillar-cta3-call[href] {
  background: linear-gradient(135deg, #FF7A00 0%, #E0A21A 55%, #FFB949 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 122, 0, 0.25) !important;
}
html body[class] a.pth-pillar-cta3-call[href]:hover,
html body[class] .pth-pillar-cta3-call[href]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(255, 122, 0, 0.35) !important;
  filter: brightness(1.05) !important;
}


/* === PTH PILLAR CTA BANNER - Hài hòa với trang chủ (Navy + Orange) === */
/* Nút 1: Gửi yêu cầu báo giá - giữ màu cam ấm chủ đạo */
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href],
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-primary[href],
html body[class] .pth-pillar-cta-banner .pth-pillar-cta-primary {
  background: linear-gradient(135deg, #FF8A00 0%, #FFB800 100%) !important;
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
  box-shadow: 0 6px 18px rgba(255, 138, 0, 0.32) !important;
  border: 0 !important;
}
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href] strong,
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-primary[href] strong {
  color: #0A1F44 !important;
  -webkit-text-fill-color: #0A1F44 !important;
}
html body[class] a.pth-pillar-cta-btn.pth-pillar-cta-primary[href]:hover,
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-primary[href]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(255, 138, 0, 0.42) !important;
  filter: brightness(1.04) !important;
}

/* Nút 2: Gọi kỹ sư tư vấn - đổi sang màu xanh navy đồng bộ với trang chủ */
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-phone[href],
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-phone[href]:link,
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-phone[href]:visited,
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-btn.pth-pillar-cta-phone[href],
html body[class] .pth-pillar-cta-banner .pth-pillar-cta-phone[href] {
  background: linear-gradient(135deg, #0A1F44 0%, #1B3470 100%) !important;
  background-color: #0A1F44 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(10, 31, 68, 0.32) !important;
  border: 1px solid rgba(255, 184, 0, 0.35) !important;
}
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-phone[href] strong,
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-phone[href] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body[class] .pth-pillar-cta-banner a.pth-pillar-cta-phone[href]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(10, 31, 68, 0.45) !important;
  filter: brightness(1.08) !important;
  border-color: rgba(255, 184, 0, 0.6) !important;
}
/* === HẾT PTH PILLAR CTA BANNER === */


/* === PTH HOMEPAGE SOLUTION BUTTONS - Đồng bộ chiều cao === */
html body .pth-sol-link {
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
/* === HẾT PTH HOMEPAGE SOLUTION BUTTONS === */


/* PTH HOMEPAGE SOL LINKS: da go 21/09/2026 - thu thuat content/pseudo khong can thiet,
   4 nut deu 209x76px va chu tu xuong dong dung. Giu chu that trong HTML de AI/Google doc duoc. */


/* === [FIX] Mobile off-canvas menu — remove default browser bullet/disc === */
body #main-menu ul,
body #main-menu ol,
body .mobile-sidebar ul,
body .mobile-sidebar ol,
body #main-menu .nav-sidebar,
body #main-menu .nav-sidebar li,
body #main-menu .nav,
body #main-menu .nav li,
body #main-menu .children,
body #main-menu .sub-menu {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
body #main-menu li::marker,
body .mobile-sidebar li::marker {
  content: '' !important;
  display: none !important;
  font-size: 0 !important;
}
body #main-menu li::before,
body .mobile-sidebar li::before {
  content: none !important;
}

/* === Fix m ch m t Trung tm Ti liu (page-id-5106) === */
html body[class] .pth-pillar-hero p.pth-pillar-lead,
html body[class] section.pth-pillar-hero p.pth-pillar-lead,
html body[class] .pth-pillar-hero .pth-pillar-lead,
html body[class] p.pth-pillar-lead,
html body[class] .pth-pillar-lead {
	  color: #ffffff !important;
	  -webkit-text-fill-color: #ffffff !important;
	  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
	  opacity: 1 !important;
	  font-weight: 500 !important;
}
html body[class] .pth-pillar-hero p.pth-pillar-lead strong,
html body[class] .pth-pillar-hero p.pth-pillar-lead b,
html body[class] p.pth-pillar-lead strong,
html body[class] p.pth-pillar-lead b,
html body[class] .pth-pillar-lead strong,
html body[class] .pth-pillar-lead b {
	  color: #ffc107 !important;
	  -webkit-text-fill-color: #ffc107 !important;
	  font-weight: 700 !important;
}

}
}
/* === FIX mờ chữ mô tả Trung tâm Tài liệu (override max-specificity) === */
html body[class] .pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead,
html body[class] section.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead,
html body[class] div.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead,
html body[class] .pth-pillar-hero .pth-pillar-lead.pth-pillar-lead,
html body[class] p.pth-pillar-lead.pth-pillar-lead,
html body[class] .pth-pillar-lead.pth-pillar-lead {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}
html body[class] .pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead strong,
html body[class] .pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead b,
html body[class] p.pth-pillar-lead.pth-pillar-lead strong,
html body[class] p.pth-pillar-lead.pth-pillar-lead b,
html body[class] .pth-pillar-lead.pth-pillar-lead strong,
html body[class] .pth-pillar-lead.pth-pillar-lead b {
  color: #ffc107 !important;
  -webkit-text-fill-color: #ffc107 !important;
  font-weight: 700 !important;
}

/* === B2B: Hide WooCommerce Cart & Account UI (non-needed for quote-based site) === */
/* Hide add-to-cart buttons in product loops (fallback if override fails) */
.woocommerce-loop-product__link .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .button.add_to_cart_button,
form.cart,
.single_add_to_cart_button,
.wc-proceed-to-checkout,
.cart-collaterals,
.woocommerce-cart-form {
  display: none !important;
}

/* Hide WC login/register/lost-password forms */
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword,
form.lost_reset_password,
.woocommerce-MyAccount-navigation,
.woocommerce-notices-wrapper .woocommerce-info:not(.pth-keep) {
  display: none !important;
}

/* Hide cart & account icon in Flatsome header (safety net) */
.header-cart,
.nav-cart,
.ux-nav-cart,
.woocommerce-cart-link,
a.cart-contents,
.mini-cart,
.wc-menu-cart {
  display: none !important;
}


/* Fix taxonomy description text color on dark background */
.archive-page-header .taxonomy-description p {
	  color: #ffffff !important;
	  opacity: 1 !important;
}
}

/* Hide Zalo + Phone floating buttons */
#button-contact-vr {
	  display: none !important;
}
}


/* === PTH Onesource Grid Layout Fix === */
.pth-onesource-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.pth-onesource-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  margin-top: 32px;
  align-items: stretch;
}

.pth-onesrc-item {
  flex: 1 1 0;
  min-width: 0;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pth-onesrc-icon {
  font-size: 28px;
  line-height: 1;
  display: block;
  margin-bottom: 4px;
}

.pth-onesrc-item h3 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.pth-onesrc-item p {
  margin: 0;
  font-size: 14px;
  color: rgba(255,255,255,0.78);
  line-height: 1.5;
}

.pth-onesrc-item p:empty {
  display: none;
}

.pth-onesrc-item a {
  color: #f5c400;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  margin-top: auto;
  display: inline-block;
}

.pth-onesrc-item a:hover {
  text-decoration: underline;
}

/* Responsive: 2 cols on tablet */
@media (max-width: 900px) {
  .pth-onesource-grid {
    flex-wrap: wrap;
  }
  .pth-onesrc-item {
    flex: 1 1 calc(50% - 10px);
    min-width: calc(50% - 10px);
  }
}

/* Responsive: 1 col on mobile */
@media (max-width: 500px) {
  .pth-onesrc-item {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

/* Why section grid */
.pth-onesource-why {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 20px;
  margin-top: 32px;
}

.pth-why-item {
  font-size: 14px;
  color: rgba(255,255,255,0.82);
  padding-left: 18px;
  position: relative;
  line-height: 1.5;
}

.pth-why-item::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #f5c400;
  font-weight: 700;
}

@media (max-width: 767px) {
  .pth-onesource-why {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .pth-onesource-why {
    grid-template-columns: 1fr;
  }
}

/* CTA section */
.pth-onesource-cta {
  margin-top: 36px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

/* === PTH CTA buttons fix: one row, professional styling === */
.pth-onesource-cta {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.pth-onesource-cta br { display: none; }
.pth-btn-usp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2e9b4e, #1f8a40);
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 26px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(31,138,64,.35);
  letter-spacing: .2px;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease, color .2s ease;
}
.pth-btn-usp:hover {
  background: linear-gradient(135deg, #34ad57, #249049);
  box-shadow: 0 6px 18px rgba(31,138,64,.45);
  transform: translateY(-1px);
  color: #ffffff;
}
.pth-btn-usp-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.06);
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 24px;
  border: 1.5px solid rgba(255,255,255,.55);
  border-radius: 8px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.pth-btn-usp-ghost:hover {
  background: rgba(255,255,255,.14);
  border-color: #ffffff;
  color: #ffffff;
}


/* === PTH one-source: Section heading area readability fix === */
.pth-onesource .pth-onesource-head { text-align: center; }
.pth-onesource .pth-usp-label {
  display: inline-block;
  color: #ffd166;
  background: rgba(255,209,102,.12);
  border: 1px solid rgba(255,209,102,.45);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 14px;
}
.pth-onesource .pth-onesource-head > h2 {
  margin: 6px 0 14px;
}
.pth-onesource .pth-onesource-head > p {
  color: rgba(255,255,255,.85);
  font-size: 16px;
  line-height: 1.7;
  max-width: 840px;
  margin: 0 auto;
}
.pth-onesource .pth-onesource-head > p strong {
  color: #ffd166;
}

/* PTH-CLS-START */
.pth-hero-photo{aspect-ratio:1/1;height:auto;}
.pth-hero-photo-wrap,.pth-hero-media{min-height:0;}
img.pth-showcase,.pth-cat-showcase img{aspect-ratio:16/10;height:auto;object-fit:cover;}
/* PTH-CLS-END */


/* ===== PTH-HEADER-FIT-2026-08 : gọn menu header + ẩn English trùng (chữ to, nút CTA xuống hàng dưới) ===== */
.header-nav-main.nav-right .menu-item-8818{display:none !important;}
.header-nav-main.nav-right.nav-spacing-xlarge > li{margin:0 8px !important;}
.header-nav-main.nav-right.nav-size-medium > li > a{letter-spacing:0 !important;}
/* ===== END PTH-HEADER-FIT-2026-08 ===== */


/* ===== PTH-HERO-H1-MOBILE-2026-08 : ngắt dòng tiêu đề hero trên mobile ===== */
.pth-h1-mbr{display:inline;}
@media (max-width:549px){
  .page-id-4669 .pth-hero-text h1{font-size:clamp(17px,5.4vw,23px) !important;line-height:1.32 !important;}
  .page-id-4669 .pth-hero-text{padding-left:2px !important;padding-right:2px !important;}
  .pth-h1-mbr{display:inline;}
  .pth-h1-dash{display:none;}
}
/* ===== END PTH-HERO-H1-MOBILE-2026-08 ===== */


/* ===== PTH-HEADER-MOBILE-RANGE-2026-08 : dùng header hamburger cho khoảng 850-1199px (menu ngang không đủ chỗ) ===== */
@media (min-width:850px) and (max-width:1199px){
  .header-main .flex-col.hide-for-medium{display:none !important;}
  .header-main .flex-col.show-for-medium{display:block !important;}
}
/* ===== END PTH-HEADER-MOBILE-RANGE-2026-08 ===== */


/* ===== PTH-VSEC-STYLE-2026-08 : khoi video san pham dung chung ===== */
.pth-vsec{background:#EEF2F7;padding:52px 16px;margin:26px auto;border-radius:14px;max-width:1000px}
.pth-vsec .pth-vsec-wrap{max-width:900px;margin:0 auto;text-align:center}
.pth-vsec .pth-vsec-eyebrow{display:block;color:#8A6410;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}
.pth-vsec .pth-vsec-title{color:#0A1F44;font-size:25px;line-height:1.25;font-weight:800;margin:0 0 10px}
.pth-vsec .pth-vsec-sub{color:#334155;font-size:15.5px;line-height:1.6;max-width:720px;margin:0 auto 22px}
.pth-vsec .pth-vsec-frame{position:relative;width:100%;max-width:840px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 16px 44px rgba(10,31,68,.16);background:#000;aspect-ratio:16/9}
.pth-vsec .pth-vsec-frame video,.pth-vsec .pth-vsec-frame iframe{position:absolute !important;inset:0;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:block;object-fit:cover;border:0}
@media(max-width:600px){.pth-vsec{padding:34px 12px}.pth-vsec .pth-vsec-title{font-size:19px}}
/* ===== END PTH-VSEC-STYLE-2026-08 ===== */

/* ===== PTH-CTA-FIX-2026-08 : nen o CTA gon hon + chu trang tren o xanh ===== */
.pth-mp .pth-cta-box > div,.pth-mp .pth-cta-box > a{min-height:0 !important;padding:14px 16px !important}
.pth-mp .pth-cta-box > div br,.pth-mp .pth-cta-box > a br{display:none !important}
.pth-mp .pth-cta-icon{width:34px !important;height:34px !important;margin-bottom:4px !important}
.pth-mp .pth-cta-primary .pth-cta-title{font-size:16px !important;margin:2px 0 !important}
.pth-mp .pth-cta-primary small{font-size:12px !important;line-height:1.4 !important}
.pth-mp .pth-cta-secondary strong{margin:2px 0 !important}
.pth-mp .pth-cta-secondary a{font-size:20px !important;margin:0 !important}
.pth-mp .pth-cta-secondary em{font-size:11px !important;margin-top:2px !important}
.pth-mp .pth-cta-call,.pth-mp .pth-cta-call *,.pth-mp .pth-cta-zalo,.pth-mp .pth-cta-zalo *{color:#fff !important}
/* ===== END PTH-CTA-FIX-2026-08 ===== */
/* PTH-TABLE-MOBILE-INLINE-2026-08 */
@media(max-width:767px){
.pth-pillar-table tbody td:not(:first-child){display:flex!important;flex-wrap:wrap!important;column-gap:8px!important;row-gap:2px!important;align-items:baseline!important;padding:9px 14px!important;margin:0!important;text-align:left!important}
.pth-pillar-table tbody td:not(:first-child)::before{content:attr(data-label)!important;display:inline!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;flex:0 0 auto!important;white-space:nowrap!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.3px!important;color:#6b7280!important}
.pth-pillar-table tbody td:not(:first-child)>*{flex:1 1 auto!important;min-width:0!important}
}

/* PTH-CALLOUT-TIP-CONTRAST-2026-08 (v2: nâng độ ưu tiên để thắng rule .single-product .woocommerce-Tabs-panel p / .single-post .entry-content p) */
.pth-callout-tip.pth-callout-tip.pth-callout-tip,.pth-callout-tip.pth-callout-tip.pth-callout-tip p,.pth-callout-tip.pth-callout-tip.pth-callout-tip li,.pth-callout-tip.pth-callout-tip.pth-callout-tip span,.pth-callout-tip.pth-callout-tip.pth-callout-tip strong,.pth-callout-tip.pth-callout-tip.pth-callout-tip b,.pth-callout-tip.pth-callout-tip.pth-callout-tip em,.pth-callout-tip.pth-callout-tip.pth-callout-tip i,.pth-callout-tip.pth-callout-tip.pth-callout-tip h2,.pth-callout-tip.pth-callout-tip.pth-callout-tip h3,.pth-callout-tip.pth-callout-tip.pth-callout-tip h4,.pth-callout-tip.pth-callout-tip.pth-callout-tip small,.pth-callout-tip.pth-callout-tip.pth-callout-tip td,.pth-callout-tip.pth-callout-tip.pth-callout-tip th{color:#ffffff!important}
.pth-callout-tip.pth-callout-tip.pth-callout-tip a,.pth-callout-tip.pth-callout-tip.pth-callout-tip a:visited{color:#FFD24D!important;text-decoration:underline}
.pth-callout-tip.pth-callout-tip.pth-callout-tip li::marker{color:#FFD24D!important}


/* ===== PTH-ORANGE-CONTRAST-2026-08 =====
   Lam dam cam CHI cho chu tren nen SANG de dat WCAG AA 4.5:1.
   KHONG dung den nen/vien, KHONG dung den cam tren nen toi (.pth-asco-hero, .pth-asco-cta...). */
/* 1. Menu mobile - muc dang xem (cu #f59e0b tren #f7faf8 = 2.04:1) */
html body #main-menu .nav-sidebar > li.menu-item > a:hover,
html body #main-menu .nav-sidebar > li.current-menu-item > a{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 2. Menu header khi ro chuot (cu #ff8f00 tren gradient sang) */
html body #header .nav > li > a:hover{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 3. KPI nen trang (cu #ff8f00/#f57c00 tren trang = 2.29:1) */
html body .pth-kpi.pth-kpi strong,
html body div.pth-kpi.pth-kpi > strong,
html body .pth-kpi-grid .pth-kpi.pth-kpi strong{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 4. Cau dan pillar (cu #f5a623/#f57c00 tren trang = 3.19:1) */
html body .pth-pillar-lead.pth-pillar-lead strong,
html body section.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead strong{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 5. Link 'Xem datasheet' (cu #f5a623 tren trang = 2.57:1) */
html body a.pth-flip-hint.pth-flip-hint{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 6. Eyebrow video (cu #f58400 tren #f4f7f5 = 2.38:1) */
html body .pth-vsec .pth-vsec-eyebrow,
html body .pth-vd-eyebrow{color:#8A6410 !important;-webkit-text-fill-color:#8A6410 !important}
/* 7. Cau trich trang Gioi thieu (cu #f5a623 tren trang = 2.03:1) */
html body #section_715976382 .text p strong,
html body #section_715976382 p strong{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 8. Dau * bat buoc trong form (cu #e74c3c tren trang = 3.82:1) */
html body .pth-uc-req.pth-uc-req{color:#C0392B !important;-webkit-text-fill-color:#C0392B !important}
/* PTH-ORANGE-CONTRAST-2026-08b: rule cu dung body[class*=tax-product_cat] nen spec cao hon -> nang len */
html body[class] .pth-pillar-hero.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead.pth-pillar-lead strong,
html body[class] .pth-pillar-hero.pth-pillar-hero p.pth-pillar-lead.pth-pillar-lead.pth-pillar-lead b{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* PTH-ORANGE-CONTRAST-2026-08c */
/* 9. Link 'Xem datasheet' tren the san pham trang chu (cu #f58400 tren trang = 2.57:1) */
html body.page-id-4669 .pth-prod-card.pth-flip .pth-flip-front .pth-flip-hint.pth-flip-hint,
html body .pth-prod-card.pth-flip .pth-flip-front .pth-flip-hint.pth-flip-hint{color:#B45309 !important;-webkit-text-fill-color:#B45309 !important}
/* 10. So thu tu 01/02/03 tren vong tron cam: chu trang bi de len (2.03:1) -> tra ve navy nhu rule goc (8.0:1). Khong doi mau nen. */
html body .pth-flow .pth-flow-num.pth-flow-num{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* PTH-ORANGE-CONTRAST-2026-08d: chu TRANG tren nen CAM -> doi chu sang navy, GIU NGUYEN nen */
/* 11. Badge 'EMERSON' trong H2 trang ASCO (trang tren #f97316 = 2.80:1 -> navy = 5.80:1) */
html body .pth-asco-h2 small{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* 12. Nhan 'TIN TUC' tren the tin (trang tren #ff8a00 = 2.36:1 -> navy = 6.4:1) */
html body .pth-news-tag.pth-news-tag{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* 13. Ngay dang tren the tin (xam #7a8699 = 3.69:1 -> #5b6577 = 5.88:1) */
html body .pth-news-date.pth-news-date{color:#5b6577 !important;-webkit-text-fill-color:#5b6577 !important}
/* PTH-ORANGE-CONTRAST-2026-08e: rule cu (.pth-news-card .pth-news-img ... / body.page-id-4669 ...) co spec cao hon -> nang len */
html body[class] .pth-news-card .pth-news-img .pth-news-tag.pth-news-tag.pth-news-tag,
html body[class] .pth-news-grid .pth-news-tag.pth-news-tag.pth-news-tag,
html body[class] .pth-news-tag.pth-news-tag.pth-news-tag{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
html body[class].page-id-4669 .pth-news-date.pth-news-date.pth-news-date,
html body[class] .pth-news-card .pth-news-date.pth-news-date.pth-news-date,
html body[class] .pth-news-date.pth-news-date.pth-news-date{color:#5b6577 !important;-webkit-text-fill-color:#5b6577 !important}
/* PTH-QUICKVIEW-CONTRAST-2026-08: nut 'Xem nhanh' bi mau link xanh la #1a6b3a tren nen navy = 2.48:1 -> chu trang */
html body .image-tools a.quick-view,
html body a.quick-view.quick-view,
html body .product-small a.quick-view{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
/* PTH-LP-CONTRAST-2026-08 */
/* A. th trong .pth-table-wrap bi ep chu VANG #FFB000 !important nhung mot so bang KHONG nhan duoc nen toi
      -> vang tren trang 1.83:1. Them nen navy DU PHONG (khong !important) de rule nen rieng cua bang khac van thang. */
html body .pth-table-wrap table th,
html body .pth-table-wrap thead th{background-color:#0A1F44}
/* B. Nut cam .btn-primary / .lp-form-submit bi mau link xanh la (--pth-green) hoac chu trang tren nen cam -> navy 7.41:1 */
html body #wrapper a.btn-primary,
html body a.btn-primary,
html body button.lp-form-submit,
html body .lp-form-submit{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* PTH-GREENLINK-BTN-2026-08: rule link toan site (--pth-green) ro ri vao cac NUT co nen toi/cam
   -> tra lai mau chu dung cho tung nut. Khong doi mau nen. */
html body #wrapper a.pth-guide-actbtn-secondary,
html body .pth-guide-wrap a.pth-guide-actbtn-secondary,
html body a.pth-guide-actbtn-secondary{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
/* nut tertiary co NEN TRANG -> chu phai navy (dang bi ep trang = vo hinh 1.0:1) */
html body #wrapper a.pth-guide-actbtn-tertiary,
html body .pth-guide-wrap a.pth-guide-actbtn-tertiary,
html body a.pth-guide-actbtn-tertiary{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* An toan chung: chu trong hop callout tip co NEN RIENG thi giu chu toi (phong khi JS chua kip bo qua) */
html body .pth-callout-tip p[style*="background"],
html body .pth-callout-tip p[style*="background"] *,
html body .pth-callout-tip .pth-guide-note,
html body .pth-callout-tip .pth-guide-note *{color:#1a1a1a !important;-webkit-text-fill-color:#1a1a1a !important}
/* ===== END PTH-ORANGE-CONTRAST-2026-08 ===== */


/* ===== PTH-CTAGREEN-FIX-2026-08 =====
   Khoi .pth-cta-box.pth-cta-green trong MO TA DANH MUC bi tran trui:
   toan bo style .pth-cta-* chi ap dung trong .pth-mp (trang san pham),
   con .pth-cta-hotline thi khong co luat nao -> chu trang tren nen trang = VO HINH (1.0:1).
   Fix: nhan ban dung mau CTA chuan cua site (.pth-asco-cta), pham vi CHI trong .term-description. */
.term-description .pth-cta-box.pth-cta-green{background:linear-gradient(135deg,#0A1F44 0%,#1B2561 100%);border-radius:18px;padding:28px 30px;color:#fff;margin:22px 0;position:relative;overflow:hidden;display:block}
.term-description .pth-cta-box.pth-cta-green::before{content:"";position:absolute;top:-40%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,166,35,.2),transparent 70%);pointer-events:none}
.term-description .pth-cta-box.pth-cta-green>*{position:relative;z-index:2}
.term-description .pth-cta-box.pth-cta-green h3{font-size:22px;font-weight:800;margin:0 0 10px;color:#fff !important;line-height:1.3}
.term-description .pth-cta-box.pth-cta-green p{font-size:14.5px;color:rgba(255,255,255,.88) !important;margin:0 0 16px}
.term-description .pth-cta-box.pth-cta-green .pth-cta-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.term-description .pth-cta-box.pth-cta-green .pth-cta-buttons a{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:12px;text-decoration:none !important;font-weight:700;font-size:14.5px;transition:.25s}
/* Nut hotline = nut chinh (vang, chu navy 8.0:1) */
.term-description .pth-cta-box.pth-cta-green a.pth-cta-hotline{background:linear-gradient(135deg,#E0A21A,#FFB949);color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important;box-shadow:0 8px 20px -6px rgba(245,166,35,.6)}
/* Nut Zalo = giu dung mau Zalo chinh thuc #0084ff */
.term-description .pth-cta-box.pth-cta-green a.pth-cta-zalo{background:#0084ff;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
.term-description .pth-cta-box.pth-cta-green .pth-cta-buttons a:hover{transform:translateY(-2px)}
@media(max-width:640px){.term-description .pth-cta-box.pth-cta-green{padding:22px 18px}.term-description .pth-cta-box.pth-cta-green .pth-cta-buttons{flex-direction:column}.term-description .pth-cta-box.pth-cta-green .pth-cta-buttons a{justify-content:center}}
/* ===== END PTH-CTAGREEN-FIX-2026-08 ===== */

/* PTH-FBGROUP-CTA-2026-09: nút tham gia nhóm FB (chữ trắng trên nền xanh ngọc) */
a.pth-fbgroup-btn,a.pth-fbgroup-btn:visited,a.pth-fbgroup-btn:hover{color:#fff!important;text-decoration:none!important}
a.pth-fbgroup-btn:hover{background:#0B6563!important}

/* ===== PTH-VLINK-2026-09 : the dan sang video o trang chinh (Goi A video SEO) ===== */
.pth-vsec.pth-vlink{padding:26px 16px}
.pth-vlink a.pth-vlink-card{display:flex;align-items:center;gap:18px;max-width:720px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(10,31,68,.10);padding:12px;text-decoration:none!important;text-align:left}
.pth-vlink .pth-vlink-thumb{position:relative;flex:0 0 200px;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16/9}
.pth-vlink .pth-vlink-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.pth-vlink .pth-vlink-thumb::after{content:'';position:absolute;left:50%;top:50%;margin:-12px 0 0 -8px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.pth-vlink a.pth-vlink-card strong{display:block;color:#0A1F44!important;font-size:17px;line-height:1.35;margin-bottom:6px}
.pth-vlink a.pth-vlink-card em{font-style:normal;color:#B35500!important;font-weight:700;font-size:14.5px}
@media(max-width:600px){.pth-vlink a.pth-vlink-card{flex-direction:column;align-items:stretch}.pth-vlink .pth-vlink-thumb{flex-basis:auto}}
/* ===== END PTH-VLINK-2026-09 ===== */


/* ===== PTH-VSEC-VERT-2026-09 : bien the video doc (Shorts/dung) ===== */
.pth-vsec-vert .pth-vsec-frame{max-width:340px;aspect-ratio:9/16}
/* ===== END PTH-VSEC-VERT-2026-09 ===== */
/* ===== PTH-READMORE-2026-09 ===== */
details.pth-acc{background:#fff;border:1px solid #E7E3D9;border-radius:10px;margin:8px 0;box-shadow:0 1px 3px rgba(45,50,56,.06)}
details.pth-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px}
details.pth-acc>summary::-webkit-details-marker{display:none}
details.pth-acc>summary h2{margin:0;flex:1;font-size:15px;font-weight:600;color:#333A42;border-left:0;padding-left:0;line-height:1.4}
details.pth-acc>summary::after{content:"\25be";color:#B8862B;font-size:18px;line-height:1;flex:0 0 auto;transition:transform .25s}
details.pth-acc[open]>summary::after{transform:rotate(180deg)}
details.pth-acc .pth-acc-body{padding:12px 16px 16px;border-top:1px solid #F1EFE8}
/* ===== END PTH-READMORE-2026-09 ===== */

/* ===== PTH-VPAGE-2026-09 ===== */
.pth-pillar{color:#2c3138}
.pth-pillar h2{font-size:19px;font-weight:600;color:#333A42;line-height:1.3;margin:24px 0 12px;padding-left:12px;border-left:4px solid #B8862B;text-wrap:balance}
.pth-pillar p,.pth-pillar li,.pth-pillar td{color:#2c3138}
.pth-pillar .pth-pillar-section{margin:0 0 20px}
.pth-vp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
.pth-vp-pill{font-size:12.5px;font-weight:600;color:#333A42;background:#fff;border:1px solid #EAD9AF;border-radius:6px;padding:5px 12px;display:inline-block}
.pth-vp-cards{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 4px}
.pth-vp-cards>.pth-vp-card{flex:1 1 240px}
.pth-vp-card{background:#fff;border:1px solid #E7E3D9;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(45,50,56,.06)}
.pth-vp-card .pth-vp-ic{width:36px;height:36px;border-radius:8px;background:#FBF4E3;display:flex;align-items:center;justify-content:center;margin-bottom:9px;font-size:19px}
.pth-vp-card b{display:block;color:#333A42;font-weight:600;font-size:14px;line-height:1.45}
.pth-vp-card .d{color:#697079;font-size:13px;margin-top:3px}
.pth-vp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.pth-vp-box{background:#fff;border:1px solid #E7E3D9;border-radius:10px;padding:14px 18px;box-shadow:0 1px 3px rgba(45,50,56,.06)}
.pth-vp-box>p:first-child{margin:0 0 8px;font-size:12.5px;font-weight:700;color:#8a6410;text-transform:uppercase;letter-spacing:.03em}
.pth-vp-box ul{margin:0;padding:0;list-style:none}
.pth-vp-box li{padding:5px 0;border-top:1px solid #F2F0E9}
.pth-vp-box li:first-child{border-top:0}
.pth-vp-box a{color:#333A42;text-decoration:none;font-size:14px}
.pth-vp-box a:hover{color:#8a6410}
.pth-vp-cta{background:#333A42;border-radius:14px;padding:22px 24px;margin:28px 0 10px;color:#fff}
.pth-vp-cta h2{color:#fff!important;border-left:0!important;padding-left:0!important;margin:0 0 8px!important;font-size:20px}
.pth-vp-cta p{color:#d3d8dd;margin:0 0 14px}
.pth-vp-cta p b,.pth-vp-cta p strong{color:#fff}
.pth-vp-btns{display:flex;flex-wrap:wrap;gap:10px}
.pth-vp-cta a.pth-vp-b1{background:#B8862B;color:#2a2205;padding:11px 18px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block}
.pth-vp-cta a.pth-vp-b2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:11px 18px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block}
.pth-vp-cta .pth-vp-price{margin:14px 0 0;font-size:13px}
.pth-vp-cta .pth-vp-price a{color:#eac66d;font-weight:600;text-decoration:none}
@media(max-width:560px){.pth-vp-two{grid-template-columns:1fr}}
/* ===== END PTH-VPAGE-2026-09 ===== */

/* ===== PTH-VPFIX-2026-09 ===== */
html body .pth-pillar h2{font-size:19px!important;font-weight:600!important;border-left:4px solid #B8862B!important;padding-left:12px!important;margin:22px 0 12px!important;line-height:1.3!important}
html body .pth-pillar details.pth-acc>summary h2{font-size:15px!important;font-weight:600!important;border-left:0!important;padding-left:0!important;margin:0!important;line-height:1.4!important;color:#333A42!important}
html body .pth-pillar details.pth-acc>summary{padding:12px 16px!important}
html body .pth-pillar .pth-vp-cta h2{border-left:0!important;padding-left:0!important;margin:0 0 8px!important;color:#fff!important;font-size:20px!important}
/* ===== END PTH-VPFIX-2026-09 ===== */

/* ===== PTH-VPFIX2-2026-09 ===== */
html body .pth-van-ru-bui-wrap section.pth-cta{display:none!important}
html body .pth-van-ru-bui-wrap .pth-pillar-crosslink-block{display:none!important}
html body .pth-pillar .pth-vp-cta p{color:#eaeef2!important}
html body .pth-pillar .pth-vp-cta .pth-vp-price{color:#eaeef2!important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card{background:#FBF4E3!important;border-color:#EAD9AF!important;border-left:4px solid #B8862B!important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card strong{color:#8a6410!important}
html body .pth-pillar .pth-vp-card--xc{background:#F6EAC8!important;border-left-color:#8a6410!important}
html body .pth-pillar details.pth-acc--hl{background:#FBF4E3!important;border-color:#EAD9AF!important;border-left:4px solid #B8862B!important}
html body .pth-pillar details.pth-acc--hl>summary h2{color:#8a6410!important}
html body .pth-pillar details.pth-acc--hl>summary::after{color:#8a6410!important}
html body .pth-pillar .pth-faq{padding-bottom:0!important;margin-bottom:0!important}
html body .pth-pillar section.pth-pillar-section{margin-bottom:16px!important}
html body .pth-vp-note{background:#FBF4E3;border:1px solid #EAD9AF;border-radius:10px;padding:10px 16px;margin:14px 0 0}
html body .pth-vp-note p{margin:6px 0}
/* ===== END PTH-VPFIX2-2026-09 ===== */

/* ===== PTH-VPFIX3-2026-09 ===== */
html body .pth-pillar .pth-acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
html body .pth-pillar .pth-acc-grid>details.pth-acc{margin:0}
html body .pth-pillar .pth-acc-grid>details.pth-acc[open]{grid-column:1/-1}
@media(max-width:600px){html body .pth-pillar .pth-acc-grid{grid-template-columns:1fr}}
html body .pth-pillar .pth-pillar-closing{border:0!important;padding:0!important;background:transparent!important}
html body .pth-pillar .pth-vp-cta a.pth-vp-b1{color:#2a2205!important}
html body .pth-pillar .pth-vp-cta a.pth-vp-b2{color:#ffffff!important;border-color:rgba(255,255,255,.55)!important}
html body .pth-pillar .pth-vp-cta .pth-vp-price a{color:#eac66d!important}
html body .term-description details.pth-acc:has(.pth-intent){display:none!important}
/* ===== END PTH-VPFIX3-2026-09 ===== */

/* ===== PTH-VPFIX4-2026-09 ===== */
html body .pth-pillar .pth-acc-grid>details.pth-acc>summary{min-height:66px}
@media(max-width:600px){html body .pth-pillar .pth-acc-grid>details.pth-acc>summary{min-height:0}}
/* ===== END PTH-VPFIX4-2026-09 ===== */

/* ===== PTH-VPCOLOR-2026-09 ===== */
html body .pth-pillar h2{border-left-color:#E8590C!important}
html body .pth-pillar .pth-vp-card{background:#fff!important;border-color:#E4E7EA!important;border-left:4px solid #E8590C!important}
html body .pth-pillar .pth-vp-card .pth-vp-ic{background:#FDE8DE!important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card{background:#FFF6F1!important;border-color:#F5D9C9!important;border-left:4px solid #E8590C!important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card strong{color:#C2410C!important}
html body .pth-pillar .pth-vp-card--xc{background:#FFEDE2!important}
html body .pth-pillar details.pth-acc{background:#fff!important;border-color:#E4E7EA!important}
html body .pth-pillar details.pth-acc>summary h2{color:#263238!important}
html body .pth-pillar details.pth-acc>summary::after{color:#E8590C!important}
html body .pth-pillar details.pth-acc--hl{background:#FFF6F1!important;border-color:#F5D9C9!important;border-left:4px solid #E8590C!important}
html body .pth-pillar details.pth-acc--hl>summary h2{color:#C2410C!important}
html body .pth-pillar details.pth-acc--hl>summary::after{color:#C2410C!important}
html body .pth-pillar .pth-vp-box{background:#fff!important;border-color:#E4E7EA!important}
html body .pth-pillar .pth-vp-box>p:first-child{color:#C2410C!important}
html body .pth-pillar .pth-vp-box>p:first-child strong{color:#C2410C!important;text-transform:uppercase;letter-spacing:.03em}
html body .pth-pillar .pth-vp-cta{background:#263238!important}
html body .pth-pillar .pth-vp-cta a.pth-vp-b1{background:#E8590C!important;color:#fff!important}
html body .pth-pillar .pth-vp-cta a.pth-vp-b2{color:#fff!important;border-color:rgba(255,255,255,.6)!important}
html body .pth-pillar .pth-vp-cta .pth-vp-price a{color:#FF9061!important}
html body .pth-vp-note{background:#FFF6F1!important;border-color:#F5D9C9!important}
html body .pth-pillar .pth-faq .faq-item{background:#fff!important;border-left-color:#E8590C!important}
/* ===== END PTH-VPCOLOR-2026-09 ===== */

/* ===== PTH-VPCOLOR2-2026-09 ===== */
html body .term-description .pth-khung-children{background:#FFF6F1!important;border-left-color:#E8590C!important}
html body .term-description .pth-khung-children h3{color:#C2410C!important}
html body .term-description .pth-intent{background:#FFF6F1!important;border-color:#F5D9C9!important}
html body .term-description .pth-intent h2{color:#C2410C!important}
html body .term-description .lp-internal-cta{background:#FFF6F1!important;border-left-color:#E8590C!important}
/* ===== END PTH-VPCOLOR2-2026-09 ===== */

/* PTH hide mang-van legacy CTA */
html body.term-mang-van-ru-bui section.pth-cta{display:none!important}

/* PTH hide tui/khung legacy snippet CTA */
html body.term-tui-loc-bui section.pth-cta{display:none!important}
html body.term-khung-xuong-tui-loc section.pth-cta{display:none!important}

/* ===== PTH-QUICKCTA-2026-09 ===== */
html body .pth-pillar .pth-vp-quickcta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#FFF6F1;border:1px solid #F5D9C9;border-left:4px solid #E8590C;border-radius:10px;padding:13px 18px;margin:2px 0 10px}
html body .pth-pillar .pth-vp-quickcta b{color:#263238;font-size:15px;margin-right:4px}
html body .pth-pillar .pth-vp-quickcta a{padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block}
html body .pth-pillar .pth-vp-quickcta a.qc-call{background:#E8590C;color:#fff!important}
html body .pth-pillar .pth-vp-quickcta a.qc-rfq{background:#263238;color:#fff!important}
/* ===== END PTH-QUICKCTA-2026-09 ===== */

/* ===== PTH-GOLDBORDER-2026-09 ===== */
html body .pth-pillar .pth-vp-card{background:#EEF2F7!important;border-color:#DCE3EB!important;border-left:4px solid #E0A21A!important}
html body .pth-pillar .pth-vp-card .pth-vp-ic{background:#FAF0D2!important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card{background:#EEF2F7!important;border-color:#DCE3EB!important;border-left:4px solid #E0A21A!important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card strong{color:#B8801A!important}
html body .pth-pillar .pth-vp-card--xc{background:#E6EDF5!important}
html body .pth-pillar h2{border-left-color:#E0A21A!important}
html body .pth-pillar details.pth-acc>summary::after{color:#E0A21A!important}
html body .pth-pillar details.pth-acc--hl{background:#FDF6E3!important;border-color:#F0E2B8!important;border-left:4px solid #E0A21A!important}
html body .pth-pillar details.pth-acc--hl>summary h2{color:#B8801A!important}
html body .pth-pillar details.pth-acc--hl>summary::after{color:#B8801A!important}
html body .pth-pillar .pth-vp-box>p:first-child strong{color:#B8801A!important}
html body .pth-pillar .pth-faq .faq-item{border-left-color:#E0A21A!important}
html body .pth-pillar .pth-vp-cta a.pth-vp-b1{background:#E0A21A!important;color:#3a2c00!important}
html body .pth-pillar .pth-vp-cta .pth-vp-price a{color:#F0C24A!important}
html body .pth-pillar .pth-vp-quickcta{background:#EEF2F7!important;border-color:#DCE3EB!important;border-left:4px solid #E0A21A!important}
html body .pth-pillar .pth-vp-quickcta a.qc-call{background:#E0A21A!important;color:#3a2c00!important}
html body .pth-vp-note{background:#EEF2F7!important;border-color:#DCE3EB!important}
html body .term-description .pth-khung-children{background:#EEF2F7!important;border-left-color:#E0A21A!important}
html body .term-description .pth-khung-children h3{color:#B8801A!important}
html body .term-description .pth-intent{background:#EEF2F7!important;border-color:#DCE3EB!important}
html body .term-description .pth-intent h2{color:#B8801A!important}
/* ===== END PTH-GOLDBORDER-2026-09 ===== */

/* PTH svg line-icons in card chip */
html body .pth-pillar .pth-vp-ic svg{width:22px;height:22px;stroke:#B8801A;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* ===== PTH-SVGICON2-2026-09 ===== */
html body .pth-pillar .pth-vp-ic.pth-ic-warn{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-wind{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.8 19.6A2 2 0 1 0 14 16H2'/%3E%3Cpath d='M17.5 8a2.5 2.5 0 1 1 2 4H2'/%3E%3Cpath d='M9.8 4.4A2 2 0 1 1 11 8H2'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-ban{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-clock{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-wrench{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76Z'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-up{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-flame{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5Z'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-flask{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v6.5L4.8 18a2 2 0 0 0 1.7 3h11a2 2 0 0 0 1.7-3L14 8.5V2'/%3E%3Cpath d='M8.5 2h7'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-down{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 17h6v-6'/%3E%3Cpath d='m22 17-8.5-8.5-5 5L2 7'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-temp{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-shield{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3C/svg%3E") center/22px no-repeat!important}
html body .pth-pillar .pth-vp-ic.pth-ic-ruler{background:#FAF0D2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8801A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a1 1 0 0 1 0 1.4l-4.6 4.6a1 1 0 0 1-1.4 0L2.7 8.7a1 1 0 0 1 0-1.4l4.6-4.6a1 1 0 0 1 1.4 0Z'/%3E%3Cpath d='m8.5 6.5 2 2'/%3E%3Cpath d='m11.5 9.5 2 2'/%3E%3Cpath d='m14.5 12.5 2 2'/%3E%3C/svg%3E") center/22px no-repeat!important}
/* ===== END PTH-SVGICON2-2026-09 ===== */

/* ===== PTH-PRODACC ===== */
.pth-acc--sec{border:1px solid #E4E7EA;border-radius:10px;background:#fff;margin:0 0 8px;overflow:hidden}
.pth-acc--sec>summary{list-style:none;cursor:pointer;position:relative;padding:13px 46px 13px 18px;font-weight:700}
.pth-acc--sec>summary::-webkit-details-marker{display:none}
.pth-acc--sec>summary h2,.pth-acc--sec>summary h3,.single-product .pth-acc--sec>summary h2,.single-product .pth-acc--sec>summary h3{margin:0 !important;font-size:16px !important;line-height:1.45 !important;display:inline !important;color:#263238}
.pth-acc--sec>summary:hover{background:#FAF7EE}
.pth-acc--sec .pth-acc-body{padding:2px 18px 16px}
/* END PTH-PRODACC */

/* ===== PTH-HERO-CENTER-2026-09-30 : can giua cum chu dau trang chu ===== */
body.page-id-4669 .pth-hero-text{text-align:center !important;}
body.page-id-4669 .pth-hero-text h1{text-align:center !important;text-wrap:balance;}
body.page-id-4669 .pth-hero-text .pth-hero-desc{margin-left:auto !important;margin-right:auto !important;max-width:560px;}
body.page-id-4669 .pth-hero-text .pth-hero-cta{justify-content:center !important;}
/* ===== END PTH-HERO-CENTER-2026-09-30 ===== */

/* ===== PTH-ONESOURCE-BG-2026-09-30 : chuyen tu khoi style rac cua trang chu truoc khi xoa ===== */
.pth-onesource{background:linear-gradient(135deg,#0A1F44 0%,#102A5C 60%,#1B3D7A 100%);padding:52px 16px 56px;margin:0}
/* ===== END PTH-ONESOURCE-BG-2026-09-30 ===== */
/* ===== PTH-FBFOLLOW-FIX-2026-10-01: nut Follow Facebook o chan trang bi html body footer a de len (chu #d4dde8 tren nen xanh FB = 3.09, duoi chuan) ===== */
.pth-fb-follow a,.pth-fb-follow a:visited,.pth-fb-follow a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}
.pth-fb-follow a{background:#166FE5!important}
.pth-fb-follow a:hover{background:#0F5BC4!important}
/* ===== END PTH-FBFOLLOW-FIX-2026-10-01 ===== */
/* ===== PTH-HOME-CONTRAST-2026-10-01: trang chu 4669 - link xanh la cua theme lot vao hop mau + chu trang tren nen cam ===== */
.pth-onesrc-item a,.pth-onesrc-item a:visited,.pth-onesrc-item a:hover,a.pth-sol-link,a.pth-sol-link:visited,a.pth-sol-link:hover{color:#FFB000!important;-webkit-text-fill-color:#FFB000!important}
a.pth-btn-usp,a.pth-btn-usp:visited,a.pth-btn-usp:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#1a6b3a,#14562f)!important}
a.pth-btn-usp-ghost,a.pth-btn-usp-ghost:visited,a.pth-btn-usp-ghost:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
a.pth-btn-primary,a.pth-btn-primary *,a.pth-fcta-call,a.pth-fcta-call *,a.pth-cta-order,a.pth-cta-order *,a.pth-closer-btn-primary,a.pth-closer-btn-primary *{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
/* ===== END PTH-HOME-CONTRAST-2026-10-01 ===== */
/* ===== PTH-HOME-CONTRAST-B-2026-10-01: nang do dac hieu de thang 2 rule ep trang cu (html body.page-id-4669 .pth-hero .pth-btn-primary / html body .pth-final-cta .pth-fcta-call *) ===== */
html body.page-id-4669 .pth-hero a.pth-btn.pth-btn-primary,html body.page-id-4669 .pth-hero a.pth-btn.pth-btn-primary *{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
html body.page-id-4669 .pth-final-cta a.pth-fcta-btn.pth-fcta-call,html body.page-id-4669 .pth-final-cta a.pth-fcta-btn.pth-fcta-call *{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
/* ===== END PTH-HOME-CONTRAST-B-2026-10-01 ===== */
/* ===== PTH-P11-CONTRAST-2026-10-01: trang Gioi thieu. Rule cu cho panel navy (0,2,2) BANG diem voi .entry-content h4 (0,2,2) nen thua vi khai bao sau -> nang len (0,2,4) ===== */
html body.page-id-11 div[style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] h2,html body.page-id-11 div[style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] h3,html body.page-id-11 div[style*="linear-gradient(135deg,#1a6b3a,#0a3d1f)"] h4,html body.page-id-11 div[style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] h2,html body.page-id-11 div[style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] h3,html body.page-id-11 div[style*="linear-gradient(135deg, #1a6b3a, #0a3d1f)"] h4{color:#FFC107!important;-webkit-text-fill-color:#FFC107!important}
html body.page-id-11 a.pth-about-cta-btn,html body.page-id-11 a.pth-about-cta-btn *{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
/* ===== END PTH-P11-CONTRAST-2026-10-01 ===== */
/* ===== PTH-LP-NGANH-CONTRAST-2026-10-01: 6 trang landing nganh. Rule .lp-hero-* .btn-secondary da dat color:#fff nhung THUA luat link xanh la cua theme (html body #wrapper a:not(...) = 1,3,3) -> them !important. Nut cam inline da ghi navy nhung bi .button.primary cua theme de -> ep lai. ===== */
.lp-hero-nd .btn-secondary,.lp-hero-hc .btn-secondary,.lp-hero-xm .btn-secondary,.lp-hero-thep .btn-secondary,.lp-hero-mdf .btn-secondary,.lp-hero-tacn .btn-secondary{color:#fff!important;-webkit-text-fill-color:#fff!important}
a.button.primary[style*="#f39c12"],a.button.primary[style*="#f39c12"] *{color:#0A1F44!important;-webkit-text-fill-color:#0A1F44!important}
/* ===== END PTH-LP-NGANH-CONTRAST-2026-10-01 ===== */
/* ===== PTH-KHUNG-CONTRAST-2026-10-01 ===== */
/* 1. <strong> trong o tieu de bang: bi .single-product .woocommerce-Tabs-panel strong ep ve #1a1a1a
      (den tren nen navy, CR 1,34). LUU Y: .single-product nam TREN BODY nen phai viet body.single-product */
html body.single-product .woocommerce-Tabs-panel th strong,
html body.single-product .woocommerce-Tabs-panel thead strong{color:inherit !important;-webkit-text-fill-color:inherit !important}
/* 2. nut cam trong luoi san pham: chu trang tren #F58400 = CR 2,57 -> chu navy (CR 6,2) */
html body .add-to-cart-button a.primary,
html body .add-to-cart-button a.primary span{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* 3. tieu de o 2 cot: #B8801A tren trang = CR 3,42 -> #8a6410 (CR 5,37), cung ton tai san trong bang mau site */
html body .pth-pillar .pth-vp-box>p:first-child strong{color:#8a6410 !important;-webkit-text-fill-color:#8a6410 !important}
/* ===== END PTH-KHUNG-CONTRAST-2026-10-01 ===== */

/* ===== PTH-TUI-CONTRAST-2026-10-02 ===== */
/* 1. <strong> trong nut CTA bi theme ep ve #0F172A (gan den) tren nen #263238 -> CR 1,36.
      The <a> von da co chu trang dung; chi can cho strong ke thua mau cua no. */
html body .pth-vp-cta a strong,
html body .pth-vp-cta a b,
html body .pth-vp-cta a span{color:inherit !important;-webkit-text-fill-color:inherit !important}
/* 2. tieu de khoi vang: #B8801A tren #FDF6E3 = CR 3,17 -> #8a6410 = CR 4,97 (cung mau da dung cho .pth-vp-box) */
html body .pth-pillar details.pth-acc--hl>summary h2{color:#8a6410 !important;-webkit-text-fill-color:#8a6410 !important}
html body .pth-pillar details.pth-acc--hl>summary::after{color:#8a6410 !important}
/* ===== END PTH-TUI-CONTRAST-2026-10-02 ===== */

/* PTH-VAN-A-2026-10-02 : sua 4 loi nhom A trang van ru bui */
html body.tax-product_cat .pth-asco-hero .pth-asco-brand-badge .pth-asco-bb-text,
html body.tax-product_cat .pth-asco-hero .pth-asco-brand-badge .pth-asco-bb-text small{color:#0A1F44 !important}
html body .pth-pillar .pth-vp-cards--brand .pth-vp-card strong{color:#8A6410 !important}
html body.tax-product_cat .term-description h3.pth-asco-cardtitle.pth-asco-cardtitle{font-size:16px !important;font-weight:700 !important;color:#0A1F44 !important;line-height:1.55 !important;margin:0 0 8px !important}
html body .pth-idxlink h3.pth-idxlink-h{font-size:17px !important;font-weight:600 !important;color:#222222 !important;margin-bottom:10px !important}

/* PTH-PK-UNIFY-2026-10-02 : dong nhat mau nut CTA hero + tieu de hop link noi bo */
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href],
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href] *,
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href] strong,
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-primary[href] small{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href]{background:linear-gradient(135deg,#0A1F44 0%,#1B3470 100%) !important}
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href],
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href] *,
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href] strong,
html body[class] .pth-pillar .pth-hero a[class*="pth-pillar-cta"].pth-pillar-cta-phone[href] small{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body .pth-silo-links>h3, html body .pth-internal-links>h3{color:#0A1F44 !important}
html body .pth-silo-industry>h3{color:#8A6410 !important}
/* nut CTA-1 nen vang: chu phai NAVY cho khop <small> ben canh (CR 2,03 -> ~8) */
html body .pth-asco-cta .pth-asco-cta-btn.pth-asco-cta-btn-1,
html body .pth-asco-cta a.pth-asco-cta-btn.pth-asco-cta-btn-1 strong,
html body .pth-asco-cta a.pth-asco-cta-btn.pth-asco-cta-btn-1 *{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}


/* PTH-7TRANG-2026-10-02 : vá màu + lưới 7 trang phụ kiện */
/* a) H2 tiêu đề trong hero navy: luật pth-db-h2 ép xanh lá -> CR 1,15 */
html body[class] .pth-asco-hero h2.pth-db-h2{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
/* b) link trong hero navy (email/website) dang xanh la CR 2,16 -> trang */
html body .pth-asco-hero a{color:#FFFFFF !important;text-decoration:underline}
/* b2) tru o thong bao nen sang trong hero -> giu navy */
html body .pth-asco-hero [style*="background:#fff8ec"] a{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
/* c) nut Zalo nen #0084FF CR 3,66 -> #0068CC CR ~5,4 */
html body a.pth-cta-zalo{background:#0068CC !important;color:#FFFFFF !important}
/* d) luoi 4 the model xep 3/1 -> 2x2 (chi 2 trang co 4 the) */
html body.term-van-airtac-va-xy-lanh-airtac .pth-asco-models,
html body.term-xy-lanh-stnc .pth-asco-models,
html body.term-chot-tu-van-ru-bui .pth-asco-models,
html body.term-mach-dieu-khien-ru-bui .pth-asco-models{grid-template-columns:repeat(2,1fr) !important}
@media(max-width:700px){html body.term-van-airtac-va-xy-lanh-airtac .pth-asco-models,
html body.term-xy-lanh-stnc .pth-asco-models,
html body.term-chot-tu-van-ru-bui .pth-asco-models,
html body.term-mach-dieu-khien-ru-bui .pth-asco-models{grid-template-columns:1fr !important}}

/* PTH-T73-2026-10-02 : the deu + nut CTA3 doc duoc tren /phu-kien-khi-nen/ */
html body.term-phu-kien-khi-nen .pth-pillar .pth-vp-cards{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important}
@media(max-width:700px){html body.term-phu-kien-khi-nen .pth-pillar .pth-vp-cards{grid-template-columns:1fr !important}}
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-call[href]{background:linear-gradient(135deg,#0A1F44 0%,#1B3470 100%) !important}
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-call[href],
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-call[href] *,
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-call[href] strong,
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-call[href] small{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-zalo[href]{background:linear-gradient(135deg,#0068CC 0%,#0057A8 100%) !important}
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-zalo[href],
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-zalo[href] *,
html body[class] .pth-pillar a.pth-pillar-cta3.pth-pillar-cta3-zalo[href] strong{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}

/* PTH-TRU2-GRID-2026-10-02 : dan deu the + CTA nhanh tren 2 trang tru */
html body.term-van-ru-bui .pth-pillar .pth-vp-cards,
html body.term-tui-loc-bui .pth-pillar .pth-vp-cards{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important}
html body.term-van-ru-bui .pth-pillar .pth-vp-quickcta,
html body.term-tui-loc-bui .pth-pillar .pth-vp-quickcta{flex-wrap:nowrap !important;align-items:center !important}
@media(max-width:900px){html body.term-van-ru-bui .pth-pillar .pth-vp-cards,html body.term-tui-loc-bui .pth-pillar .pth-vp-cards{grid-template-columns:repeat(2,1fr) !important}html body.term-van-ru-bui .pth-pillar .pth-vp-quickcta,html body.term-tui-loc-bui .pth-pillar .pth-vp-quickcta{flex-wrap:wrap !important}}
@media(max-width:600px){html body.term-van-ru-bui .pth-pillar .pth-vp-cards,html body.term-tui-loc-bui .pth-pillar .pth-vp-cards{grid-template-columns:1fr !important}}
/* <br> do WordPress tu sinh tu ky tu xuong dong -> o flex rong 0px, lam lech hang */
html body.term-van-ru-bui .pth-pillar .pth-vp-btns br,
html body.term-tui-loc-bui .pth-pillar .pth-vp-btns br,
html body.term-van-ru-bui .pth-pillar .pth-vp-quickcta br,
html body.term-tui-loc-bui .pth-pillar .pth-vp-quickcta br{display:none !important}


/* PTH-CANNON-TAG-2026-10-02 : nhan hero trang Cannon bi luat rieng (theme) ep chu trang tren cam #FF8F00 -> CR 2,29. Dua ve chuan navy tren vang nhu 38 trang hero khac (CR 9,51) */
html body.term-cannon-khi-g-force .pth-hero .pth-tag{background:#FFB949 !important;color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}

/* PTH-LINKBOX-2COT-2026-10-02 : danh sach link trong 3 hop -> 2 cot cho do dai */
html body .pth-internal-links ul,
html body .pth-silo-links ul,
html body .pth-silo-industry ul{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:2px 28px !important;margin:0 0 12px !important}
html body .pth-internal-links ul li,
html body .pth-silo-links ul li,
html body .pth-silo-industry ul li{margin:0 !important;line-height:1.9 !important}
@media(max-width:700px){html body .pth-internal-links ul,html body .pth-silo-links ul,html body .pth-silo-industry ul{grid-template-columns:1fr !important}}

/* PTH-SP-HERO-2026-10-02 : hero tren 4 trang SP tui loc (snippet #126) - khop padding/bo goc voi hero trang danh muc */
html body .pth-sp-hero-wrap .pth-sp-hero{padding:32px 28px !important;border-radius:8px !important;margin:0 0 22px !important}
html body .pth-sp-hero-wrap .pth-sp-cta{padding:18px 22px !important;border-radius:6px !important;margin:0 0 26px !important}
html body .pth-sp-hero-wrap{margin:0 0 26px !important}
@media(max-width:700px){html body .pth-sp-hero-wrap .pth-sp-hero{padding:22px 18px !important}html body .pth-sp-hero-wrap .pth-kpis{grid-template-columns:repeat(2,1fr) !important}}


/* === PTH-SHOP-2026-10-03 : trang /san-pham/ === */
.pth-shop-intro{margin:0 0 28px}
.pth-shop-intro h2{font-size:25.6px !important;font-weight:700 !important;color:#0A1F44 !important;line-height:1.3 !important;margin:0 0 12px !important;text-transform:none !important}
.pth-shop-intro p{font-size:15px;line-height:1.75;color:#333333 !important;margin:0 0 10px}
.pth-shop-cathead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;border-bottom:2px solid #e8ebe8;padding:0 0 12px;margin:0 0 24px}
html body .pth-shop-cathead h2{font-size:25.6px !important;font-weight:700 !important;color:#0A1F44 !important;line-height:1.3 !important;margin:0 !important;padding:0 !important;text-transform:none !important;width:auto !important;max-width:calc(100% - 180px) !important;flex:0 1 auto !important}
html body .pth-shop-cathead a{margin-left:auto !important}
html body .pth-shop-cathead a{font-size:13px !important;font-weight:600 !important;color:#0A1F44 !important;text-decoration:none !important;white-space:nowrap}
html body .pth-shop-cathead a:hover{text-decoration:underline !important}
.pth-shop-faq{margin:36px 0 0}
.pth-shop-faq h2{font-size:25.6px !important;font-weight:700 !important;color:#0A1F44 !important;line-height:1.3 !important;margin:0 0 16px !important;text-transform:none !important}
html body .pth-shop-faq .faq-item{padding:14px 16px !important;border:1px solid #E5EAF2 !important;border-left:4px solid #E0A21A !important;border-radius:6px !important;margin:0 0 10px !important;background:#ffffff !important}
html body .pth-shop-faq .faq-item h3{font-size:16px !important;font-weight:700 !important;color:#0A1F44 !important;line-height:1.45 !important;margin:0 0 6px !important;text-transform:none !important}
html body .pth-shop-faq .faq-item p{font-size:15px !important;line-height:1.7 !important;color:#333333 !important;margin:0 !important}
html body.woocommerce-shop .sanpham-pth .product-small .product-title{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;height:auto !important;min-height:59px !important;max-height:59px !important}
html body.woocommerce-shop .sanpham-pth .product-small .box-text{min-height:auto !important}
@media (max-width:768px){
  html body .pth-shop-intro h2,html body .pth-shop-cathead h2,html body .pth-shop-faq h2{font-size:19.2px !important}
  .pth-shop-cathead{align-items:flex-start}
  html body .pth-shop-cathead h2{max-width:100% !important}
  html body .pth-shop-cathead a{margin-left:0 !important}
  html body .pth-shop-cathead a{white-space:normal}
}
/* === END === */


/* PTH-T20-GRID-2026-10-03 : chia o deu tren /vai-mang-khi-dong/ */
html body.term-vai-mang-khi-dong .term-description .pth-vp-cards{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;margin:14px 0 6px !important}
html body.term-vai-mang-khi-dong .term-description .pth-vp-card{margin:0 !important;font-size:14.5px !important;line-height:1.6 !important;color:#334155 !important}
html body.term-vai-mang-khi-dong .term-description .pth-vp-card b{color:#0A1F44 !important;display:block;margin-bottom:4px;font-size:15px !important;line-height:1.45 !important}
html body.term-vai-mang-khi-dong .term-description img{max-width:100% !important;height:auto !important;border-radius:10px;margin:16px 0 8px;display:block}
@media(max-width:900px){html body.term-vai-mang-khi-dong .term-description .pth-vp-cards{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:600px){html body.term-vai-mang-khi-dong .term-description .pth-vp-cards{grid-template-columns:1fr !important}}
/* === END === */


/* PTH-NUTCAM-2026-10-03 : nut cam chu trang -> nen navy (huong 1) + nut header ve chu navy */
html body .faq-btn-call,html body a.faq-btn-call{background:#0A1F44 !important;background-image:none !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body .faq-btn-call:hover,html body a.faq-btn-call:hover{background:#102A5C !important;background-image:none !important;color:#FFFFFF !important}
html body footer .back-to-top:hover{background-color:#0A1F44 !important;background-image:none !important;border-color:#0A1F44 !important;color:#FFFFFF !important}
html body .pth-uc-submit,html body button.pth-uc-submit{background:#0A1F44 !important;background-image:none !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body .pth-uc-modal-close:hover{background:#0A1F44 !important;background-image:none !important;color:#FFFFFF !important}
html body #shop-sidebar .pth-cat-list li.is-active a,html body #shop-sidebar .pth-cat-list li a.is-active{background:#0A1F44 !important;background-image:none !important;color:#FFFFFF !important}
html body.single-post .pth-post-cta-btn-primary{background:#0A1F44 !important;background-image:none !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body .pth-problems a.pth-problem-card.pth-uc-clickable:hover::after{background:#0A1F44 !important;background-image:none !important;color:#FFFFFF !important}
/* nut header giu nen cam (dung chuan san co) nhung ep chu NAVY: ban thu 2 nam ngoai #header dang bi chu trang CR 1,73 */
html body .header-button a.button,html body .header-button a.button.primary,html body .header-button .button.primary,html body .header-button .button.primary.is-medium,html body #header .header-button a.button,html body #header .nav a.button.is-outline{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
html body:not(.tax-product_cat) .button.primary,html body:not(.tax-product_cat) button.primary,html body:not(.tax-product_cat) input[type="submit"].button,html body:not(.tax-product_cat) a.button.primary{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
html body.page-id-1426 #main a.button.primary,html body.page-id-1426 #main .button.primary{background:#0A1F44 !important;background-image:none !important;background-color:#0A1F44 !important}
/* === END === */


/* PTH-BADGE-2026-10-03 : nhan/badge cam -> chu navy (giu nen cam lam diem nhan) */
html body.page-id-1426 .faq-card-badge{color:#8A6410 !important;-webkit-text-fill-color:#8A6410 !important}
html body.single-post .article-inner > .entry-header .entry-category{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
html body .pth-uc-modal-badge{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important}
html body.archive.category-tin-tuc.paged-1 .blog-archive .row > .col.post-item:first-child .col-inner::before,html body.archive.category-tin-tuc:not(.paged) .blog-archive .row > .col.post-item:first-child .col-inner::before{color:#0A1F44 !important}
/* === END === */


/* PTH-T20-FONT-2026-10-03 : dong bo font + bac tieu de voi /van-asco/ (Montserrat) */
html body.term-vai-mang-khi-dong .term-description,html body.term-vai-mang-khi-dong .term-description p,html body.term-vai-mang-khi-dong .term-description li,html body.term-vai-mang-khi-dong .term-description h2,html body.term-vai-mang-khi-dong .term-description h3,html body.term-vai-mang-khi-dong .term-description td,html body.term-vai-mang-khi-dong .term-description th,html body.term-vai-mang-khi-dong .term-description b,html body.term-vai-mang-khi-dong .term-description strong,html body.term-vai-mang-khi-dong .term-description .pth-vp-card,html body.term-bang-tai-cong-nghiep .term-description,html body.term-bang-tai-cong-nghiep .term-description p,html body.term-bang-tai-cong-nghiep .term-description li,html body.term-bang-tai-cong-nghiep .term-description h2,html body.term-bang-tai-cong-nghiep .term-description h3,html body.term-bang-tai-cong-nghiep .term-description td,html body.term-bang-tai-cong-nghiep .term-description th,html body.term-bang-tai-cong-nghiep .term-description b,html body.term-bang-tai-cong-nghiep .term-description strong,html body.term-bang-tai-cong-nghiep .term-description .pth-vp-card{font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif !important}
html body.term-vai-mang-khi-dong .term-description h2,html body.term-bang-tai-cong-nghiep .term-description h2{font-size:22px !important;font-weight:800 !important;line-height:1.3 !important;margin:24px 0 16px !important}
html body.term-vai-mang-khi-dong .term-description h3,html body.term-bang-tai-cong-nghiep .term-description h3{font-size:16px !important;font-weight:700 !important;line-height:1.35 !important;margin:18px 0 10px !important}
@media(max-width:767px){html body.term-vai-mang-khi-dong .term-description h2,html body.term-bang-tai-cong-nghiep .term-description h2{font-size:19px !important}html body.term-vai-mang-khi-dong .term-description h3,html body.term-bang-tai-cong-nghiep .term-description h3{font-size:15.5px !important}}
/* luoi o cho /bang-tai-cong-nghiep/ (nhu term20) */
html body.term-bang-tai-cong-nghiep .term-description .pth-vp-cards{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;margin:14px 0 6px !important}
html body.term-bang-tai-cong-nghiep .term-description .pth-vp-card{margin:0 !important;font-size:14.5px !important;line-height:1.6 !important;color:#334155 !important}
html body.term-bang-tai-cong-nghiep .term-description .pth-vp-card b{color:#0A1F44 !important;display:block;margin-bottom:4px;font-size:15px !important;line-height:1.45 !important}
@media(max-width:900px){html body.term-bang-tai-cong-nghiep .term-description .pth-vp-cards{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:600px){html body.term-bang-tai-cong-nghiep .term-description .pth-vp-cards{grid-template-columns:1fr !important}}
/* === END === */


/* PTH-5106-2026-10-03 : tra lai nen navy cho khoi CTA cuoi + dong bo font Montserrat */
/* Luat theme ep h2 khoi nay mau trang; post 3018 lai xoa nen -> chu trang tren trang (CR 1,00). Tra lai nen navy. */
html body.page-id-5106 .pth-pillar .pth-pillar-closing,html body.page-id-5106 .pth-pillar-closing{background:#0A1F44 !important;border:0 !important;border-left:4px solid #E0A21A !important;border-radius:12px !important;padding:24px 26px !important;margin:34px 0 8px !important}
html body.page-id-5106 .pth-pillar-closing h2{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;margin-top:0 !important}
html body.page-id-5106 .pth-pillar-closing p{color:#F1F5F9 !important;-webkit-text-fill-color:#F1F5F9 !important}
html body.page-id-5106 .pth-pillar-closing a{color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important;font-weight:800 !important;text-decoration:none !important;padding:10px 20px !important;border-radius:8px !important;display:inline-block !important}
/* font: dong bo voi /van-asco/ va cac trang danh muc */
html body.page-id-5106 #content,html body.page-id-5106 #content p,html body.page-id-5106 #content li,html body.page-id-5106 #content h1,html body.page-id-5106 #content h2,html body.page-id-5106 #content h3,html body.page-id-5106 #content td,html body.page-id-5106 #content th,html body.page-id-5106 #content b,html body.page-id-5106 #content strong,html body.page-id-5106 #content select,html body.page-id-5106 #content input{font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif !important}
/* anh dau trang */
html body.page-id-5106 #content .pth-pillar img,html body.page-id-5106 #content img.size-large{max-width:100% !important;height:auto !important;border-radius:10px;margin:14px 0 18px;display:block}
/* === END === */


/* PTH-5106-BANG-CARD-2026-10-05 : bang tra vat lieu -> the card tren mobile (khuon nhu snippet #71) */
@media (max-width:767px){
  html body.page-id-5106 #content table,html body.page-id-5106 #content thead,html body.page-id-5106 #content tbody,html body.page-id-5106 #content tr,html body.page-id-5106 #content th,html body.page-id-5106 #content td{display:block}
  html body.page-id-5106 #content thead{position:absolute;left:-9999px;top:auto;visibility:hidden}
  html body.page-id-5106 #content table{width:100% !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;margin:14px 0 22px !important}
  html body.page-id-5106 #content tbody tr{background:#FFFFFF !important;border:1px solid #E3E8EE !important;border-left:3px solid #E0A21A !important;border-radius:10px !important;margin:0 0 12px !important;padding:6px 0 !important;box-shadow:0 1px 3px rgba(10,31,68,.05)}
  html body.page-id-5106 #content tbody td{background:transparent !important;border:0 !important;border-bottom:1px solid #F1F5F9 !important;padding:10px 14px 10px 42% !important;position:relative;min-height:34px;font-size:14.5px !important;line-height:1.55 !important;text-align:left !important}
  html body.page-id-5106 #content tbody td:last-child{border-bottom:0 !important}
  html body.page-id-5106 #content tbody td:first-child{background:#EEF2F7 !important;color:#0A1F44 !important;font-weight:800 !important;padding:10px 14px !important;border-radius:8px 8px 0 0 !important;border-bottom:1px solid #DCE5EF !important}
  html body.page-id-5106 #content tbody td:not(:first-child)::before{content:attr(data-label);position:absolute;left:14px;top:10px;width:36%;color:#64748B;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;line-height:1.3}
}
@media (max-width:360px){
  html body.page-id-5106 #content tbody td{padding:10px 14px !important}
  html body.page-id-5106 #content tbody td:not(:first-child)::before{position:static;display:block;width:auto;margin-bottom:4px}
}
/* === END === */


/* PTH-1426-NUT-2026-10-05 : nut "Lien he tu van ngay" tren hub FAQ bi luat THEME (1,7,3) ep gradient cam + chu trang (CR 1,73). Nang diem len (1,9,3). */
html body.page-id-1426 #main section.section .section-content > .row:last-child .button.primary.primary[href],
html body.page-id-1426 #main section.section .section-content .row .button.primary.primary[href],
html body.page-id-1426 #main .section-content .row a.button.primary.primary[href]{
  background:#0A1F44 !important;background-image:none !important;background-color:#0A1F44 !important;
  color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;border:0 !important
}
/* === END === */


/* PTH-FAQ-CHUONG1-2026-10-05 : mo san CHUONG DAU TIEN khi chua chon muc luc.
   Luat goc: .faq-chapter{display:none} + .faq-chapter:target{display:block} (CSS thuan, khong JS)
   -> vao trang la 0 cau hien thi du schema khai 100 cau. Mo chuong dau cho nguoi doc thay ngay.
   KHONG dung :first-of-type vi 4433/4439 co <section class=faq-hero> dung truoc. */
body:not(:has(.faq-chapter:target)) .faq-chapter:not(.faq-chapter ~ .faq-chapter){display:block !important}
/* === END === */


/* PTH-ENTRYCAT-2026-10-05 : badge danh muc (.entry-category) co nen gradient CAM, nhung link ben trong
   an bien --pth-green (#1A6B3A) tu luat 'html body #wrapper a:not(.button):not(.pth-btn):not(.pth-sol-link)'
   diem (1,3,3) -> chu xanh la tren cam, CR 2,77. Nang len (1,6,3) de ep chu NAVY (CR 6,90). */
html body #wrapper .entry-category.entry-category a[href]:not(.button):not(.pth-btn):not(.pth-sol-link),
html body #wrapper .entry-category.entry-category a[href]:not(.button):not(.pth-btn):not(.pth-sol-link) *{
  color:#0A1F44 !important;-webkit-text-fill-color:#0A1F44 !important;font-weight:700 !important
}
/* === END === */

/* === PTH-1426-FAQGEO-2026-10-05 : 5 cau hoi H3 trong .pth-faq-geo bi navy-tren-navy, CR 1,00. Nguyen nhan: luat toan cuc h1..h6 color navy. H2 + doan van + link trong khoi nay deu da sang san. === */
html body.page-id-1426 .pth-faq-geo h3{color:#FFFFFF !important}

/* ===== PTH-A11Y-2026-10-21 : tiep can + chuyen dong ===== */
html body a.pth-toggle-btn:focus-visible,
html body.page-id-11 a.pth-toggle-btn:focus-visible{outline:3px solid #E0A21A !important;outline-offset:2px !important}
a,button,input,select,textarea,label,summary,.button,.pth-toggle-btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(10,31,68,.12)}
:root{color-scheme:light}
table td,table th{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
/* ===== /PTH-A11Y-2026-10-21 ===== */

/* ===== PTH-TAP-2026-10-21 : vung bam toi thieu 44px tren dien thoai (WCAG 2.5.5) ===== */
@media (max-width:849px){
 a.pth-cta-order{min-height:44px}
 a.pth-i2-card-link,a.pth-flip-hint{display:inline-flex;align-items:center;min-height:44px}
 a.pth-fbgroup-btn,.pth-fb-follow a{min-height:44px}
 .pth-onesrc-item p>a:only-child{display:inline-flex;align-items:center;min-height:44px}
 .footer-wrapper ul li>a:only-child{display:inline-flex;align-items:center;min-height:44px}
 .footer-wrapper p>a:only-child{display:inline-flex;align-items:center;min-height:44px}
 ul.mobile-nav>li>a.is-small{min-width:44px;min-height:44px;justify-content:center;align-items:center}
}
/* ===== /PTH-TAP-2026-10-21 ===== */