/*
Theme Name: VietHaus Theme
Theme URI: https://viethaus.vn
Description: Giao diện độc lập chuẩn hóa thương hiệu VIETHAUS (Công ty TNHH SKB) - Thiết kế công nghiệp chuẩn phong cách Karmod, tối ưu Typography tiếng Việt & 6 ngành nghề cốt lõi, hoạt động độc lập không phụ thuộc theme cha, hỗ trợ hoàn hảo Elementor & WooCommerce.
Author: Kỹ sư Khánh Nguyễn / VIETHAUS Engineering
Author URI: https://viethaus.vn
Version: 1.0.3
Text Domain: viethaus-theme
License: GNU General Public License v2 or later
*/


/* ================= 1. NẠP FONT CHUẨN TIẾNG VIỆT TỪ GOOGLE FONTS ================= */
    @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Montserrat:wght@600;700;800;900&display=swap');

    /* ================= 2. ẨN TỰ ĐỘNG HEADER / TOPBAR CỦA THEME WORDPRESS (FLATSOME, ASTRA, WOOCOMMERCE...) ================= */
    header#masthead,
    header.site-header,
    .header-wrapper,
    #header-section,
    #top-bar,
    .top-bar-nav,
    .nav-top,
    .header-main,
    .header-top,
    #masthead,
    .flatsome-header-wrapper,
    .site-header-wrapper,
    #site-header {
      display: none !important;
    }

    /* ================= 3. CẤU HÌNH TỔNG THỂ & RESET FONT TIÊU CHUẨN ================= */
    #karmod-viethaus,
    #karmod-viethaus * {
      box-sizing: border-box !important;
      font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }

    #karmod-viethaus {
      color: #2D3748 !important;
      background-color: #F8F9FA !important;
      line-height: 1.65 !important;
      font-size: 15.5px !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #karmod-viethaus a {
      text-decoration: none !important;
      transition: all 0.2s ease !important;
    }

    /* BẢNG MÀU THƯƠNG HIỆU VIETHAUS CHUẨN KỸ NGHỆ */
    :root {
      --km-navy: #152238;       /* Xanh than công nghiệp đậm */
      --km-navy-light: #1E2D4A;
      --km-orange: #F37021;     /* Cam giải pháp & năng lượng */
      --km-orange-dark: #D95D12;
      --km-gray-bg: #EEF2F6;
      --km-border: #E2E8F0;
      --km-text-muted: #64748B;
    }

    /* TIÊU ĐỀ KỸ THUẬT: SỬ DỤNG MONTSERRAT / BE VIETNAM PRO ĐẬM */
    #karmod-viethaus h1,
    #karmod-viethaus h2,
    #karmod-viethaus h3,
    #karmod-viethaus h4,
    #karmod-viethaus .km-logo,
    #karmod-viethaus .km-btn-quote,
    #karmod-viethaus .km-hero-btn,
    #karmod-viethaus .km-tab-label {
      font-family: 'Montserrat', 'Be Vietnam Pro', sans-serif !important;
      letter-spacing: 0.2px !important;
    }

    /* 1. TOP BAR & HEADER (RÕ RÀNG, CHUẨN BỐ CỤC) */
    #karmod-viethaus .km-topbar {
      background: #0F172A !important;
      color: #94A3B8 !important;
      font-size: 14px !important;
      padding: 10px 20px !important;
      border-bottom: 2px solid #F37021 !important;
    }
    #karmod-viethaus .km-topbar-inner {
      max-width: 1240px !important;
      margin: 0 auto !important;
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 12px !important;
    }
    #karmod-viethaus .km-topbar-left {
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
    }
    #karmod-viethaus .km-topbar-left span {
      color: #CBD5E1 !important;
      font-size: 14px !important;
    }
    #karmod-viethaus .km-topbar-left a {
      color: #F37021 !important;
      font-weight: 800 !important;
      font-size: 15px !important;
      letter-spacing: 0.5px !important;
    }
    #karmod-viethaus .km-topbar a {
      color: #CBD5E1 !important;
      margin-left: 20px !important;
      font-size: 13.5px !important;
    }
    #karmod-viethaus .km-topbar a:hover {
      color: #F37021 !important;
    }

    #karmod-viethaus .km-header {
      background: #FFFFFF !important;
      box-shadow: 0 3px 12px rgba(0,0,0,0.06) !important;
      position: sticky !important;
      top: 0 !important;
      z-index: 999 !important;
    }
    #karmod-viethaus .km-header-inner {
      max-width: 1240px !important;
      margin: 0 auto !important;
      padding: 15px 20px !important;
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
    }
    #karmod-viethaus .km-logo {
      display: flex !important;
      align-items: center !important;
      text-decoration: none !important;
      height: 52px !important;
    }
    #karmod-viethaus .km-logo img {
      height: 48px !important;
      max-width: 250px !important;
      width: auto !important;
      object-fit: contain !important;
      display: block !important;
      transition: opacity 0.2s ease !important;
    }
    #karmod-viethaus .km-logo img:hover {
      opacity: 0.9 !important;
    }

    #karmod-viethaus .km-nav {
      display: flex !important;
      gap: 24px !important;
      list-style: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    #karmod-viethaus .km-nav li a {
      color: #1E293B !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      padding: 10px 0 !important;
      display: inline-block !important;
      line-height: 1.4 !important;
    }
    #karmod-viethaus .km-nav li a:hover,
    #karmod-viethaus .km-nav li.active a {
      color: #F37021 !important;
    }

    #karmod-viethaus .km-btn-quote {
      background: #F37021 !important;
      color: #FFFFFF !important;
      padding: 12px 24px !important;
      border-radius: 4px !important;
      font-size: 14.5px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
    }
    #karmod-viethaus .km-btn-quote:hover {
      background: #D95D12 !important;
    }

    /* 2. HERO SLIDER BANNER (TIÊU CHUẨN HIỆN ĐẠI) */
    #karmod-viethaus .km-hero {
      position: relative !important;
      min-height: 500px !important;
      background: #152238 url('https://images.unsplash.com/photo-1541888946425-d0fbb186156f?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat !important;
      display: flex !important;
      align-items: center !important;
      padding: 70px 0 !important;
    }
    #karmod-viethaus .km-hero::before {
      content: '' !important;
      position: absolute !important;
      inset: 0 !important;
      background: linear-gradient(90deg, rgba(21, 34, 56, 0.93) 0%, rgba(21, 34, 56, 0.55) 100%) !important;
    }
    #karmod-viethaus .km-hero-inner {
      position: relative !important;
      z-index: 2 !important;
      max-width: 1240px !important;
      margin: 0 auto !important;
      padding: 0 20px !important;
      width: 100% !important;
    }
    #karmod-viethaus .km-hero h1 {
      color: #FFFFFF !important;
      font-size: 42px !important;
      font-weight: 800 !important;
      line-height: 1.35 !important;
      margin: 0 0 18px 0 !important;
      max-width: 820px !important;
      text-transform: uppercase !important;
    }
    #karmod-viethaus .km-hero p {
      color: #E2E8F0 !important;
      font-size: 18px !important;
      line-height: 1.7 !important;
      margin: 0 0 30px 0 !important;
      max-width: 720px !important;
    }
    #karmod-viethaus .km-hero-btn {
      background: #F37021 !important;
      color: #FFF !important;
      padding: 16px 32px !important;
      font-size: 15.5px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      border-radius: 4px !important;
      display: inline-block !important;
      line-height: 1.4 !important;
    }
    #karmod-viethaus .km-hero-btn:hover {
      background: #D95D12 !important;
    }

    /* 3. DANH MỤC TRỤ CỘT ICON TABS (TỐI ƯU CÂN XỨNG, KHÔNG RỚT DÒNG) */
    #karmod-viethaus .km-tabs-wrap {
      max-width: 1240px !important;
      margin: -45px auto 45px auto !important;
      position: relative !important;
      z-index: 10 !important;
      padding: 0 20px !important;
    }
    #karmod-viethaus .km-tabs-bar {
      background: #FFFFFF !important;
      display: grid !important;
      grid-template-columns: repeat(6, 1fr) !important;
      border-radius: 6px !important;
      box-shadow: 0 10px 25px rgba(0,0,0,0.09) !important;
      overflow: hidden !important;
      border-bottom: 4px solid #152238 !important;
    }
    #karmod-viethaus .km-tab-btn {
      padding: 18px 6px !important;
      text-align: center !important;
      cursor: pointer !important;
      border-right: 1px solid #E2E8F0 !important;
      transition: all 0.25s !important;
      background: #FFFFFF !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 0 !important;
    }
    #karmod-viethaus .km-tab-btn:last-child {
      border-right: none !important;
    }
    #karmod-viethaus .km-tab-btn.active,
    #karmod-viethaus .km-tab-btn:hover {
      background: #152238 !important;
    }
    #karmod-viethaus .km-tab-btn.active .km-tab-label,
    #karmod-viethaus .km-tab-btn:hover .km-tab-label {
      color: #FFFFFF !important;
    }
    #karmod-viethaus .km-tab-btn.active .km-tab-svg,
    #karmod-viethaus .km-tab-btn:hover .km-tab-svg {
      color: #F37021 !important;
    }
    #karmod-viethaus .km-tab-svg {
      width: 30px !important;
      height: 30px !important;
      margin-bottom: 9px !important;
      color: #152238 !important;
      transition: color 0.2s ease !important;
      flex-shrink: 0 !important;
    }
    #karmod-viethaus .km-tab-label {
      font-size: 13.5px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      color: #1E293B !important;
      line-height: 1.3 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      max-width: 100% !important;
      letter-spacing: 0.1px !important;
    }

    /* KHUNG NỘI DUNG XỔ XUỐNG CỦA TAB */
    #karmod-viethaus .km-tab-pane {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-top: none !important;
      padding: 35px !important;
      display: none !important;
      box-shadow: 0 12px 24px rgba(0,0,0,0.05) !important;
      border-radius: 0 0 6px 6px !important;
    }
    #karmod-viethaus .km-tab-pane.active {
      display: grid !important;
      grid-template-columns: 340px 1fr !important;
      gap: 35px !important;
    }
    #karmod-viethaus .km-pane-img {
      width: 100% !important;
      height: 230px !important;
      border-radius: 6px !important;
      object-fit: cover !important;
    }
    #karmod-viethaus .km-pane-title {
      color: #152238 !important;
      margin: 0 0 18px 0 !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      text-transform: uppercase !important;
      line-height: 1.35 !important;
    }
    #karmod-viethaus .km-pane-links {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 16px 20px !important;
    }
    #karmod-viethaus .km-pane-links a {
      color: #334155 !important;
      font-size: 15.5px !important;
      font-weight: 600 !important;
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      line-height: 1.5 !important;
    }
    #karmod-viethaus .km-pane-links a:hover {
      color: #F37021 !important;
      transform: translateX(4px) !important;
    }
    #karmod-viethaus .km-pane-arrow {
      color: #F37021 !important;
      font-weight: 800 !important;
      font-size: 18px !important;
      line-height: 1 !important;
    }

    /* 4. THANH COUNTER XANH THAN */
    #karmod-viethaus .km-counter-bar {
      background: #152238 !important;
      color: #FFFFFF !important;
      padding: 50px 20px !important;
      text-align: center !important;
    }
    #karmod-viethaus .km-counter-title {
      font-size: 26px !important;
      font-weight: 800 !important;
      margin: 0 0 40px 0 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
      line-height: 1.35 !important;
    }
    #karmod-viethaus .km-counter-grid {
      max-width: 1240px !important;
      margin: 0 auto !important;
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 25px !important;
    }
    #karmod-viethaus .km-counter-item h3 {
      font-size: 48px !important;
      font-weight: 900 !important;
      color: #F37021 !important;
      margin: 0 0 8px 0 !important;
      line-height: 1.1 !important;
    }
    #karmod-viethaus .km-counter-item p {
      margin: 0 !important;
      font-size: 14.5px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      color: #CBD5E1 !important;
      line-height: 1.4 !important;
    }

    /* 5. DỰ ÁN TIÊU BIỂU */
    #karmod-viethaus .km-section {
      max-width: 1240px !important;
      margin: 70px auto !important;
      padding: 0 20px !important;
    }
    #karmod-viethaus .km-section-head {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      margin-bottom: 30px !important;
      border-bottom: 2px solid #E2E8F0 !important;
      padding-bottom: 14px !important;
    }
    #karmod-viethaus .km-section-title {
      font-size: 28px !important;
      font-weight: 800 !important;
      color: #152238 !important;
      margin: 0 !important;
      text-transform: uppercase !important;
      position: relative !important;
      line-height: 1.35 !important;
    }
    #karmod-viethaus .km-section-title::after {
      content: '' !important;
      position: absolute !important;
      bottom: -16px !important;
      left: 0 !important;
      width: 75px !important;
      height: 3px !important;
      background: #F37021 !important;
    }
    #karmod-viethaus .km-btn-all {
      background: #F37021 !important;
      color: #FFF !important;
      font-size: 13.5px !important;
      font-weight: 700 !important;
      padding: 8px 18px !important;
      border-radius: 4px !important;
      text-transform: uppercase !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
    }
    #karmod-viethaus .km-btn-all:hover {
      background: #D95D12 !important;
    }

    #karmod-viethaus .km-projects-grid {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 25px !important;
    }
    #karmod-viethaus .km-proj-card {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 6px !important;
      overflow: hidden !important;
      position: relative !important;
      box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
      transition: transform 0.2s ease !important;
    }
    #karmod-viethaus .km-proj-card:hover {
      transform: translateY(-4px) !important;
    }
    #karmod-viethaus .km-proj-img {
      width: 100% !important;
      height: 230px !important;
      object-fit: cover !important;
      display: block !important;
    }
    #karmod-viethaus .km-proj-badge {
      position: absolute !important;
      top: 14px !important;
      left: 14px !important;
      background: #152238 !important;
      color: #FFF !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      padding: 5px 12px !important;
      border-radius: 4px !important;
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
    }
    #karmod-viethaus .km-proj-badge svg {
      width: 13px !important;
      height: 13px !important;
      color: #F37021 !important;
    }
    #karmod-viethaus .km-proj-info {
      padding: 20px !important;
      background: #FFFFFF !important;
    }
    #karmod-viethaus .km-proj-info h4 {
      margin: 0 0 10px 0 !important;
      font-size: 18px !important;
      color: #152238 !important;
      font-weight: 700 !important;
      line-height: 1.4 !important;
    }
    #karmod-viethaus .km-proj-info p {
      margin: 0 !important;
      font-size: 14.5px !important;
      color: #64748B !important;
      line-height: 1.6 !important;
    }

    /* 6. DẢI BANNER CAM THƯƠNG HIỆU */
    #karmod-viethaus .km-slim-banner {
      background: #152238 url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1920&q=80') center/cover !important;
      position: relative !important;
      padding: 65px 20px !important;
      text-align: center !important;
      margin: 60px 0 !important;
    }
    #karmod-viethaus .km-slim-banner::before {
      content: '' !important;
      position: absolute !important;
      inset: 0 !important;
      background: rgba(21, 34, 56, 0.83) !important;
    }
    #karmod-viethaus .km-slim-content {
      position: relative !important;
      z-index: 2 !important;
    }
    #karmod-viethaus .km-slim-ribbon {
      background: #F37021 !important;
      color: #FFFFFF !important;
      display: inline-block !important;
      padding: 16px 36px !important;
      font-size: 21px !important;
      font-weight: 800 !important;
      text-transform: uppercase !important;
      border-radius: 4px !important;
      box-shadow: 0 4px 18px rgba(243, 112, 33, 0.45) !important;
      line-height: 1.35 !important;
      letter-spacing: 0.3px !important;
    }

    /* 7. PHÂN KHÚC CÔNG TRÌNH */
    #karmod-viethaus .km-sectors-box {
      display: grid !important;
      grid-template-columns: 310px 1fr !important;
      gap: 35px !important;
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 6px !important;
      overflow: hidden !important;
      box-shadow: 0 6px 20px rgba(0,0,0,0.04) !important;
    }
    #karmod-viethaus .km-sec-menu {
      background: #F8FAFC !important;
      border-right: 1px solid #E2E8F0 !important;
      display: flex !important;
      flex-direction: column !important;
    }
    #karmod-viethaus .km-sec-btn {
      padding: 18px 22px !important;
      font-size: 15.5px !important;
      font-weight: 700 !important;
      color: #334155 !important;
      cursor: pointer !important;
      border-bottom: 1px solid #E2E8F0 !important;
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      transition: all 0.2s !important;
      line-height: 1.4 !important;
    }
    #karmod-viethaus .km-sec-btn svg {
      width: 20px !important;
      height: 20px !important;
      flex-shrink: 0 !important;
    }
    #karmod-viethaus .km-sec-btn.active {
      background: #F37021 !important;
      color: #FFFFFF !important;
      border-bottom-color: #F37021 !important;
    }
    #karmod-viethaus .km-sec-btn:hover:not(.active) {
      background: #E2E8F0 !important;
      color: #152238 !important;
    }
    #karmod-viethaus .km-sec-content {
      padding: 35px !important;
      display: none !important;
    }
    #karmod-viethaus .km-sec-content.active {
      display: grid !important;
      grid-template-columns: 1fr 340px !important;
      gap: 30px !important;
      align-items: center !important;
    }
    #karmod-viethaus .km-sec-text h3 {
      font-size: 24px !important;
      color: #152238 !important;
      font-weight: 800 !important;
      margin: 0 0 16px 0 !important;
      line-height: 1.35 !important;
    }
    #karmod-viethaus .km-sec-text p {
      font-size: 15.5px !important;
      color: #64748B !important;
      line-height: 1.7 !important;
      margin-bottom: 24px !important;
    }
    #karmod-viethaus .km-sec-img {
      width: 100% !important;
      height: 250px !important;
      object-fit: cover !important;
      border-radius: 6px !important;
    }

    /* 8. VIDEO GALLERY BOX */
    #karmod-viethaus .km-video-wrap {
      background: #152238 !important;
      border-radius: 6px !important;
      padding: 40px !important;
      color: #FFF !important;
      margin-bottom: 70px !important;
    }
    #karmod-viethaus .km-video-head {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      margin-bottom: 28px !important;
      flex-wrap: wrap !important;
      gap: 12px !important;
    }
    #karmod-viethaus .km-video-head h3 {
      font-size: 24px !important;
      font-weight: 800 !important;
      margin: 0 !important;
      text-transform: uppercase !important;
      line-height: 1.35 !important;
    }
    #karmod-viethaus .km-video-grid {
      display: grid !important;
      grid-template-columns: 1.2fr 1fr !important;
      gap: 28px !important;
    }
    #karmod-viethaus .km-video-main {
      position: relative !important;
      border-radius: 6px !important;
      overflow: hidden !important;
      height: 290px !important;
      background: #000 url('https://images.unsplash.com/photo-1504307651254-35680f356f90?auto=format&fit=crop&w=800&q=80') center/cover !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: pointer !important;
    }
    #karmod-viethaus .km-play-btn {
      width: 64px !important;
      height: 64px !important;
      background: #F37021 !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: #FFF !important;
      font-size: 24px !important;
      box-shadow: 0 0 20px rgba(243, 112, 33, 0.6) !important;
      padding-left: 4px !important;
    }
    #karmod-viethaus .km-video-list {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 16px !important;
    }
    #karmod-viethaus .km-video-thumb {
      height: 137px !important;
      border-radius: 6px !important;
      background-size: cover !important;
      background-position: center !important;
      position: relative !important;
      display: flex !important;
      align-items: flex-end !important;
      padding: 14px !important;
      color: #FFF !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.35 !important;
      cursor: pointer !important;
    }
    #karmod-viethaus .km-video-thumb::before {
      content: '' !important;
      position: absolute !important;
      inset: 0 !important;
      background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%) !important;
      border-radius: 6px !important;
    }
    #karmod-viethaus .km-video-thumb span {
      position: relative !important;
      z-index: 2 !important;
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
    }

    /* 9. TẠI SAO CHỌN VIETHAUS (TỐI ƯU CARD & TIÊU ĐỀ 1 DÒNG CHUẨN MỰC) */
    #karmod-viethaus .km-why-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 20px !important;
      margin: 45px 0 !important;
    }
    #karmod-viethaus .km-why-card {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      padding: 32px 14px !important;
      text-align: center !important;
      border-radius: 6px !important;
      transition: all 0.25s ease !important;
    }
    #karmod-viethaus .km-why-card:hover {
      box-shadow: 0 10px 25px rgba(21, 34, 56, 0.08) !important;
      transform: translateY(-3px) !important;
      border-color: #CBD5E1 !important;
    }
    #karmod-viethaus .km-why-icon-wrap {
      width: 58px !important;
      height: 58px !important;
      margin: 0 auto 16px auto !important;
      background: #FFF4EC !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: #F37021 !important;
    }
    #karmod-viethaus .km-why-card h4 {
      font-size: 14.5px !important;
      color: #152238 !important;
      font-weight: 800 !important;
      margin: 0 0 12px 0 !important;
      text-transform: uppercase !important;
      line-height: 1.3 !important;
      white-space: nowrap !important;
      letter-spacing: 0 !important;
    }
    #karmod-viethaus .km-why-card p {
      font-size: 13.5px !important;
      color: #64748B !important;
      margin: 0 !important;
      line-height: 1.6 !important;
    }

    /* 10. MEGA FOOTER (CHUẨN HOÁ TYPOGRAPHY & GRID KHÔNG BỊ TÁCH DÒNG) */
    #karmod-viethaus .km-footer {
      background: #152238 !important;
      color: #94A3B8 !important;
      padding: 55px 20px 25px 20px !important;
      font-size: 13px !important;
      border-top: 4px solid #F37021 !important;
    }
    #karmod-viethaus .km-footer-grid {
      max-width: 1240px !important;
      margin: 0 auto !important;
      display: grid !important;
      grid-template-columns: 1.55fr 1.95fr 2.05fr 1.45fr !important;
      gap: 24px !important;
      margin-bottom: 35px !important;
    }
    #karmod-viethaus .km-footer h4 {
      color: #FFFFFF !important;
      font-size: 14.5px !important;
      font-weight: 800 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.2px !important;
      margin: 0 0 16px 0 !important;
      position: relative !important;
      padding-bottom: 8px !important;
      line-height: 1.3 !important;
      white-space: nowrap !important;
    }
    #karmod-viethaus .km-footer h4::after {
      content: '' !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      width: 32px !important;
      height: 2px !important;
      background: #F37021 !important;
    }
    #karmod-viethaus .km-footer p {
      font-size: 13px !important;
      line-height: 1.6 !important;
      color: #94A3B8 !important;
      margin: 0 0 12px 0 !important;
    }
    #karmod-viethaus .km-footer strong {
      color: #FFFFFF !important;
      font-weight: 700 !important;
    }
    #karmod-viethaus .km-footer-hotline-link {
      color: #F37021 !important;
      font-weight: 800 !important;
      font-size: 14px !important;
      letter-spacing: 0.3px !important;
      white-space: nowrap !important;
      text-decoration: none !important;
      transition: all 0.2s ease !important;
    }
    #karmod-viethaus .km-footer-hotline-link:hover {
      color: #D95D12 !important;
      text-decoration: underline !important;
    }
    #karmod-viethaus .km-footer ul {
      list-style: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    #karmod-viethaus .km-footer ul li {
      margin-bottom: 9px !important;
      line-height: 1.4 !important;
    }
    #karmod-viethaus .km-footer ul li a {
      color: #CBD5E1 !important;
      line-height: 1.4 !important;
      display: inline-block !important;
      font-size: 13px !important;
      white-space: nowrap !important;
      transition: all 0.2s ease !important;
    }
    #karmod-viethaus .km-footer ul li a:hover {
      color: #F37021 !important;
      padding-left: 4px !important;
    }
    #karmod-viethaus .km-bottom-bar {
      max-width: 1240px !important;
      margin: 0 auto !important;
      border-top: 1px solid rgba(255,255,255,0.08) !important;
      padding-top: 20px !important;
      display: flex !important;
      justify-content: space-between !important;
      font-size: 12.5px !important;
      color: #64748B !important;
      flex-wrap: wrap !important;
      gap: 12px !important;
    }

    /* RESPONSIVE TRÊN ĐIỆN THOẠI & TABLET */
    @media (max-width: 1080px) and (min-width: 601px) {
      #karmod-viethaus .km-nav { display: none !important; }
      #karmod-viethaus .km-tabs-bar { grid-template-columns: repeat(3, 1fr) !important; }
      #karmod-viethaus .km-tab-label { white-space: normal !important; }
      #karmod-viethaus .km-tab-pane.active { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-counter-grid { grid-template-columns: repeat(2, 1fr) !important; }
      #karmod-viethaus .km-projects-grid { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-sectors-box { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-sec-content.active { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-video-grid { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-why-grid { grid-template-columns: repeat(2, 1fr) !important; }
      #karmod-viethaus .km-footer-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 35px 25px !important; }
    }
    @media (max-width: 600px) {
      #karmod-viethaus .km-nav { display: none !important; }
      #karmod-viethaus .km-tabs-bar { grid-template-columns: repeat(2, 1fr) !important; }
      #karmod-viethaus .km-hero h1 { font-size: 28px !important; }
      #karmod-viethaus .km-counter-grid { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-why-grid { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-why-card h4 { white-space: normal !important; font-size: 16px !important; }
      #karmod-viethaus .km-footer-grid { grid-template-columns: 1fr !important; gap: 30px !important; }
      #karmod-viethaus .km-footer ul li a { white-space: normal !important; }
    }
    @media (max-width: 600px) {
      #karmod-viethaus .km-tabs-bar { grid-template-columns: repeat(2, 1fr) !important; }
      #karmod-viethaus .km-hero h1 { font-size: 28px !important; }
      #karmod-viethaus .km-counter-grid { grid-template-columns: 1fr !important; }
      #karmod-viethaus .km-why-grid { grid-template-columns: 1fr !important; }
    }
    /* LOGO HEADER CHUẨN THƯƠNG HIỆU VIETHAUS */
    #karmod-viethaus .km-logo {
      display: flex !important;
      align-items: center !important;
      text-decoration: none !important;
      height: 52px !important;
      margin-right: 25px !important;
    }
    #karmod-viethaus .km-logo-img,
    #karmod-viethaus .km-logo img {
      height: 48px !important;
      max-width: 250px !important;
      width: auto !important;
      object-fit: contain !important;
      display: block !important;
      transition: opacity 0.2s ease !important;
    }
    #karmod-viethaus .km-logo img:hover {
      opacity: 0.88 !important;
    }
    @media (max-width: 768px) {
      #karmod-viethaus .km-logo {
        height: 42px !important;
      }
      #karmod-viethaus .km-logo-img,
      #karmod-viethaus .km-logo img {
        height: 38px !important;
        max-width: 190px !important;
      }
    }