/*
 * DTA Premium V32 Luxury Layer
 * Sang trọng hơn nhưng vẫn giữ màu trắng - xanh dương chủ đạo.
 */
:root{
  --dta-lux-navy:#081a38;
  --dta-lux-blue:#155bd7;
  --dta-lux-cyan:#4abfff;
  --dta-lux-gold:#d8b45a;
  --dta-lux-ice:#f4f9ff;
  --dta-lux-line:rgba(28,105,198,.12);
  --dta-lux-shadow:0 28px 70px rgba(9,49,104,.12);
}

body.dta-premium-v32{
  background:
    radial-gradient(circle at 8% 4%,rgba(65,181,255,.10),transparent 24%),
    radial-gradient(circle at 94% 12%,rgba(21,91,215,.08),transparent 22%),
    #fff;
}
body.dta-premium-v32 .container{width:min(1320px,calc(100% - 52px));}

/* Header */
body.dta-premium-v32 .top-strip{
  background:linear-gradient(90deg,#071b3b,#0b3976 55%,#146dc1);
  box-shadow:0 8px 24px rgba(8,42,91,.12);
}
body.dta-premium-v32 .nav-wrap{
  min-height:84px;
  padding:12px 18px 12px 24px;
  border:1px solid rgba(255,255,255,.92);
  background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(246,251,255,.82));
  box-shadow:0 22px 70px rgba(8,49,104,.11),inset 0 1px 0 rgba(255,255,255,.98);
}
body.dta-premium-v32 .nav-wrap::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(74,191,255,.45),rgba(216,180,90,.36),transparent);
}
body.dta-premium-v32 .brand img{width:166px;filter:drop-shadow(0 10px 22px rgba(10,87,195,.18));}
body.dta-premium-v32 .main-nav > a,
body.dta-premium-v32 .nav-service-trigger{
  min-height:50px;
  padding:0 19px !important;
  border-radius:17px !important;
  letter-spacing:-.01em;
}
body.dta-premium-v32 .main-nav > a:hover,
body.dta-premium-v32 .main-nav > a:focus-visible,
body.dta-premium-v32 .nav-service-trigger:hover,
body.dta-premium-v32 .nav-service-trigger:focus-visible,
body.dta-premium-v32 .main-nav > a.active,
body.dta-premium-v32 .nav-service-trigger.active,
body.dta-premium-v32 .nav-dropdown.current-menu-item .nav-service-trigger{
  background:#ffffff;
  border-color:rgba(32,118,220,.14) !important;
  box-shadow:0 12px 26px rgba(13,84,174,.09),inset 0 1px 0 #fff !important;
}
body.dta-premium-v32 .nav-submenu{
  border:1px solid rgba(31,115,218,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,251,255,.96));
  box-shadow:0 34px 90px rgba(10,48,102,.19),inset 0 1px 0 #fff;
}
body.dta-premium-v32 .nav-submenu a:hover{
  background:linear-gradient(135deg,#eef8ff,#fffaf0);
}

/* Hero */
body.dta-premium-v32 .dta-premium-hero{
  background:
    radial-gradient(circle at 72% 35%,rgba(83,190,255,.26),transparent 32%),
    radial-gradient(circle at 20% 18%,rgba(21,91,215,.10),transparent 26%),
    linear-gradient(145deg,#fbfdff 0%,#edf6ff 56%,#f9fcff 100%);
}
body.dta-premium-v32 .dta-premium-eyebrow{
  border-color:rgba(21,91,215,.12);
  background:rgba(255,255,255,.80);
  box-shadow:0 12px 30px rgba(12,78,166,.07);
}
body.dta-premium-v32 .dta-premium-eyebrow span{color:var(--dta-lux-gold);}
body.dta-premium-v32 .hero-copy h1{
  color:var(--dta-lux-navy);
  text-shadow:0 1px 0 #fff;
}
body.dta-premium-v32 .hero-copy .lead{color:#647a98;}
body.dta-premium-v32 .btn-primary{
  background:#2991cb;
  box-shadow:0 22px 45px rgba(21,91,215,.28),inset 0 1px 0 rgba(255,255,255,.35);
}
body.dta-premium-v32 .btn-ghost{
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(244,249,255,.92));
  border-color:rgba(21,91,215,.13);
  box-shadow:0 18px 40px rgba(8,49,104,.08);
}
body.dta-premium-v32 .dta-stage-halo{
  background:radial-gradient(circle,rgba(95,199,255,.28),rgba(25,91,211,.09) 46%,transparent 72%);
}
body.dta-premium-v32 .dta-glass-core{
  border:1px solid rgba(255,255,255,.95);
  background:radial-gradient(circle at 32% 25%,#fff 0%,#edf7ff 46%,#cfeaff 100%);
  box-shadow:0 28px 70px rgba(21,91,215,.18),inset 0 0 0 1px rgba(255,255,255,.82),inset 0 -18px 38px rgba(61,162,240,.10);
}
body.dta-premium-v32 .floating-card{
  border:1px solid rgba(33,118,221,.11) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,249,255,.92)) !important;
  box-shadow:0 22px 56px rgba(8,49,104,.13) !important;
}
body.dta-premium-v32 .floating-card-icon{
  background:linear-gradient(145deg,#eff8ff,#dceeff) !important;
  box-shadow:0 10px 22px rgba(21,91,215,.12);
}

/* Award + stats panel */
body.dta-premium-v32 .hero-insight-panel{
  border:1px solid rgba(255,255,255,.94) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(241,248,255,.80)) !important;
  box-shadow:var(--dta-lux-shadow) !important;
}
body.dta-premium-v32 .hero-awards,
body.dta-premium-v32 .hero-stats > div{
  border-color:rgba(28,105,198,.10) !important;
  background:linear-gradient(145deg,#ffffff,#f5f9ff) !important;
  box-shadow:0 16px 36px rgba(8,49,104,.055);
}
body.dta-premium-v32 .hero-award-symbol,
body.dta-premium-v32 .hero-stats .stat-icon{
  color:#2468d8;
  background:linear-gradient(145deg,#f5fbff,#dceeff) !important;
}
body.dta-premium-v32 .hero-award-symbol{box-shadow:0 14px 34px rgba(21,91,215,.14),inset 0 0 0 1px rgba(216,180,90,.18);}

/* Partners */
body.dta-premium-v32 .partner-panel{
  border:1px solid rgba(255,255,255,.92);
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,255,.80));
  box-shadow:0 24px 60px rgba(8,49,104,.08);
}
body.dta-premium-v32 .partner-logo{
  border:1px solid rgba(28,105,198,.08);
  background:rgba(255,255,255,.86);
}

/* About */
body.dta-premium-v32 .about{
  background:linear-gradient(180deg,#ffffff,#f5f9ff 72%,#ffffff);
}
body.dta-premium-v32 .about-media-real::before,
body.dta-premium-v32 .about-media-real::after{
  border-color:rgba(21,91,215,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(230,244,255,.48));
  box-shadow:0 24px 55px rgba(8,49,104,.08);
}
body.dta-premium-v32 .about-metric-row{
  border-color:rgba(28,105,198,.10);
  background:linear-gradient(145deg,#fff,#f7fbff);
  box-shadow:0 15px 34px rgba(8,49,104,.055);
}
body.dta-premium-v32 .about-metric-row:hover{
  transform:translateX(6px) translateY(-2px);
  box-shadow:0 22px 45px rgba(8,49,104,.09);
}
body.dta-premium-v32 .about-metric-number strong{color:#2991cb;}

/* Services */
body.dta-premium-v32 .services.services-simple{
  background:
    radial-gradient(circle at 88% 18%,rgba(63,179,255,.11),transparent 24%),
    linear-gradient(155deg,#f7fbff 0%,#ffffff 46%,#eef5ff 100%);
}
body.dta-premium-v32 .services-head h2{color:var(--dta-lux-navy);}
body.dta-premium-v32 .services-all-btn{
  background:linear-gradient(145deg,#fff,#f1f7ff) !important;
  box-shadow:0 16px 36px rgba(8,49,104,.08) !important;
}
body.dta-premium-v32 .service-card-simple,
body.dta-premium-v32 .service-card-simple.featured,
body.dta-premium-v32 .service-card-simple.emphasis{
  border-color:rgba(28,105,198,.10) !important;
  background:linear-gradient(145deg,#fff 0%,#f6faff 72%,#eef6ff 100%) !important;
  box-shadow:0 24px 60px rgba(8,49,104,.075) !important;
}
body.dta-premium-v32 .service-card-simple::before{
  background:radial-gradient(circle,rgba(65,181,255,.20),rgba(65,181,255,0) 68%) !important;
}
body.dta-premium-v32 .service-card-simple::after{
  border:1px solid rgba(21,91,215,.08);
  background:linear-gradient(145deg,#f4faff,#dceeff) !important;
}
body.dta-premium-v32 .service-card-simple:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 34px 78px rgba(8,49,104,.13) !important;
}
body.dta-premium-v32 .service-icon{
  box-shadow:0 16px 36px rgba(21,91,215,.13) !important;
}

/* Journey */
body.dta-premium-v32 .journey {
  background: #ffffff;
}

body.dta-premium-v32 .journey-card {
  border-color: rgba(255, 255, 255, 0.18);
  background: #2991cb;
  box-shadow: 0 30px 75px rgba(0, 15, 45, 0.22);
}

body.dta-premium-v32 .journey-card:hover {
  border-color: rgba(255, 255, 255, 0.34);
  background: #2991cb;
}

body.dta-premium-v32 .journey-icon-wrap {
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

/* FAQ */
body.dta-premium-v32 .faq-section{
  background:linear-gradient(180deg,#fff,#f8fbff);
}
body.dta-premium-v32 .faq-item{
  border-color:rgba(28,105,198,.10);
  background:linear-gradient(145deg,#fff,#f7fbff);
  box-shadow:0 14px 34px rgba(8,49,104,.055);
}
body.dta-premium-v32 .faq-item[open]{
  box-shadow:0 24px 50px rgba(8,49,104,.10);
}
body.dta-premium-v32 .faq-image-card{
  border-color:rgba(255,255,255,.96);
  box-shadow:0 34px 90px rgba(8,49,104,.17);
}
body.dta-premium-v32 .faq-stats{
  border-color:rgba(28,105,198,.10);
  background:linear-gradient(145deg,#f6faff,#eef6ff);
}

/* News */
body.dta-premium-v32 .news{
  background:linear-gradient(180deg,#ffffff,#f3f8ff);
}
body.dta-premium-v32 .news-card{
  border-color:rgba(28,105,198,.10);
  background:linear-gradient(145deg,#fff,#f6faff);
  box-shadow:0 22px 58px rgba(8,49,104,.075);
}
body.dta-premium-v32 .news-card:hover{box-shadow:0 34px 80px rgba(8,49,104,.13);}

/* Register / contact */
body.dta-premium-v32 .register{
  background:linear-gradient(145deg,#edf7ff,#ffffff 52%,#f4f9ff);
}
body.dta-premium-v32 .register-grid{
  border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(242,249,255,.80));
  box-shadow:0 34px 90px rgba(8,49,104,.13);
}
body.dta-premium-v32 .consult-form{
  background:linear-gradient(145deg,#fff,#f6faff);
  border:1px solid rgba(28,105,198,.10);
  box-shadow:0 22px 55px rgba(8,49,104,.08);
}
body.dta-premium-v32 .contact-info-card{
  border-color:rgba(28,105,198,.10);
  background:linear-gradient(145deg,#fff,#f5faff);
  box-shadow:0 16px 36px rgba(8,49,104,.05);
}

/* Footer */
body.dta-premium-v32 .site-footer{
  background:
    radial-gradient(circle at 80% 0%,rgba(29,111,230,.20),transparent 26%),
    linear-gradient(135deg,#031229 0%,#082a60 56%,#0a4c9f 100%);
}
body.dta-premium-v32 .footer-logo{
  box-shadow:0 20px 46px rgba(0,10,32,.28);
}
body.dta-premium-v32 .footer-map{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.075);
  box-shadow:0 30px 85px rgba(0,10,32,.30);
}

@media(max-width:1200px){
  body.dta-premium-v32 .container{width:min(100% - 40px,1240px);}
  body.dta-premium-v32 .main-nav > a,
  body.dta-premium-v32 .nav-service-trigger{padding-inline:15px !important;font-size:13px !important;}
}
@media(max-width:991px){
  body.dta-premium-v32 .container{width:min(100% - 30px,1180px);}
  body.dta-premium-v32 .nav-wrap{min-height:74px;padding:10px 12px 10px 18px;}
  body.dta-premium-v32 .main-nav > a,
  body.dta-premium-v32 .nav-service-trigger{padding:14px 16px !important;}
  body.dta-premium-v32 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:767px){
  body.dta-premium-v32 .container{width:min(100% - 24px,1180px);}
  body.dta-premium-v32 .nav-wrap{border-radius:22px;}
  body.dta-premium-v32 .service-grid{grid-template-columns:1fr !important;}
  body.dta-premium-v32 .service-card-simple,
  body.dta-premium-v32 .service-card-simple.featured,
  body.dta-premium-v32 .service-card-simple.emphasis{
    padding:24px 74px 24px 22px !important;
  }
  body.dta-premium-v32 .register-grid{padding:24px;border-radius:28px;}
}


/* =========================
   V33 hotfix - hero stats wrap stabilization
   ========================= */
body.dta-premium-v32 .hero-insight-panel{
  grid-template-columns:minmax(0,1.28fr) minmax(0,1.02fr) !important;
}
body.dta-premium-v32 .hero-stats{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1fr);
  gap:18px !important;
  align-items:stretch;
}
body.dta-premium-v32 .hero-stats > div{
  min-width:0;
  min-height:170px;
  padding:20px 18px !important;
}
body.dta-premium-v32 .hero-stats strong{
  font-size:clamp(28px,2.25vw,34px) !important;
  line-height:1.02 !important;
}
body.dta-premium-v32 .hero-stats > div > span:last-child{
  display:block;
  margin-top:8px;
  font-size:clamp(13.5px,1vw,15px) !important;
  line-height:1.32 !important;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:normal;
  hyphens:none;
}
@media (max-width:1220px){
  body.dta-premium-v32 .hero-insight-panel{
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;
  }
  body.dta-premium-v32 .hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px !important;
  }
  body.dta-premium-v32 .hero-stats > div{
    padding:18px 14px !important;
  }
  body.dta-premium-v32 .hero-stats strong{
    font-size:clamp(25px,2vw,30px) !important;
  }
  body.dta-premium-v32 .hero-stats > div > span:last-child{
    font-size:13px !important;
  }
}
@media (max-width:767px){
  body.dta-premium-v32 .hero-stats{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body.dta-premium-v32 .hero-stats > div{
    min-height:auto;
  }
  body.dta-premium-v32 .hero-stats > div > span:last-child{
    font-size:14px !important;
  }
}


/* =========================
   V34 hotfix - contrast + stat cards stability
   ========================= */
body.dta-premium-v32 .hero-copy h1 .hero-line:first-child {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #081a38 !important;
    color: #081a38 !important;
    text-shadow: none !important;
}

body.dta-premium-v32 .hero-copy h1 .hero-line {
    margin-bottom: .12em !important;
}
body.dta-premium-v32 .hero-copy .lead{
  color:#697f9d !important;
}
body.dta-premium-v32 .hero-insight-panel{
  grid-template-columns:minmax(0,1.22fr) minmax(0,1.08fr) !important;
  gap:24px !important;
}
body.dta-premium-v32 .hero-stats{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.96fr) minmax(0,1.14fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
body.dta-premium-v32 .hero-stats > div{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  min-width:0;
  min-height:168px;
  padding:22px 14px 18px !important;
  overflow:hidden;
}
body.dta-premium-v32 .hero-stats .stat-icon{
  grid-row:auto !important;
  margin:0 0 12px 0 !important;
  width:44px !important;
  height:44px !important;
  flex:0 0 auto;
  font-size:14px !important;
}
body.dta-premium-v32 .hero-stats strong{
  display:block;
  margin:0;
  font-size:clamp(24px,2vw,31px) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em;
  color:#2991cb !important;
}
body.dta-premium-v32 .hero-stats > div > span:last-child{
  display:block;
  width:100%;
  margin-top:8px;
  color:#5c6f8f !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1.28 !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  letter-spacing:-.01em;
}
@media (max-width:1220px){
  body.dta-premium-v32 .hero-insight-panel{
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;
  }
  body.dta-premium-v32 .hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  body.dta-premium-v32 .hero-stats > div{
    min-height:154px;
    padding:18px 10px 16px !important;
  }
  body.dta-premium-v32 .hero-stats > div > span:last-child{
    font-size:11.5px !important;
  }
}
@media (max-width:920px){
  body.dta-premium-v32 .hero-stats{
    grid-template-columns:1fr !important;
  }
  body.dta-premium-v32 .hero-stats > div > span:last-child{
    white-space:normal !important;
    font-size:14px !important;
  }
}


/* Mobile: Giải thưởng và các số liệu xếp thành một hàng dọc */
@media (max-width: 767px) {

    body.dta-premium-v32 .hero-insight-panel {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;

        width: 100% !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    /* Khối giải thưởng chiếm toàn bộ chiều ngang */
    body.dta-premium-v32 .hero-awards {
        display: flex !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 20px 16px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Ba ô thống kê xếp dọc */
    body.dta-premium-v32 .hero-stats {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;

        width: 100% !important;
        margin: 0 !important;
    }

    body.dta-premium-v32 .hero-stats > div {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 150px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
    }

    body.dta-premium-v32 .hero-stats .stat-icon {
        margin: 0 0 10px !important;
    }

    body.dta-premium-v32 .hero-stats strong {
        font-size: 30px !important;
        line-height: 1.1 !important;
    }

    body.dta-premium-v32 .hero-stats > div > span:last-child {
        width: 100% !important;
        margin-top: 8px !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        white-space: normal !important;
    }
}
@media (max-width: 420px) {
    body.dta-premium-v32 .about-metric-row {
        grid-template-columns: 118px minmax(0, 1fr) !important;
    }

    body.dta-premium-v32 .about-metric-number .about-count {
        font-size: 31px !important;
    }
}

/* Laptop và desktop */
body.dta-premium-v32 .journey-head h2 {
    font-size: clamp(38px, 4.5vw, 66px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
    margin: 0 !important;
}

/* Máy tính màn hình vừa */
@media (max-width: 1200px) {
    body.dta-premium-v32 .journey-head h2 {
        font-size: clamp(36px, 4.8vw, 56px) !important;
        line-height: 1.22 !important;
    }
}

/* Điện thoại */
@media (max-width: 767px) {
    body.dta-premium-v32 .journey-head h2, h3 {
        font-size: clamp(31px, 9vw, 44px) !important;
        line-height: 1.4 !important;
        letter-spacing: -0.02em !important;
        padding: 0 6px !important;
    }
}

/* Điện thoại nhỏ */
@media (max-width: 420px) {
    body.dta-premium-v32 .journey-head h2, h3 {
        font-size: clamp(29px, 8.8vw, 37px) !important;
        line-height: 1.4 !important;
    }
}

.dta-project-logo-section .dta-project-logo-head h2 {
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
}

/* Sửa 3 floating card xếp dọc, không chồng nhau */
@media (max-width: 767px) {
    body.dta-premium-v30 .dta-3d-stage {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: 270px repeat(3, 86px) !important;
        row-gap: 12px !important;
        column-gap: 0 !important;

        width: 100% !important;
        height: auto !important;
        min-height: calc(270px + 3 * 86px + 36px) !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Phần mô hình luôn nằm ở hàng đầu */
    body.dta-premium-v30 .dta-stage-halo,
    body.dta-premium-v30 .dta-stage-grid,
    body.dta-premium-v30 .dta-orbit,
    body.dta-premium-v30 .dta-platform,
    body.dta-premium-v30 .dta-logo-showcase,
    body.dta-premium-v30 .dta-glass-core {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    body.dta-premium-v30 .floating-card,
    body.dta-premium-v30 .floating-card.card-1,
    body.dta-premium-v30 .floating-card.card-2,
    body.dta-premium-v30 .floating-card.card-3 {
        position: relative !important;
        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 86px !important;
        min-height: 86px !important;

        margin: 0 !important;
        padding: 12px 16px !important;
        box-sizing: border-box !important;

        transform: none !important;
        animation: none !important;
        align-self: stretch !important;
        justify-self: stretch !important;
    }

    body.dta-premium-v30 .floating-card.card-1 {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    body.dta-premium-v30 .floating-card.card-2 {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    body.dta-premium-v30 .floating-card.card-3 {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }
}

/* Sửa phần số liệu About trong khoảng 450px - 800px */
@media (min-width: 450px) and (max-width: 800px) {

    body.dta-premium-v29.dta-premium-v32 .about-metric-row {
        display: grid !important;
        grid-template-columns: clamp(155px, 27vw, 195px) minmax(0, 1fr) !important;
        column-gap: clamp(12px, 3vw, 22px) !important;
        align-items: center !important;

        width: 100% !important;
        padding: 16px 18px !important;
        box-sizing: border-box !important;
    }

    body.dta-premium-v29.dta-premium-v32 .about-metric-number {
        display: inline-flex !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;

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

        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    body.dta-premium-v29.dta-premium-v32
    .about-metric-number
    .about-count {
        display: inline-block !important;
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        font-size: clamp(34px, 7vw, 46px) !important;
        line-height: 1 !important;
        letter-spacing: -0.055em !important;
        white-space: nowrap !important;
    }

    body.dta-premium-v29.dta-premium-v32
    .about-metric-number > span {
        display: inline-block !important;
        position: static !important;
        flex: 0 0 auto !important;

        margin: 3px 0 0 1px !important;
        padding: 0 !important;
        transform: none !important;

        font-size: clamp(15px, 3vw, 19px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.dta-premium-v29.dta-premium-v32 .about-metric-text {
        min-width: 0 !important;
        padding-left: 0 !important;
    }

    body.dta-premium-v29.dta-premium-v32 .about-metric-text strong {
        display: block !important;
        margin: 0 0 5px !important;

        font-size: clamp(17px, 3.6vw, 21px) !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    body.dta-premium-v29.dta-premium-v32 .about-metric-text span {
        display: block !important;
        margin: 0 !important;

        font-size: clamp(13px, 2.8vw, 16px) !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }
}

/* Hiện đầy đủ Hotline trên tablet và mobile */
@media (max-width: 1100px) {
    body .top-strip-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    /* Chỉ ẩn phần ghi chú trống */
    body .top-strip-inner > .top-strip-note {
        display: none !important;
    }

    /* Hiện link hotline */
    body .top-strip-inner > a[href^="tel:"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;

        margin-left: auto !important;
        color: #ffffff !important;
        font-size: clamp(13px, 2.2vw, 16px) !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Ghi đè CSS cũ đang ẩn tất cả span */
    body .top-strip-inner > a[href^="tel:"] > span {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body .top-strip-inner > a[href^="tel:"] svg {
        display: block !important;
        flex: 0 0 17px !important;
        width: 17px !important;
        height: 17px !important;
    }
}

/* ==================================================
   DỊCH VỤ TRANG CHỦ: 3 CARD MỖI HÀNG
================================================== */

body.dta-premium-v32 .services-simple .service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

body.dta-premium-v32 .services-simple .service-card-simple,
body.dta-premium-v32 .services-simple .service-card-simple.featured,
body.dta-premium-v32 .services-simple .service-card-simple.emphasis {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    min-width: 0 !important;
    min-height: 310px !important;
    height: 100% !important;

    padding: 26px 24px !important;
    box-sizing: border-box !important;
}

body.dta-premium-v32 .services-simple .service-icon {
    display: grid !important;
    place-items: center !important;

    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;

    margin: 0 0 24px !important;
    border-radius: 17px !important;
}

body.dta-premium-v32 .services-simple .service-icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.dta-premium-v32 .services-simple .service-card-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.dta-premium-v32 .services-simple .service-card-simple h3 {
    margin: 0 0 12px !important;

    font-size: clamp(19px, 1.55vw, 23px) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
}

body.dta-premium-v32 .services-simple .service-card-simple p {
    display: block !important;
    margin: 0 !important;

    color: #667c9c !important;
    font-size: 15px !important;
    line-height: 1.65 !important;

    overflow-wrap: break-word !important;
}

/* Tablet: 2 dịch vụ mỗi hàng */
@media (min-width: 601px) and (max-width: 1024px) {
    body.dta-premium-v32 .services-simple .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    body.dta-premium-v32 .services-simple .service-card-simple,
    body.dta-premium-v32 .services-simple .service-card-simple.featured,
    body.dta-premium-v32 .services-simple .service-card-simple.emphasis {
        min-height: 280px !important;
    }
}

/* Mobile: 1 dịch vụ mỗi hàng */
@media (max-width: 600px) {
    body.dta-premium-v32 .services-simple .service-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 15px !important;
    }

    body.dta-premium-v32 .services-simple .service-card-simple,
    body.dta-premium-v32 .services-simple .service-card-simple.featured,
    body.dta-premium-v32 .services-simple .service-card-simple.emphasis {
        min-height: 0 !important;
        padding: 22px 20px !important;
    }

    body.dta-premium-v32 .services-simple .service-icon {
        margin-bottom: 18px !important;
    }
}

/* Sửa riêng tiêu đề Các dịch vụ nổi bật */
.services.services-simple .services-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 24px !important;
}

.services.services-simple .services-head-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.services.services-simple .services-head-main h2 {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;

    font-size: clamp(48px, 5vw, 76px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.04em !important;

    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .services.services-simple .services-head-main h2 {
        font-size: clamp(42px, 6vw, 60px) !important;
        line-height: 1.15 !important;
        white-space: normal !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .services.services-simple .services-head {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .services.services-simple .services-head-main h2 {
        font-size: clamp(36px, 10vw, 46px) !important;
        line-height: 1.18 !important;
        white-space: normal !important;
    }
}

/* Hiển thị mô tả phụ trong card dịch vụ */
body.dta-premium-v32 .services-simple .service-card-simple {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    min-height: 330px !important;
    padding: 26px 24px 74px !important;
    box-sizing: border-box !important;
}

body.dta-premium-v32 .services-simple .service-card-content {
    display: flex !important;
    flex-direction: column !important;

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

body.dta-premium-v32 .services-simple .service-card-content h3 {
    margin: 0 0 12px !important;
    line-height: 1.3 !important;
}

body.dta-premium-v32 .services-simple .service-card-description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    max-width: calc(100% - 42px) !important;
    margin: 0 !important;

    color: #667c9b !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}

/* Nút mũi tên không đè mô tả */
body.dta-premium-v32 .services-simple .service-card-simple::after {
    right: 22px !important;
    bottom: 22px !important;
}

@media (max-width: 767px) {
    body.dta-premium-v32 .services-simple .service-card-simple {
        min-height: 0 !important;
        padding: 22px 20px 70px !important;
    }

    body.dta-premium-v32 .services-simple .service-card-description {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

/* Đè thanh hotline thành một màu xanh cố định */
body.dta-premium-v32 .top-strip {
    background: #2991cb !important;
    background-color: #2991cb !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Xóa các lớp hiệu ứng phủ */
body.dta-premium-v32 .top-strip::before,
body.dta-premium-v32 .top-strip::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.dta-premium-v32 .top-strip-inner {
    background: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==================================================
   GHIM CỐ ĐỊNH TOÀN BỘ HEADER DTA
   Bao gồm thanh hotline và thanh menu
================================================== */

body.dta-premium-v32 .top-strip {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    z-index: 9998 !important;
}

body.dta-premium-v32 .site-header {
    position: fixed !important;
    top: 40px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 84px !important;
    margin: 0 !important;

    z-index: 9997 !important;
    overflow: visible !important;
}

/* Chừa khoảng trống bằng tổng chiều cao hotline + header */
body.dta-premium-v32 .dta-header-spacer {
    display: block !important;
    width: 100% !important;
    height: 124px !important;
    min-height: 124px !important;
}

/* Giữ khung menu sáng rõ khi cuộn */
body.dta-premium-v32 .site-header .nav-wrap {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

/* Khi đăng nhập WordPress */
body.admin-bar.dta-premium-v32 .top-strip {
    top: 32px !important;
}

body.admin-bar.dta-premium-v32 .site-header {
    top: 72px !important;
}

/* Tablet và mobile */
@media (max-width: 1100px) {
    body.dta-premium-v32 .top-strip {
        height: 40px !important;
    }

    body.dta-premium-v32 .site-header {
        top: 40px !important;
        height: 80px !important;
    }

    body.dta-premium-v32 .dta-header-spacer {
        height: 120px !important;
        min-height: 120px !important;
    }
}

/* Điện thoại có thanh quản trị WordPress cao 46px */
@media (max-width: 782px) {
    body.admin-bar.dta-premium-v32 .top-strip {
        top: 46px !important;
    }

    body.admin-bar.dta-premium-v32 .site-header {
        top: 86px !important;
    }
}

/* Desktop: tiêu đề hành trình luôn nằm trên 1 hàng */
@media (min-width: 1024px) {
    body.dta-premium-v32 .journey-head h2 {
        width: 100% !important;
        max-width: none !important;
        white-space: nowrap !important;
        font-size: clamp(34px, 3.4vw, 54px) !important;
        line-height: 1.15 !important;
    }
}

/* Tablet và điện thoại: cho phép xuống dòng bình thường */
@media (max-width: 1023px) {
    body.dta-premium-v32 .journey-head h2 {
        white-space: normal !important;
    }
}
/* ==================================================
   NÚT MŨI TÊN NGANG HÀNG ICON – MỌI THIẾT BỊ
================================================== */

body.dta-premium-v32 .services-simple .service-card-simple,
body.dta-premium-v32 .services-simple .service-card-simple.featured,
body.dta-premium-v32 .services-simple .service-card-simple.emphasis {
    position: relative !important;
}

/* Desktop */
body.dta-premium-v32 .services-simple a.service-card-simple::after,
body.dta-premium-v32 .services-simple a.service-card-simple.featured::after,
body.dta-premium-v32 .services-simple a.service-card-simple.emphasis::after {
    position: absolute !important;

    inset: 26px 24px auto auto !important;
    top: 26px !important;
    right: 24px !important;
    bottom: auto !important;
    left: auto !important;

    margin: 0 !important;
    transform: none !important;
    translate: none !important;
}

/* Tablet */
@media (min-width: 601px) and (max-width: 1024px) {
    body.dta-premium-v32 .services-simple a.service-card-simple::after,
    body.dta-premium-v32 .services-simple a.service-card-simple.featured::after,
    body.dta-premium-v32 .services-simple a.service-card-simple.emphasis::after {
        inset: 24px 22px auto auto !important;
        top: 24px !important;
        right: 22px !important;
        bottom: auto !important;
        left: auto !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    body.dta-premium-v32 .services-simple a.service-card-simple::after,
    body.dta-premium-v32 .services-simple a.service-card-simple.featured::after,
    body.dta-premium-v32 .services-simple a.service-card-simple.emphasis::after {
        inset: 22px 20px auto auto !important;
        top: 22px !important;
        right: 20px !important;
        bottom: auto !important;
        left: auto !important;
    }
}


/* Giữ tiêu đề Hành trình phát triển DTA trên một hàng */
body.dta-premium-v32 .dta-soft-section .section-head.centered {
    width: 100% !important;
    max-width: none !important;
}

body.dta-premium-v32 .dta-soft-section .section-head.centered h2 {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;

    font-size: clamp(38px, 4.2vw, 66px) !important;
    line-height: 1.12 !important;

    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
@media (max-width: 1023px) {
    body.dta-premium-v32 .dta-soft-section .section-head.centered h2 {
        white-space: normal !important;
        font-size: clamp(34px, 7vw, 54px) !important;
    }
}