.info-bar {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    margin: 0 auto;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 10px; 
}
.info-bar {
    display: flex;
        gap: 10px; 
    align-items: center;
}

.info-icon img {
    width: 40px;  
    height: 40px;
}

.info-text strong {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
}
.info-text strong2 {
    font-size: 18px;
    color: #313191;
}
.info-text strong1 {
    display: block;
    color: #c91414;
    font-size: 14px;
    font-weight: bold;
}

.hospital-title h1 {
    font-size: 20px;
    color: #313191;
}
.info-text span {
    display: block;
    color: #c91414;
    font-size: 18px;
    font-weight: bold;
}

/* Responsive tablet/mobile */
@media (max-width: 768px) {
    .info-bar {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}
/*quy trình*/
.process-steps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  padding: 30px 20px;
  flex-wrap: wrap;
	background: #1A3BD8;
}

.step {
  flex: 1;
  min-width: 120px;
  margin: 10px;
  color: #fff;
}

.step img {
  width: 60px;   
  height: auto;
  margin-bottom: 10px;
}

.step p {
  font-size: 14px;
  line-height: 1.4;
}
/*tại sao*/
.card {
  background: #1A3BD8; 
  color: #fff;
  padding: 40px 20px;
  border-radius: 16px;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.card .icon {
  font-size: 50px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card h3 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  margin: 0;
	color: #fff;
}

.card .number {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 80px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
/*video*/
a.button.open-video.icon.circle.is-outline.is-xlarge {
    background: #2591D2;
}
/*Dịch vụ*/
.service-title {
      text-align: center;
      color: #2591D2; 
      font-size: 28px;
      font-weight: bold;
      position: relative;
      display: inline-block;
      padding-bottom: 10px;
    }

    .service-title::after {
      content: "";
      display: block;
      width: 80px;      
      height: 2px;       
      background: #2591D2;
      margin: 6px auto 0 auto; 
    }

    .service-wrapper {
      text-align: center;
    }
/*quy trình*/
.tab-title {
    background-color:#1313c9;   
    color: #fff;                 
    font-weight: bold;
    text-align: center;
    padding: 12px 30px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: inline-block;
    font-size: 16px;
    position: relative;
}

/*Đánh giá*/
/* Ẩn mũi tên slider */
.swiper-button-prev,
.swiper-button-next {
  display: none !important;
}

.swiper-pagination {
  margin-top: 20px; 
  position: relative !important;
  bottom: auto !important;
}

.swiper-slide .review-item {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  background: #fff;
  padding: 20px;
  height: 100%;
}

.swiper-slide {
  display: flex;
  align-items: stretch;
}
/*Dịch vụ - form*/
.portfolio-summary.entry-summary {
    display: none;
}
.register-form {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.register-form .form-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #1e73be;
  margin-bottom: 20px;
}

.register-form form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.register-form .form-group {
  flex: 1;
  min-width: 250px;
}

.register-form .form-group.full {
  flex-basis: 100%;
}

.register-form input,
.register-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  background: #f8f9fc;
  border-radius: 4px;
  font-size: 15px;
}

.register-form textarea {
  min-height: 120px;
  resize: vertical;
}

.register-form .form-group.submit {
  flex-basis: 100%;
}

.register-form button {
  background: #2196f3;
  color: #fff;
  padding: 14px 40px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.register-form button:hover {
  background: #1976d2;
}
/**/
.vci-page-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  color: #fff;
  text-align: center;
}
.vci-page-banner .overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.55);
}
.vci-page-banner .banner-content {
  position: relative;
  z-index: 2;
}
.vci-page-banner .page-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}
.vci-page-banner .breadcrumbs {
  font-size: 15px;
}
.vci-page-banner .breadcrumbs a {
  color: #fff;
}
.vci-page-banner .breadcrumbs span {
  color: #1e73be;
}
.vci-page-banner .page-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff !important; 
}
.vci-page-banner .breadcrumbs {
  font-size: 15px;
  color: #fff;
}
.vci-page-banner .breadcrumbs a {
  color: #fff;
}
.vci-page-banner .breadcrumbs span {
  color: #fff;
}
/*dịch vụ*/
/* Tiêu đề chuyên mục Portfolio */
.page-title .entry-title { 
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
    color:  #313191; 
    margin: 0;
    padding: 15px 0;
    text-align: center; 
    position: relative;
}

.page-title .entry-title::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background: #313191; 
    margin: 10px auto 0 auto; 
    border-radius: 2px;
}
/* +*/
.portfolio-box {
    position: relative;
    overflow: hidden;
}

.portfolio-box::after {
    content: "+"; 
    position: absolute;
    top:35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0); 
    font-size: 48px;
    font-weight: bold;
    color: #fff; 
    background: rgba(0,0,0,0.5); 
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.portfolio-box:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.is-divider {
    background-color: #313191;
    display: block;
    height: 3px;
    margin: 1em 0;
    max-width: 30px;
    width: 100%;
}

/*Tin tức*/
/* --- Bố cục bài viết --- */
.post-item {
    display: flex;
    align-items: flex-start; 
    gap: 20px; 
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.post-item a {
    display: flex;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

section#category-page .post-thumbnail {
    flex: 0 0 300px; 
    max-width: 300px;
	    margin-right: 25px;
}

section#category-page .post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    object-fit: cover;
}

.post-content {
    flex: 1;
}

.post-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px;
}

.post-meta {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.post-content p {
    margin-bottom: 10px;
    line-height: 1.5;
}

.readmore {
    font-size: 14px;
    color: #0073aa;
    font-weight: 600;
}
.post-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.s-block-title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd; 
}

/* --- Responsive Mobile --- */
@media (max-width: 768px) {
    .post-item,
    .post-item a {
        flex-direction: column;
    }

    .post-thumbnail {
        max-width: 100%;
        flex: unset;
    }
}
section#category-page {
    margin-top: 30px;
}


/*witget*/
#nav_menu-2 .menu li {
    position: relative;
    padding-left: 18px; 
}

#nav_menu-2 .menu li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #1e73be; 
    border-radius: 50%;
}

#nav_menu-2 .menu li ul.sub-menu li::before {
    width: 5px;
    height: 5px;
    background: #999; 
}

#nav_menu-2 .menu li ul.sub-menu li::before {
    content: none !important;
}
.widget>ul>li ul, ul.menu>li ul {
    border: none;
	    padding-left: 0px;
}
/*form lh*/
.form-lien-he {
    border: 1px solid #1e73be;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    max-width: 350px;
    margin: auto;
}

.form-lien-he h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
}

.form-lien-he .form-group {
    margin-bottom: 15px;
}

.form-lien-he input,
.form-lien-he textarea {
    width: 100%;
    border: 1px solid #1e73be;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    outline: none;
}

.form-lien-he textarea {
    min-height: 100px;
    resize: vertical;
}

.form-lien-he .form-submit input[type="submit"] {
    background: #1e73be;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.form-lien-he .form-submit input[type="submit"]:hover {
    background: #155a9c;
}
/*tl*/
.table-tai-lieu {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.table-tai-lieu th, 
.table-tai-lieu td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: center;
}

.table-tai-lieu th {
    background: #f5f5f5;
    font-weight: bold;
}

.table-tai-lieu tr:nth-child(even) {
    background: #fafafa;
}

.table-tai-lieu a {
    color: #0073aa;
    text-decoration: none;
}

.table-tai-lieu a:hover {
    text-decoration: underline;
}
.container.tai-lieu-taxonomy , .container.single-tai-lieu {
    margin-top: 30px; 
}
/*tài kiệu*/
.tai-lieu-subcategories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}

.tai-lieu-subcategories .cat-link {
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f8f8f8;
    text-decoration: none;
    color: #003366;
    font-weight: 500;
}

.tai-lieu-subcategories .cat-link.active,
.tai-lieu-subcategories .cat-link:hover {
    background: #003366;
    color: #fff;
}
/*Tin tức*/
.post-big {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.post-big .post-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 75%; 
    overflow: hidden;
}

.post-big .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}


.post-big .post-content {
    padding: 10px 0;
}

.post-big .post-content h4
 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    color: #2A4E9A;
    border-bottom: 1px solid #a6a5a5;
}

.post-big .post-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.post-big .link-view-detail {
    font-size: 13px;
    color: #0F62AC;
    text-transform: uppercase;
    font-weight: bold;
	    display: none;
}

/* Bài viết nhỏ*/


.post-item2 .post-content h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
}

.home-title3 h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    border-bottom: 1px solid #cbcbcb;
    display: inline-block;
    padding-bottom: 5px;
	color: #1163AD;
    text-transform: uppercase;
}
.post-item2 {
    display: flex;
    align-items: center; 
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.post-item2 .post-thumbnail {
   width: 120px;
    height: 90px;
    flex-shrink: 0;
    margin-right: 10px;
}

.post-item2 a {
    display: flex;
    align-items: center; 
    text-decoration: none; 
}



.post-item2 .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-item2 .post-content {
    flex: 1;
}

.post-item2 .post-content h4 {
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}
.post-content .post-date {
    font-size: 13px;
    color: #888;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.post-content .post-date i {
    font-size: 12px;
    color: #aaa;
}
.post-item2 {
    border-bottom: none;
}
/*form*/

.cf7-form {
  max-width: 600px;
  margin: auto;
}

.cf7-row {
  margin-bottom: 15px;
}

.cf7-row label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.cf7-row input,
.cf7-row textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
}

.cf7-row textarea {
  min-height: 120px;
}

.cf7-submit input {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 12px 30px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

.cf7-submit input:hover {
  background: #005f8d;
}
/*tao bang*/
.content-area table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #000 !important;
}

.content-area table td,
.content-area table th {
  border: 1px solid #000 !important;
  padding: 8px 10px;
  vertical-align: middle;
}

.content-area table tr:first-child td {
  font-weight: 700;
  text-align: center;
  background: #f5f5f5;
}
/* ====    Legacy homepage compat (2026-07-22) — match the old Flatsome look.
   ========================================================================== */
/* Boxed helper used by the ported legacy blocks (bc__product, bc__row2 …). */
.dragon-scope .container{max-width:1230px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
/* Compact desktop nav so all 8 long items fit on one line. */
.dragon-menu>li>a{font-size:13px;padding:8px 8px;letter-spacing:0}
.dragon-header .dragon-btn--primary{padding:8px 14px;font-size:13px}
/* Old-site logo proportions (flatsome logo_width = 123px). */
.dragon-logo img{width:auto;max-height:56px}
/* Full-bleed slider images. */
.vs-ux-slider .vs-ux-image-wrap,.vs-ux-slider figure{margin:0}
.vs-ux-slider img{width:100%;height:auto;display:block}
/* Legacy front page: no top/bottom gap around the first banner section. */
.vs-front-legacy .vs-ux-section:first-child{padding-top:0}
.vs-front-legacy .entry-content>.vs-ux-section{overflow-x:hidden}

/* ==== Header fit & overflow guard (2026-07-22 b) ==== */
html,body{overflow-x:hidden}
.dragon-menu>li>a{font-size:12.5px;padding:8px 6px}
@media (max-width:1500px){
  .dragon-header__cta-text{display:none}
  .dragon-header .dragon-btn--primary{padding:8px 10px}
}
@media (max-width:1350px){
  .dragon-header .dragon-btn--primary{display:none}
}

/* Menu underline: khop voi padding gon (2026-07-23) */
.dragon-menu > li > a::before { bottom: 2px; }

/* ==========================================================================
   Legacy chrome (2026-07-23): header 3 tầng + footer theo giao diện Flatsome cũ
   ========================================================================== */
/* Tầng 1: giờ làm việc */
.vs-hoursbar{background:var(--dragon-primary);color:#ffe98a;font-size:13px;font-weight:600;text-align:center;padding:6px 0}
/* Tầng 2: identity bar trắng */
.vs-idbar{background:#fff;border-bottom:1px solid #eef0f4}
.vs-idbar__inner{display:flex;align-items:center;gap:16px;padding:10px 15px}
.vs-idbar__logo img{width:92px;height:92px;border-radius:50%;object-fit:contain;display:block}
.vs-idbar__title{display:flex;flex-direction:column;text-decoration:none;min-width:0}
.vs-idbar__name{color:var(--dragon-primary);font-weight:800;font-size:21px;line-height:1.25}
.vs-idbar__slogan{color:var(--dragon-primary);font-size:14.5px;margin-top:4px}
.vs-idbar__info{display:flex;gap:22px;margin-left:auto}
.vs-idbar__infoitem{display:flex;align-items:center;gap:9px}
.vs-idbar__ico{width:38px;height:38px;border-radius:50%;background:#eef4fb;color:var(--dragon-accent);display:inline-flex;align-items:center;justify-content:center}
.vs-idbar__ico svg{width:20px;height:20px}
.vs-idbar__infotext{display:flex;flex-direction:column;font-size:13px;color:#333;line-height:1.35}
.vs-idbar__infotext b,.vs-idbar__infotext b a{color:#d21f2b;font-size:14.5px;text-decoration:none}
.vs-btn-red{display:inline-block;background:#d21f2b;color:#fff !important;font-weight:700;font-size:14px;padding:11px 18px;border-radius:8px;text-decoration:none;white-space:nowrap}
.vs-btn-red:hover{background:#b0121d}
/* Tầng 3: menu navy */
.vs-menubar{background:var(--dragon-primary)}
.vs-menubar .dragon-bar__inner{justify-content:flex-start}
.vs-menubar .dragon-menu>li>a{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;padding:14px 12px}
.vs-menubar .dragon-menu>li>a:hover{color:#ffe98a}
.vs-menubar .dragon-menu>li>a::before{background:#fff;bottom:6px}
.vs-menubar .dragon-menu .dragon-menu__caret{color:#fff}
.vs-menubar .dragon-nav{flex:1;min-width:0}
/* Search dropdown */
.vs-search{position:relative;margin-left:auto}
.vs-search summary{list-style:none;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%}
.vs-search summary::-webkit-details-marker{display:none}
.vs-search summary:hover{background:rgba(255,255,255,.14)}
.vs-search[open] .vs-search__form{display:flex}
.vs-search__form{display:none;position:absolute;right:0;top:calc(100% + 8px);background:#fff;padding:10px;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.18);gap:8px;z-index:60}
.vs-search__form input{border:1px solid #ccd3dd;border-radius:6px;padding:8px 10px;min-width:220px;font-size:14px}
/* Burger trong idbar (mobile) */
.vs-idbar .dragon-burger{display:none;margin-left:auto}
/* ===== Footer legacy ===== */
.vs-foot__main{background:#fff;border-top:1px solid #eef0f4;padding:44px 0 34px}
.vs-foot__grid{display:grid;grid-template-columns:5fr 3fr 4fr;gap:34px;align-items:start}
.vs-foot__col h3{color:var(--dragon-primary);font-size:17px;font-weight:800;text-transform:uppercase;margin:0 0 14px;line-height:1.4}
.vs-foot__about p{color:#444;font-size:14.5px;line-height:1.7;margin:0 0 10px}
.vs-foot__about a{color:#444;text-decoration:none}
.vs-foot__about a:hover{color:var(--dragon-primary)}
.vs-foot__socials{display:flex;gap:12px}
.vs-soc{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.vs-soc svg{width:19px;height:19px}
.vs-soc--fb{background:#3b5998}
.vs-soc--mail{background:#3d3d3d}
.vs-soc--tel{background:#28a745}
.vs-soc:hover{opacity:.85}
.vs-foot__fb iframe{max-width:100%;background:#fff;border:1px solid #e6e9ef}
.vs-foot__bottom{background:var(--dragon-primary);color:#fff;text-align:center;font-size:14px;padding:12px 0}
.vs-foot__bottom a{color:#ffe98a;text-decoration:none}
/* Responsive */
@media (max-width:1100px){
  .vs-idbar__info{display:none}
}
@media (max-width:920px){
  .vs-btn-red{display:none}
  .vs-idbar .dragon-burger{display:inline-flex}
  .vs-menubar{display:none}
  .vs-idbar__name{font-size:17px}
  .vs-idbar__logo img{width:64px;height:64px}
  .vs-foot__grid{grid-template-columns:1fr;gap:26px}
}

/* Polish idbar (2026-07-23 b) */
.vs-idbar__infotext b, .vs-idbar__infotext b a{white-space:nowrap}
.vs-idbar__infoitem:first-child .vs-idbar__infotext b{white-space:normal;max-width:230px}
.vs-idbar__name{font-size:19px}
.vs-idbar__title{flex:0 1 auto}

/* ==== Quy trình khám + nhịp trang chủ (2026-07-23 c) ==== */
/* 7 bước dàn đều toàn khổ, không bao giờ tràn/cắt (grid thay flex). */
/* Giữ nguyên .process-steps flex GỐC (bản cũ) — không đè grid. Chỉ chống tràn. */
.vs-front-legacy .process-steps{overflow:hidden}
/* Nhịp dọc gọn như bản cũ; tab tiêu đề dính liền băng/khối bên dưới. */
.vs-front-legacy .vs-ux-section{padding-block:22px}
.vs-front-legacy .vs-ux-row{margin-bottom:0}
.vs-front-legacy .vs-ux-text{margin:0}
.vs-front-legacy .tab-title{margin-bottom:0}

/* Trang chủ legacy: mọi nội dung thật đều nằm trong [section] — thẻ <p> cấp
   ngoài chỉ là rác wpautop giữa các section, ẩn đi để khép khoảng trắng. */
.vs-front-legacy .entry-content > p{display:none}

/* ==== Grid 12 cột thật cho row/col (override parent flex) ==== */
.vs-ux-row{display:grid !important;grid-template-columns:repeat(12,1fr);gap:1.25rem;align-items:start;margin-bottom:0}
.vs-ux-row--center{justify-items:center}
.vs-ux-row--collapse{gap:0}
.vs-ux-col{grid-column:span var(--vs-span,12);min-width:0;flex:none}
@media (max-width:849px){.vs-ux-col{grid-column:1 / -1}}

/* ==== Khớp pixel bản cũ (2026-07-24) ==== */
/* 1. Dòng giờ làm việc căn trái theo khung như cũ */
.vs-hoursbar{text-align:left}
/* 2. Kính lúp nằm ngay sau LIÊN HỆ (không đẩy sang mép) */
.vs-menubar .dragon-nav{flex:0 1 auto;min-width:0}
.vs-search{margin-left:6px}
/* 3. Bỏ gạch chân menu active (bản cũ chỉ in đậm trắng) */
.vs-menubar .dragon-menu>li>a::before{display:none}
.vs-menubar .dragon-menu>li.current-menu-item>a{font-weight:800}
/* 4. Tiêu đề footer cột 1 gọn 1 dòng như cũ */
.vs-foot__col h3{font-size:15px;letter-spacing:.2px}
.vs-foot__about h3{font-size:14px}

/* ==== Dọn khoảng trắng rác giữa các section trang chủ (2026-07-24 b) ==== */
.vs-front-legacy .entry-content > br,
.vs-front-legacy .entry-content > p:empty{display:none !important}
/* Section rỗng (do các block bị ẩn) không chiếm chỗ */
.vs-front-legacy .vs-ux-section:empty{display:none !important}
.vs-front-legacy .vs-ux-section > .dragon-container:empty{display:none}

/* ==== Font Roboto giống hệt Flatsome cũ (2026-07-24 c) ==== */
:root{--dragon-font:"Roboto",-apple-system,"Segoe UI",sans-serif}
body,.dragon-scope,.entry-content,.vs-ux-text,.dragon-menu,.vs-idbar__name,
.bc__product,.bc__row2,.bc__list,.process-steps,.tab-title,
.dragon-footer,.vs-foot{font-family:"Roboto",-apple-system,"Segoe UI",sans-serif}
/* Màu tiêu đề slate như bản cũ (Flatsome default #344059) */
.vs-front-legacy .entry-content h2,
.vs-front-legacy .entry-content h2 span{color:#344059}

/* ==== Bỏ gạch chân link trong nội dung & khối tin (giống bản cũ) 2026-07-24 d ==== */
.vs-front-legacy .entry-content a,
.vs-front-legacy .entry-content a:hover,
.bc__product a, .bc__row2 a, .bc__list a,
.post-big a, .post-item2 a, .post-item a, .post-item-big a,
.post-title, .post-title a, .view-all,
.entry-content .vs-ux-text a{text-decoration:none !important}
/* KHÔNG đè màu/độ đậm — để CSS gốc của site quyết định (khớp 100% bản cũ):
   .post-big h4 #2a4e9a/700 · .post-item2 h4 #344059/400 · date #888 · desc #555 */
.bc__product .post-content h4 a{text-decoration:none}

/* ==========================================================================
   Flatsome grid shim (2026-07-24 e) — LỖI GỐC khiến các khối không "thẳng hàng".
   Bản cũ dùng lưới .row/.col/.medium-*/.large-* của Flatsome; theme mới không
   có nên mọi cột rơi xuống 100% (xếp dọc). Tái tạo đúng breakpoint Flatsome:
   small = mặc định, medium ≥ 550px, large ≥ 850px.
   ========================================================================== */
.dragon-scope .row{display:flex;flex-wrap:wrap;margin:0 -15px}
.dragon-scope .row > .col{flex:0 0 100%;max-width:100%;padding:0 15px 30px;min-width:0;box-sizing:border-box}
.dragon-scope .row.row-5{margin:0 -5px}
.dragon-scope .row.row-5 > .col{padding:0 5px 10px}
.dragon-scope .row.row-small{margin:0 -10px}
.dragon-scope .row.row-small > .col{padding:0 10px 20px}
.dragon-scope .row.row-collapse{margin:0}
.dragon-scope .row.row-collapse > .col{padding:0}
.dragon-scope .col.noPadding{padding-left:0;padding-right:0}
.dragon-scope .col-inner{width:100%}
@media (min-width:550px){
  .dragon-scope .col.medium-1{flex:0 0 8.3333%;max-width:8.3333%}
  .dragon-scope .col.medium-2{flex:0 0 16.6666%;max-width:16.6666%}
  .dragon-scope .col.medium-3{flex:0 0 25%;max-width:25%}
  .dragon-scope .col.medium-4{flex:0 0 33.3333%;max-width:33.3333%}
  .dragon-scope .col.medium-5{flex:0 0 41.6666%;max-width:41.6666%}
  .dragon-scope .col.medium-6{flex:0 0 50%;max-width:50%}
  .dragon-scope .col.medium-7{flex:0 0 58.3333%;max-width:58.3333%}
  .dragon-scope .col.medium-8{flex:0 0 66.6666%;max-width:66.6666%}
  .dragon-scope .col.medium-9{flex:0 0 75%;max-width:75%}
  .dragon-scope .col.medium-10{flex:0 0 83.3333%;max-width:83.3333%}
  .dragon-scope .col.medium-11{flex:0 0 91.6666%;max-width:91.6666%}
  .dragon-scope .col.medium-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:850px){
  .dragon-scope .col.large-1{flex:0 0 8.3333%;max-width:8.3333%}
  .dragon-scope .col.large-2{flex:0 0 16.6666%;max-width:16.6666%}
  .dragon-scope .col.large-3{flex:0 0 25%;max-width:25%}
  .dragon-scope .col.large-4{flex:0 0 33.3333%;max-width:33.3333%}
  .dragon-scope .col.large-5{flex:0 0 41.6666%;max-width:41.6666%}
  .dragon-scope .col.large-6{flex:0 0 50%;max-width:50%}
  .dragon-scope .col.large-7{flex:0 0 58.3333%;max-width:58.3333%}
  .dragon-scope .col.large-8{flex:0 0 66.6666%;max-width:66.6666%}
  .dragon-scope .col.large-9{flex:0 0 75%;max-width:75%}
  .dragon-scope .col.large-10{flex:0 0 83.3333%;max-width:83.3333%}
  .dragon-scope .col.large-11{flex:0 0 91.6666%;max-width:91.6666%}
  .dragon-scope .col.large-12{flex:0 0 100%;max-width:100%}
}
.dragon-scope .text-left{text-align:left}
.dragon-scope .text-center{text-align:center}
.dragon-scope .text-right{text-align:right}

/* Ép lưới Flatsome thắng cascade (theme cha đặt .row{display:block} sau) */
.dragon-scope .row{display:flex !important;flex-wrap:wrap !important}
.dragon-scope .row > .col{box-sizing:border-box !important}
@media (min-width:550px){
  .dragon-scope .col.medium-6{flex:0 0 50% !important;max-width:50% !important}
  .dragon-scope .col.medium-12{flex:0 0 100% !important;max-width:100% !important}
  .dragon-scope .col.medium-4{flex:0 0 33.3333% !important;max-width:33.3333% !important}
  .dragon-scope .col.medium-8{flex:0 0 66.6666% !important;max-width:66.6666% !important}
}
@media (min-width:850px){
  .dragon-scope .col.large-6{flex:0 0 50% !important;max-width:50% !important}
}

/* ==== Footer khớp số đo bản cũ (2026-07-24 f) ====
   Cũ: cột 610/305/305 (=2fr 1fr 1fr) · h3 20px/700/#344059 · p 16px/#0a0a0a
       nút MXH tròn 34px màu #3a589d / #111 / #51cb5a                        */
.vs-foot__grid{grid-template-columns:2fr 1fr 1fr !important;gap:0 !important}
.vs-foot__col{padding:0 15px}
.vs-foot__col h3{font-size:20px !important;font-weight:700 !important;color:#344059 !important;text-transform:none !important;margin-bottom:16px}
.vs-foot__about p{font-size:16px !important;color:#0a0a0a !important;line-height:1.6}
.vs-foot__about a{color:#0a0a0a}
.vs-soc{width:34px !important;height:34px !important;border-radius:999px !important}
.vs-soc svg{width:17px;height:17px}
.vs-soc--fb{background:#3a589d !important}
.vs-soc--mail{background:#111 !important}
.vs-soc--tel{background:#51cb5a !important}

/* Mục "Trang chủ" trên menu desktop hiển thị bằng icon nhà (2026-07-24) */
.dragon-menu > li > a .td-menu-home{display:inline-flex;align-items:center;line-height:1}
.dragon-menu > li > a .td-menu-home svg{width:22px;height:22px;stroke-width:2}
.dragon-menu > li > a .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}