/* =====================================================================
   wintoptec.vn — TRANG CHỦ (agent B) — vòng 2: CHÉP trang chủ enwintoptec.com.
   Số đo port từ CSS gốc (style.css / yt-style.css / pages.css) — ghi chú selector gốc ở từng khối.
   MỌI selector nằm dưới .wt-home (class gốc của mỗi section do [wt_home_*] in ra).
   Màu riêng của site gốc không có trong token chung → khai báo biến cục bộ --wth-* dưới đây.
   ===================================================================== */

.wt-home {
  /* "rem" của site gốc: html{font-size:calc(100vw/19.2)} · ≥1901px:100px · ≤1580px:66px · ≤767px:calc(100vw/7.5) */
  --r: calc(100vw / 19.2);
  --wth-navy: #003281;      /* .idx_title .title, .icon_hot2 i, .mo_tit::after */
  --wth-hot: #f56300;       /* .Hot */
  --wth-line: #f1efef;      /* .module1_product-card border */
  --wth-line-2: #f1f1f1;    /* .module1_nav border-bottom */
  --wth-line-3: #eee;       /* .module6_news_item border-bottom */
  --wth-card: #f8f9fa;      /* --jjff-card-bg */
  --wth-muted: #6c757d;     /* --jjff-text-light */
  --wth-desp: #8f8e8e;      /* .module_desp */
  --wth-cta-text: #090909;  /* .cta_container */
  --wth-cta-btn: #007bff;   /* .phone_btn */
  --wth-cta-btn-h: #0056b3; /* .phone_btn:hover */
  --wth-cta-bg: #f0f0f0;    /* .module_cta */
  font-family: var(--wt-font);
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
@media (min-width: 1901px) { .wt-home { --r: 100px; } }
@media (max-width: 1580px) { .wt-home { --r: 66px; font-size: 14px; } }
@media (max-width: 767px) { .wt-home { --r: calc(100vw / 7.5); font-size: calc(var(--r) * .28); } }

/* reset kiểu site gốc ( * {margin:0;padding:0;box-sizing:border-box} h*{font-size:inherit;font-weight:normal} ) */
.wt-home *, .wt-home *::before, .wt-home *::after { box-sizing: border-box; }
.wt-home :where(h1, h2, h3, h4, p, ul, li, figure, picture) {
  margin: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: inherit; letter-spacing: normal; color: inherit;
}
.wt-home :where(img) { border: 0; vertical-align: top; max-width: none; }
.wt-home a, .wt-home a:hover, .wt-home a:focus { color: #333; text-decoration: none; }
.wt-home.wt-hero .wt-hero__btn,
.wt-home.wt-hp .wt-hp__tab { all: unset; box-sizing: border-box; cursor: pointer; font: inherit; }
.wt-home :focus-visible { outline: 2px solid #0066cc; outline-offset: 2px; }

/* =====================================================================
   1. HERO — .bannerbox / .fz_cont / .qie / .banner_page / .sel
   ===================================================================== */
.wt-home.wt-hero {
  --hero-h: 100vh;
  position: relative; width: 100%; height: var(--hero-h); overflow: hidden;
  background: var(--wt-primary-deep); touch-action: pan-y;
}
@media (max-width: 1199px) { .wt-home.wt-hero { --hero-h: 70vh; } }
.wt-home .wt-hero__track { position: absolute; inset: 0; }
.wt-home .wt-hero__slide {
  position: absolute; inset: 0; display: block; overflow: hidden;
  transform: translate3d(100%, 0, 0); visibility: hidden;
}
.wt-home .wt-hero__slide.is-active,
.wt-home .wt-hero__slide.is-moving { visibility: visible; }
.wt-home .wt-hero__slide.is-active { transform: translate3d(0, 0, 0); }
.wt-home .wt-hero__slide.is-anim { transition: transform .3s ease; }
.wt-home .wt-hero__img { position: absolute; inset: 0; display: block; }
.wt-home .wt-hero__img img { width: 100%; height: 100%; object-fit: cover; }

/* chữ HTML bản VI: "sân khấu" phủ ảnh giống object-fit:cover → toạ độ % theo ảnh, cỡ chữ theo cqw */
.wt-home .wt-hero__stage {
  position: absolute; left: 50%; top: 50%; aspect-ratio: 2 / 1; width: max(100%, calc(var(--hero-h) * 2));
  transform: translate(-50%, -50%); container-type: inline-size; pointer-events: none;
}
.wt-home .wt-hero__stage--m { display: none; aspect-ratio: 3 / 4; width: max(100%, calc(var(--hero-h) * .75)); }
@media (max-width: 767px) {
  .wt-home .wt-hero__stage--d { display: none; }
  .wt-home .wt-hero__stage--m { display: block; }
}
.wt-home .wt-hero__t {
  position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%);
  font-size: calc(var(--fs) * 1cqw); font-weight: var(--fw, 700); line-height: var(--lh, 1.15);
  letter-spacing: var(--ls, 0); color: var(--c, #fff); white-space: nowrap;
}
.wt-home .wt-hero__t.is-center { transform: translateX(-50%); text-align: center; }
.wt-home .wt-hero__t.is-right { left: auto; right: calc((100 - var(--x)) * 1%); text-align: right; }
.wt-home .wt-hero__t b { font-weight: 700; }
html[lang^="en"] .wt-home .wt-hero__stage { font-family: "Rubik", var(--wt-font); } /* Rubik Regular + bold → gần chữ in đậm của ảnh gốc */
.wt-home .wt-hero__t em { font-style: normal; color: var(--wt-accent); }
.wt-home .wt-hero__t--brand { letter-spacing: var(--ls, .1em); }
.wt-home .wt-hero__t--bar { padding: 0 .42em; line-height: 1.68; background: rgba(255, 255, 255, .2); }
.wt-home .wt-hero__t--num { font-weight: 400; }
.wt-home .wt-hero__t--num b { color: var(--wt-accent); font-size: 2.12em; line-height: 1; margin-right: .22em; }
.wt-home .wt-hero__t--spaced { font-weight: 300; letter-spacing: var(--ls, .42em); color: rgba(255, 255, 255, .88); line-height: 1.33; }
.wt-home .wt-hero__t--shadow { text-shadow: 0 .04em .14em rgba(0, 0, 0, .35); }
.wt-home .wt-hero__t--pill { font-weight: 400; color: #444; border: max(1px, .075em) solid currentColor; border-radius: .34em; padding: .1em .55em; }
.wt-home .wt-hero__t--pill-w { color: #fff; }
.wt-home .wt-hero__t--gold {
  padding-bottom: .12em; color: transparent;
  background: linear-gradient(90deg, #9b5a06 0%, #b77a2f 38%, #d0a466 74%, #e2c9a2 100%);
  -webkit-background-clip: text; background-clip: text;
}
.wt-home .wt-hero__t--dark { font-weight: 400; color: #1e1e1e; letter-spacing: .06em; }
.wt-home .wt-hero__t--bar2 { font-weight: 600; color: #26394b; letter-spacing: .14em; padding: .22em .9em; background: rgba(255, 255, 255, .38); }
.wt-home .wt-hero__icons { display: flex; align-items: center; gap: 3.6em; font-weight: 400; }
.wt-home .wt-hero__icons span { display: flex; align-items: center; gap: 1em; }
.wt-home .wt-hero__icons img { width: 2.9em; height: 2.9em; }
.wt-home .wt-hero__t--icons-m .wt-hero__icons { gap: 1.6em; }
.wt-home .wt-hero__t--icons-m .wt-hero__icons span { gap: .6em; }
.wt-home .wt-hero__t--icons-m .wt-hero__icons img { width: 2.6em; height: 2.6em; }
.wt-home .wt-hero__t--gold-m { background-image: linear-gradient(90deg, #9b5a06 0%, #b0742a 55%, #c99a5a 100%); }

/* bộ đếm + nút (.qie) */
.wt-home .wt-hero__qie { position: absolute; left: 0; bottom: calc(var(--r) * 1.4); width: 100%; z-index: 2; pointer-events: none; }
.wt-home .wt-hero__container { display: flex; justify-content: space-between; margin: 0 auto; width: 83.333333%; max-width: 1600px; }
@media (max-width: 1580px) { .wt-home .wt-hero__container { width: 86%; } }
@media (max-width: 1199px) { .wt-home .wt-hero__container { width: 90%; } }
.wt-home .wt-hero__page { display: flex; align-items: flex-start; font-size: 18px; color: #fff; padding-left: calc(var(--r) * .6); line-height: .8; }
@media (max-width: 1580px) { .wt-home .wt-hero__page { font-size: 16px; } }
.wt-home .wt-hero__cur { display: block; font-size: calc(var(--r) * .6); margin-right: 6px; }
.wt-home .wt-hero__total { display: block; margin-left: 10px; }
.wt-home .wt-hero__sel { display: flex; align-items: center; pointer-events: auto; }
.wt-home.wt-hero .wt-hero__btn {
  width: calc(var(--r) * .8); height: calc(var(--r) * .8); display: flex; align-items: center; justify-content: center;
  border: solid 2px #fff; position: relative; overflow: hidden;
}
.wt-home.wt-hero .wt-hero__prev { border-right: none; }
.wt-home .wt-hero__btn::before {
  content: ""; display: block; width: 0%; height: 108%; background-color: #fff; position: absolute; left: -2px; bottom: -2px;
  transition: all .3s linear;
}
.wt-home .wt-hero__btn:hover::before { width: 108%; }
.wt-home .wt-hero__btn i { display: block; width: 20px; overflow: hidden; position: relative; z-index: 2; }
.wt-home .wt-hero__btn svg { width: 100%; float: left; fill: #fff; }
.wt-home .wt-hero__btn:hover svg { fill: var(--wt-primary); }
@media (max-width: 767px) {
  .wt-home .wt-hero__qie { bottom: calc(var(--r) * .6); }
  .wt-home .wt-hero__page { padding-left: 0; }
  .wt-home.wt-hero .wt-hero__btn { border-width: 1px; }
  .wt-home.wt-hero .wt-hero__prev { border-right: none; }
  .wt-home .wt-hero__btn i { width: calc(var(--r) * .17); }
}
@media (prefers-reduced-motion: reduce) { .wt-home .wt-hero__slide.is-anim { transition: none; } }

/* =====================================================================
   2. DÒNG SẢN PHẨM — .module1_container / .module1_nav / .module1_products / .module1_product-card
   ===================================================================== */
.wt-home.wt-hp { max-width: 1400px; margin: 0 auto; padding: 20px; }
.wt-home .wt-hp__nav {
  display: flex; justify-content: flex-start; gap: 30px; margin: 10px 0 40px; flex-wrap: wrap;
  border-bottom: 1px solid var(--wth-line-2); padding-bottom: 25px;
}
.wt-home.wt-hp .wt-hp__tab {
  display: flex; flex-direction: column; align-items: center; color: #333; font-size: 14px; line-height: 1.5;
  width: calc((100% - 210px) / 7); min-width: 100px; text-align: center;
}
.wt-home.wt-hp .wt-hp__tab.is-active,
.wt-home.wt-hp .wt-hp__tab:hover { color: var(--wt-accent); transition: all .3s ease; }
.wt-home .wt-hp__icon { display: block; width: 80px; height: 80px; margin-bottom: 8px; }
.wt-home .wt-hp__name { display: block; text-align: center; }
.wt-home .wt-hp__panel { display: grid; grid-template-columns: repeat(auto-fit, 245px); gap: 30px; }
.wt-home .wt-hp__panel[hidden] { display: none; }
.wt-home .wt-hp-card { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid var(--wth-line); }
.wt-home .wt-hp-card__img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; padding: 20px; }
.wt-home .wt-hp-card__body { border-top: 1px solid var(--wth-line); padding: 20px 10px 10px; }
.wt-home .wt-hp-card__title { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 0 10px; }
.wt-home .wt-hp-card__title a:hover { color: var(--wt-accent); transition: all .3s ease; }
.wt-home .wt-hp-card__specs { font-size: 14px; color: #666; line-height: 1.6; padding: 0 10px; }
.wt-home .wt-hp-card__specs p { font-size: 12px; margin-bottom: 5px; }
.wt-home .wt-hp-card__specs p:hover { text-decoration: underline; }
.wt-home .wt-hp-card .wt-hot {
  display: inline; padding: 0; background: none; color: var(--wth-hot); margin-left: 5px; font-weight: 600;
  border-radius: 4px; font-size: 12px; line-height: inherit; text-transform: none; letter-spacing: normal; vertical-align: baseline;
}
@media (max-width: 768px) {
  .wt-home .wt-hp__nav { gap: 20px; padding: 0 10px; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; }
  .wt-home .wt-hp__panel { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .wt-home .wt-hp-card__img { height: 180px; aspect-ratio: auto; }
}
@media (max-width: 576px) {
  .wt-home.wt-hp { padding: 10px; }
  .wt-home .wt-hp__nav { padding-bottom: 30px; margin-bottom: 0; }
  .wt-home.wt-hp .wt-hp__tab { font-size: 12px; width: calc(50% - 8px); margin: 20px; }
  .wt-home .wt-hp__name { display: none; }
  .wt-home .wt-hp__icon { width: 60px; height: 60px; margin-bottom: 5px; }
  .wt-home .wt-hp__panel { gap: 0; padding-bottom: 0; }
  .wt-home .wt-hp-card { padding: 10px; border: 0 solid var(--wth-line); }
  .wt-home .wt-hp-card__img { height: 120px; }
  .wt-home .wt-hp-card__body { padding: 0; }
  .wt-home .wt-hp__panel .wt-hp-card:last-child { display: none; }
  .wt-home .wt-hp-card__title { font-size: 14px; margin-bottom: 10px; margin-top: 10px; }
  .wt-home .wt-hp-card__specs { font-size: 12px; }
}
@media (max-width: 320px) {
  .wt-home.wt-hp .wt-hp__tab { font-size: 11px; }
  .wt-home .wt-hp-card__img { height: 140px; }
}

/* =====================================================================
   3. KHẨU HIỆU + SỐ LIỆU — .module2_container .idx_center / .icon_hot2 / .idx_title ; .module3_*
   ===================================================================== */
.wt-home .wt-hs__head { max-width: 1400px; margin: 0 auto; padding: 20px; }
.wt-home .wt-stripes { width: 30px; height: 30px; position: relative; overflow: hidden; }
.wt-home .wt-stripes i { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: var(--wth-navy); }
.wt-home .wt-stripes .first { clip-path: polygon(0 100%, 20% 100%, 100% 20%, 100% 0); }
.wt-home .wt-stripes .middle { clip-path: polygon(40% 100%, 60% 100%, 100% 60%, 100% 40%); background: var(--wt-accent); }
.wt-home .wt-stripes .last { clip-path: polygon(80% 100%, 100% 100%, 100% 80%); }
@media (max-width: 1024px) { .wt-home .wt-stripes { width: 20px; height: 20px; } }
.wt-home .wt-hs__brand { margin-top: 16px; font-size: 14px; line-height: 1.5; color: var(--wt-text-muted); letter-spacing: .02em; }
.wt-home .wt-hs__brand + .wt-hs__title { margin-top: 6px; }
.wt-home .wt-hs__title { width: 100%; height: auto; margin: 20px 0 0; display: flex; justify-content: space-between; }
.wt-home .wt-hs__h { font-size: 32px; font-weight: 600; color: var(--wth-navy); line-height: 1.5; }
.wt-home .wt-hs__l1, .wt-home .wt-hs__l2 { display: block; }
.wt-home .wt-hs__l2 { color: var(--wt-accent); }
@media (max-width: 576px) {
  .wt-home .wt-hs__center { margin: 10px; }
  .wt-home .wt-hs__title { display: contents; }
  .wt-home .wt-hs__h { margin: 10px 0; font-size: 23px; font-weight: bold; }
}
.wt-home .wt-hs__wrap { max-width: 100%; margin: 0 auto; padding: 20px 0; }
.wt-home .wt-hs__grid { display: flex; height: 600px; gap: 4px; }
.wt-home .wt-hs__item { position: relative; display: block; flex: 1; transition: flex .3s ease; cursor: pointer; overflow: hidden; }
.wt-home .wt-hs__item:hover { flex: 1.2; }
.wt-home .wt-hs__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.wt-home .wt-hs__item::before {
  width: 100%; height: 20%; content: " "; position: absolute; bottom: 0; left: 0; z-index: 1; display: block;
  background: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
}
.wt-home .wt-hs__content { position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 2; color: #fff; text-align: center; }
.wt-home .wt-hs__num { display: block; font-size: 36px; font-weight: bold; margin-bottom: 10px; }
.wt-home .wt-hs__num i { font-style: normal; font-weight: 400; font-size: 25px; margin-left: 3px; }
.wt-home .wt-hs__text { display: block; font-size: 14px; opacity: .9; }
/* ≤768px: site gốc bị lỗi (flex:1 + height:auto → 5 ô cao 0, mất khối). Sửa: lưới 2 cột, ô cao 200px như ý đồ gốc, ô cuối trải ngang. */
@media (max-width: 768px) {
  .wt-home .wt-hs__grid { display: grid; grid-template-columns: 1fr 1fr; height: auto; gap: 4px; }
  .wt-home .wt-hs__item, .wt-home .wt-hs__item:hover { flex: none; height: 200px; }
  .wt-home .wt-hs__item:last-child { grid-column: 1 / -1; }
  .wt-home .wt-hs__item::before { height: 60%; background: linear-gradient(to top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .35) 55%, rgba(0, 0, 0, 0) 100%); }
  .wt-home .wt-hs__content { left: 10px; right: 10px; bottom: 16px; }
  .wt-home .wt-hs__num { font-size: 30px; margin-bottom: 4px; }
  .wt-home .wt-hs__num i { font-size: 20px; }
  .wt-home .wt-hs__text { font-size: 12px; line-height: 1.4; }
}

/* =====================================================================
   Tiêu đề có 2 ô vuông (.mo_tit)
   ===================================================================== */
.wt-home .wt-mo-tit { padding-left: .7em; position: relative; --size: 6px; }
.wt-home .wt-mo-tit::before, .wt-home .wt-mo-tit::after { content: ""; width: var(--size); height: var(--size); position: absolute; left: 0; z-index: 1; }
.wt-home .wt-mo-tit::before { background: var(--wt-accent); bottom: 50%; }
.wt-home .wt-mo-tit::after { background: var(--wth-navy); top: 50%; }

/* =====================================================================
   4. GIẢI PHÁP — .module4_container / .module4_header / .jjff-container / .jjff-card
   ===================================================================== */
.wt-home.wt-hsol { max-width: 1300px; margin: 60px auto; padding: 20px; }
.wt-home .wt-hsol__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.wt-home .wt-hsol__title { font-size: 20px; font-weight: bold; }
.wt-home .wt-hsol__title, .wt-home .wt-hsol__more, .wt-home .wt-hnews__h, .wt-home .wt-hnews__nav { flex: 0 0 auto; width: auto; }
.wt-home .wt-hsol__more, .wt-home .wt-hsol__more:hover { color: var(--wt-accent); font-size: 13px; }
.wt-home .wt-hsol__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; max-width: 1400px; }
.wt-home .wt-hsol-card {
  background-color: var(--wth-card); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column;
  transition: transform .3s ease, box-shadow .3s ease;
}
.wt-home .wt-hsol-card:hover { transform: translateY(-5px); }
.wt-home .wt-hsol-card__media { position: relative; width: 100%; height: 320px; }
.wt-home .wt-hsol-card__media > a { display: block; height: 100%; }
.wt-home .wt-hsol-card__img { width: 100%; height: 100%; object-fit: cover; }
.wt-home .wt-hsol-card__tag {
  position: absolute; top: 15px; left: 15px; background-color: var(--wt-accent); color: #fff; padding: 5px 15px;
  border-radius: 20px; font-size: 14px; font-weight: 500;
}
.wt-home .wt-hsol-card__content { padding: 25px; text-align: center; display: flex; flex-direction: column; flex-grow: 1; position: relative; }
.wt-home .wt-hsol-card__fade {
  background: linear-gradient(to top, rgb(248 249 250) 30%, rgb(248 249 250 / 93%) 50%, rgb(248 249 250 / 79%) 65%, rgba(248, 249, 250, 0) 100%);
  height: 100px; position: absolute; width: 100%; left: 0; top: -25%;
}
.wt-home .wt-hsol-card__title { font-size: 20px; color: #333; margin: 0 0 10px 0; font-weight: 600; z-index: 1; }
.wt-home .wt-hsol-card__details { color: var(--wth-muted); font-size: 14px; line-height: 1.6; flex-grow: 1; margin-bottom: 20px; text-align: left; }
.wt-home .wt-hsol-card__links { display: grid; gap: 12px; font-size: 14px; text-align: left; }
.wt-home .wt-hsol-card__links a { color: var(--wth-muted); }
.wt-home .wt-hsol-card__links a:hover { color: var(--wt-accent); transition: all .3s ease; }
@media (max-width: 768px) { .wt-home .wt-hsol__grid { display: flex; flex-direction: column; } }
@media (max-width: 767px) { .wt-home .wt-hsol__header { margin-bottom: 0; } }
@media (max-width: 576px) {
  .wt-home.wt-hsol { margin-top: 0; }
  .wt-home .wt-hsol__header { margin-bottom: 10px; }
  .wt-home .wt-hsol__more { font-size: 12px; }
  .wt-home .wt-hsol-card__details { display: none; }
}

/* =====================================================================
   5. VÌ SAO CHỌN WINTOPTEC — KHÔNG có trên site gốc (shortcode giữ lại, không đặt trên trang)
   ===================================================================== */
.wt-home.wt-hwhy { padding: 68px 0; background: var(--wt-bg-soft); }
.wt-home .wt-wrap { width: 100%; max-width: var(--wt-container); margin: 0 auto; padding: 0 20px; }
.wt-home .wt-hwhy__head { max-width: 780px; margin: 0 auto 38px; text-align: center; }
.wt-home .wt-hwhy__title { margin: 0 0 10px; font-size: 30px; font-weight: 600; }
.wt-home .wt-hwhy__sub { color: var(--wt-text-muted); font-size: 15px; line-height: 1.65; }
.wt-home .wt-hwhy__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; list-style: none; }
.wt-home .wt-hwhy__item { padding: 28px 22px 26px; background: var(--wt-bg); border: 1px solid var(--wt-border); border-radius: var(--wt-radius); }
.wt-home .wt-hwhy__icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 18px; border-radius: 14px; color: var(--wt-primary); background: var(--wt-bg-soft); }
.wt-home .wt-hwhy__name { margin: 0 0 8px; font-size: 17px; font-weight: 600; }
.wt-home .wt-hwhy__text { color: var(--wt-text-muted); font-size: 14px; line-height: 1.65; }
@media (max-width: 1199px) { .wt-home .wt-hwhy__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .wt-home .wt-hwhy__grid { grid-template-columns: 1fr; } }

/* =====================================================================
   6. LIÊN HỆ — .module_cta / .cta_container / .cta_title / .cta_desc / .cta_btn.phone_btn
   ===================================================================== */
.wt-home.wt-hcta {
  position: relative; padding: 40px 20px; margin: 30px 0;
  background: var(--wth-cta-bg) var(--wt-cta-bg, none) center / cover no-repeat;
}
.wt-home.wt-hcta::before { content: ""; position: absolute; inset: 0; background-color: rgb(255 255 255 / 20%); }
.wt-home .wt-hcta__container { max-width: 1200px; margin: 0 auto; text-align: center; position: relative; z-index: 1; color: var(--wth-cta-text); }
.wt-home .wt-hcta__title { font-size: 35px; margin-bottom: 10px; }
.wt-home .wt-hcta__desc { font-size: 13px; margin-bottom: 20px; line-height: 1.6; }
.wt-home .wt-hcta__buttons { display: flex; gap: 20px; justify-content: center; }
.wt-home .wt-hcta__btn, .wt-home .wt-hcta__btn:hover, .wt-home .wt-hcta__btn:focus {
  display: inline-flex; align-items: center; padding: 10px 30px; border-radius: 5px; font-weight: bold; font-size: 14px;
  background-color: var(--wth-cta-btn); color: #fff; transition: all .3s ease;
}
.wt-home .wt-hcta__btn:hover { background-color: var(--wth-cta-btn-h); }
@media (max-width: 768px) {
  .wt-home .wt-hcta__buttons { flex-direction: column; align-items: center; }
  .wt-home .wt-hcta__title { font-size: 28px; }
  .wt-home .wt-hcta__desc { font-size: 16px; }
}

/* =====================================================================
   7. TIN TỨC — .module_bg_container / .module7_* (Latest News) / .module6_* (News Updates)
   ===================================================================== */
.wt-home.wt-hnews { position: relative; padding-bottom: 30px; }
.wt-home .wt-hnews__latest { max-width: 1300px; margin: 0 auto; padding: 20px; }
.wt-home .wt-hnews__title { text-align: center; font-size: 24px; }
.wt-home .wt-hnews__desp { font-size: 13px; color: var(--wth-desp); text-align: center; margin-bottom: 40px; margin-top: 10px; }
.wt-home .wt-hnews__grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 280px; gap: 20px; }
.wt-home .wt-hnews-card { position: relative; overflow: hidden; border-radius: 12px; }
.wt-home .wt-hnews-card > a { display: block; height: 100%; }
.wt-home .wt-hnews-card__tag {
  position: absolute; top: 10px; left: 10px; background: rgba(0, 0, 0, .6); color: #fff; padding: 5px 10px;
  border-radius: 4px; font-size: 12px; z-index: 1;
}
.wt-home .wt-hnews-card__title {
  position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: linear-gradient(transparent, rgba(0, 0, 0, .7));
  color: #fff; margin: 0; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wt-home .wt-hnews-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.wt-home .wt-hnews-card:hover img { transform: scale(1.05); }
.wt-home .wt-hnews__updates { max-width: 1300px; margin: 0 auto; padding: 20px; }
.wt-home .wt-hnews__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.wt-home .wt-hnews__h { font-size: 20px; font-weight: bold; }
.wt-home .wt-hnews__nav { display: flex; gap: 10px; }
.wt-home .wt-hnews__navlink { color: #333; display: flex; align-items: center; }
.wt-home .wt-hnews__navlink::after { content: ">"; margin-left: 5px; }
.wt-home .wt-hnews__list { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.wt-home .wt-hnews__list--one { grid-template-columns: 1fr; }
.wt-home .wt-hnews__item { display: flex; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid var(--wth-line-3); }
.wt-home .wt-hnews__date { display: flex; flex-direction: column; align-items: center; margin-right: 15px; min-width: 60px; }
.wt-home .wt-hnews__day { color: var(--wt-accent); font-size: 24px; font-weight: bold; }
.wt-home .wt-hnews__ym { color: var(--wt-accent); font-size: 12px; }
.wt-home .wt-hnews__content { flex: 1; }
.wt-home .wt-hnews__cat { color: #000; font-size: 14px; margin-top: 5px; margin-bottom: 8px; font-weight: 600; }
.wt-home .wt-hnews__headline { color: #333; font-size: 14px; line-height: 1.4; }
@media (max-width: 768px) {
  .wt-home .wt-hnews__grid { grid-template-columns: 1fr; grid-auto-rows: 200px; }
  .wt-home .wt-hnews__list { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
  .wt-home .wt-hnews__desp { margin-bottom: 20px; }
  .wt-home .wt-hnews__nav { font-size: 12px; }
  .wt-home .wt-hnews__list { gap: 0; }
  .wt-home .wt-hnews__headline { font-size: 15px; }
}