/* === ELEMENT: Hero (builder) === */
.vt-hero-el {
  position: relative
}

.vt-hero-el img.hero-video {
  display: block
}

/* === ELEMENT: Slider sản phẩm tiêu biểu (.vt-showcase) === */
.vt-showcase {
  padding: 28px 0 8px;
  background: #fff
}

.vt-showcase__card {
  position: relative;
  background: #faf5f1;
  border-radius: 28px;
  padding: 20px;
  box-shadow: 0 8px 30px rgba(60, 20, 20, .08)
}

.vt-showcase__slides {
  position: relative;
  min-height: 420px
}

.vt-showcase__slide {
  display: none;
  grid-template-columns: 1.1fr 1fr;
  gap: 0;
  align-items: stretch;
  animation: vtShowIn .6s ease
}

.vt-showcase__slide.is-active {
  display: grid
}

@keyframes vtShowIn {
  from {
    opacity: 0;
    transform: translateX(18px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.vt-showcase__media {
  border-radius: 14px;
  overflow: hidden;
  background: #efe4d8;
  min-height: 420px
}

.vt-showcase__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.vt-showcase__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 8% 56px
}

.vt-showcase__brand {
  color: #87171C;
  font-weight: 700;
  letter-spacing: .04em;
  font-size: 1rem;
  margin-bottom: 14px
}

.vt-showcase__name {
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  line-height: 1.2;
  margin: 0 0 18px;
  color: #23252b
}

.vt-showcase__desc {
  margin: 0 0 26px;
  color: #3c3f46;
  line-height: 1.7;
  max-width: 420px
}

.vt-showcase__btn {
  align-self: flex-start;
  background: #87171C;
  color: #fff;
  padding: 14px 30px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, transform .2s
}

.vt-showcase__btn:hover {
  background: #6d1214;
  transform: translateY(-2px);
  color: #fff
}

.vt-showcase__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  color: #87171C;
  font-size: 22px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
  cursor: pointer
}

.vt-showcase__nav--prev {
  left: 10px
}

.vt-showcase__nav--next {
  right: 10px
}

.vt-showcase__dots {
  position: absolute;
  right: 0;
  bottom: 12px;
  width: calc(100% * 1 / 2.1);
  display: flex;
  gap: 14px;
  justify-content: center;
  padding: 0 8%
}

.vt-showcase__dot {
  width: 48px;
  height: 3px;
  border: 0;
  padding: 0;
  border-radius: 2px;
  background: #ddd5cf;
  cursor: pointer
}

.vt-showcase__dot.is-active {
  background: #87171C
}

.vt-showcase__label {
  margin: 14px 4px 0;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b6e75;
  font-weight: 600
}

/* === ELEMENT: Khám phá thương hiệu === */
.vt-el-brands .vt-brand-card__logo img {
  max-height: 56px;
  width: auto
}

/* === ELEMENT: Giải pháp doanh nghiệp (.vt-sol) === */
.vt-sol {
  padding: 48px 0;
  background: #fff
}

.vt-sol__panel {
  background: #fbeeee;
  border-radius: 26px;
  padding: 44px 40px 40px;
  box-shadow: 0 8px 28px rgba(60, 20, 20, .08);
  text-align: center
}

.vt-sol__eyebrow {
  display: block;
  color: #87171C;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 10px
}

.vt-sol__title {
  font-size: clamp(1.3rem, 2.2vw, 1.85rem);
  line-height: 1.35;
  margin: 0 auto 34px;
  max-width: 760px;
  color: #23252b
}

.vt-sol__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  text-align: left
}

.vt-sol__card {
  background: #fff;
  border-radius: 16px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  border: 1px solid #f2dede;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
  transition: transform .2s, box-shadow .2s
}

a.vt-sol__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(135, 23, 28, .12)
}

.vt-sol__head {
  display: flex;
  align-items: center;
  gap: 14px
}

.vt-sol__icon {
  flex: 0 0 46px;
  height: 46px;
  border-radius: 12px;
  background: #fbe6e6;
  color: #87171C;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0
}

.vt-sol__icon svg {
  width: 24px;
  height: 24px
}

.vt-sol__name {
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.3;
  padding-left: 14px;
  border-left: 1px solid #e6d0d0;
  color: #1c1c1e
}

.vt-sol__desc {
  font-size: .9rem;
  line-height: 1.6;
  color: #44474e
}

.vt-sol__btn {
  display: inline-block;
  margin-top: 30px;
  background: #87171C;
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none
}

.vt-sol__btn:hover {
  background: #6d1214;
  color: #fff
}

/* === ELEMENT: CTA đỏ (.vt-cta) === */
.vt-cta2 {
  padding: 32px 0 48px;
  background: #fff
}

.vt-cta2__box {
  background: linear-gradient(110deg, #87171C, #5e0f11);
  color: #fff;
  border-radius: 26px;
  padding: 48px 24px;
  text-align: center;
  box-shadow: 0 10px 28px rgba(90, 15, 17, .3)
}

.vt-cta2__box h2 {
  color: #fff;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  margin: 0 0 14px
}

.vt-cta2__box p {
  color: #fff;
  opacity: .92;
  margin: 0 auto 28px;
  max-width: 720px
}

.vt-cta2__btn {
  display: inline-block;
  background: #fff;
  color: #87171C;
  padding: 14px 34px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none
}

.vt-cta2__btn:hover {
  background: #f6e9e9;
  color: #6d1214
}

@media (max-width:48em) {
  .vt-showcase__slide.is-active {
    grid-template-columns: 1fr
  }

  .vt-showcase__media {
    min-height: 260px
  }

  .vt-showcase__slides {
    min-height: 0
  }

  .vt-showcase__body {
    padding: 22px 18px 56px
  }

  .vt-showcase__dots {
    width: 100%;
    padding: 0
  }

  .vt-showcase__nav {
    width: 40px;
    height: 40px;
    top: 130px
  }

  .vt-sol__panel {
    padding: 30px 16px
  }

  .vt-sol__grid {
    grid-template-columns: 1fr
  }
}

/* === Nâng cao: ẩn/hiện element === */
.vt-vis-mobile {
  display: none
}

@media (max-width:48em) {
  .vt-vis-desktop {
    display: none
  }

  .vt-vis-mobile {
    display: block
  }
}

.vt-vis-hidden-preview {
  opacity: .3;
  outline: 2px dashed #999;
  outline-offset: -2px;
  position: relative
}

.vt-vis-hidden-preview::before {
  content: "Đang ẩn trên trang";
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 50;
  background: #444;
  color: #fff;
  font: 600 12px/1 sans-serif;
  padding: 6px 10px;
  border-radius: 4px
}

/* === Anh co tuy chon mo rong (.vt-media) === */
.vt-media {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.vt-media img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .45s ease, opacity .3s, filter .3s
}

.vt-media.has-ov::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--vt-ov);
  pointer-events: none
}

.vt-hv-zoom:hover img {
  transform: scale(1.08)
}

.vt-hv-zoom-long:hover img {
  transform: scale(1.2);
  transition-duration: 1.4s
}

.vt-hv-fade:hover img {
  opacity: .75
}

.vt-hv-blur:hover img {
  filter: blur(3px)
}

.vt-hv-color img {
  filter: grayscale(1)
}

.vt-hv-color:hover img {
  filter: none
}

.vt-hv-lift {
  transition: transform .3s, box-shadow .3s
}

.vt-hv-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .18)
}

.vt-brand-card__logo .vt-media,
.vt-partner-item .vt-media {
  width: auto;
  height: auto;
  display: inline-block
}

.vt-brand-card__logo .vt-media img,
.vt-partner-item .vt-media img {
  width: auto;
  height: auto
}

/* === Menu Thuong hieu: ten san pham 1 dong, bang rong hon, bo gach dau dong === */
.nav-sub {
  width: max-content;
  min-width: 300px;
  max-width: min(92vw, 460px)
}

.nav-sub a,
.nav-sub .nav-locked {
  white-space: nowrap
}

.nav-sub-leaf::before {
  display: none !important
}

.nav-sub-leaf {
  padding-left: 28px !important
}

/* === Banner Coming soon (thuong hieu chua ra san pham) === */
.vt-brand-block__kv {
  position: relative
}

.vt-brand-block__kv.is-coming::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(28, 12, 14, .55);
  border-radius: inherit
}

.vt-coming {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: clamp(1.6rem, 4vw, 3rem);
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .4)
}

.vt-brand-block__logo {
  display: inline-block
}

.vt-brand-block__logo img {
  max-height: 64px;
  width: auto
}

/* === Nhom giai phap: the icon nhu trang chu (icon + vach + tieu de, mo ta ben duoi trong cung the) === */
.vt-solution-block,
.vt-solution-block.is-alt {
  background: #fbeeee;
  padding: 28px 0
}

.vt-solb__card {
  background: #fff;
  border: 1px solid #f2dede;
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04)
}

.vt-solb__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px
}

.vt-solb__head .vt-sol__name {
  margin: 0;
  font-size: clamp(1.05rem, 1.8vw, 1.2rem);
  line-height: 1.3
}

.vt-solb__desc {
  margin: 0 0 4px;
  font-size: .95rem;
  line-height: 1.7;
  color: #44474e;
  max-width: none
}

.vt-solb__card .vt-compare {
  margin-top: 18px
}

.vt-solb__card .btn-text {
  display: inline-block;
  margin-top: 16px
}

/* === Danh sach tin: nut loc (button) + an/hien the === */
button.vt-filter__chip {
  font: inherit;
  cursor: pointer;
  background: #fff
}

button.vt-filter__chip:hover {
  border-color: var(--vt-red);
  color: var(--vt-red);
  background: var(--vt-red-tint)
}

button.vt-filter__chip.is-active,
button.vt-filter__chip.is-active:hover {
  background: var(--vt-red);
  border-color: var(--vt-red);
  color: #fff
}

.vt-newslist .vt-news-item[hidden] {
  display: none
}

.vt-newslist__empty {
  text-align: center;
  margin: 28px 0
}

/* === Lien he: khoi thong tin + 2 ban do gon, dong nhat === */
.vt-cinfo {
  padding: 56px 0
}

.vt-cinfo__panel {
  max-width: 80%;
  margin: 28px auto 0;
  background: #fff;
  border: 1px solid #f0e4e4;
  border-radius: 22px;
  padding: 26px;
  box-shadow: 0 10px 32px rgba(60, 20, 20, .08)
}

.vt-cinfo__card {
  max-width: none;
  margin: 0 0 22px;
  padding: 20px 24px;
  box-shadow: none;
  border: 1px solid #f0e4e4;
  border-radius: 14px
}

.vt-cinfo__card h3 {
  font-size: 1rem;
  margin: 0 0 12px
}

.vt-cinfo__card .vt-contact-list {
  gap: 10px 20px;
  grid-template-columns: 130px 1fr
}

.vt-cinfo__card .vt-contact-list dd,
.vt-cinfo__card .vt-contact-list dt {
  font-size: .9rem
}

.vt-cinfo__maps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px
}

.vt-cinfo__map {
  margin: 0
}

.vt-cinfo__frame {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #eee
}

.vt-cinfo__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.vt-cinfo__map figcaption {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 2px 0
}

.vt-cinfo__map figcaption strong {
  font-size: .92rem
}

.vt-cinfo__map figcaption span {
  font-size: .82rem;
  color: #6b6e75;
  line-height: 1.5
}

@media (max-width:48em) {
  .vt-cinfo {
    padding: 36px 0
  }

  .vt-cinfo__panel {
    padding: 16px
  }

  .vt-cinfo__maps {
    grid-template-columns: 1fr
  }

  .vt-cinfo__card .vt-contact-list {
    grid-template-columns: 1fr;
    gap: 2px 0
  }
}
/* === Footer 4 cot: logo to + 3 nhom lien ket === */
.footer-top--4{grid-template-columns:minmax(280px,1.3fr) 3fr;gap:56px}
.footer-nav--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-logo--lg{height:72px;width:auto;margin-bottom:22px}
.footer-brand{font-weight:700;color:var(--vt-ink)!important;margin-top:4px}
.footer-brand--gap{margin-top:18px}
.footer-nav--3 .footer-col a{padding:5px 0}
@media (max-width:64em){
  .footer-top--4{grid-template-columns:1fr;gap:34px}
  .footer-nav--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:40em){
  .footer-nav--3{grid-template-columns:1fr}
  .footer-logo--lg{height:60px}
}

/* === Trang chi tiet san pham (WooCommerce) === */
.vt-pdp{padding:36px 0 24px;background:#f7f2f0}
.vt-pdp__card{background:#fff;border-radius:26px;padding:26px 30px 30px;box-shadow:0 10px 36px rgba(60,20,20,.08)}
.vt-pdp__crumbs{font-size:.8rem;color:#6b6e75;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vt-pdp__crumbs a{color:#44474e}
.vt-pdp__crumbs a:hover{color:#87171C}
.vt-pdp__crumbs .is-current{color:#23252b}
.vt-pdp__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:start}
.vt-pdp__stage{border-radius:16px;overflow:hidden;background:#f0e8e2;aspect-ratio:1/1}
.vt-pdp__stage img{width:100%;height:100%;object-fit:cover;display:block}
.vt-pdp__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20%}
.vt-pdp__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.vt-pdp__thumb{width:68px;height:68px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:#f0e8e2;cursor:pointer}
.vt-pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vt-pdp__thumb.is-active{border-color:#87171C}
.vt-pdp__thumb[hidden]{display:none}
.vt-pdp__more{font-weight:700;font-size:1.05rem;color:#87171C;background:#fbeaea}
.vt-pdp__brand{display:block;color:#87171C;font-weight:700;letter-spacing:.03em;margin-bottom:6px}
.vt-pdp__title{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;margin:0 0 14px;color:#1c1c1e}
.vt-pdp__short{color:#44474e;line-height:1.7;margin-bottom:18px}
.vt-pdp__short p{margin:0}
.vt-pdp__price{font-size:1.9rem;font-weight:800;color:#87171C;margin:0 0 22px}
.vt-pdp__price .woocommerce-Price-amount{color:inherit}
.vt-pdp__contact{font-size:1.2rem;font-weight:700}
.vt-pdp__vlabel{display:block;font-weight:700;margin-bottom:10px}
.vt-pdp__vlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:440px}
.vt-pdp__vopt{position:relative;display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #e3d6d6;border-radius:12px;cursor:pointer;background:#fff;font-weight:600}
.vt-pdp__vopt input{position:absolute;opacity:0;pointer-events:none}
.vt-pdp__radio{width:18px;height:18px;border-radius:50%;border:2px solid #9a9a9a;flex:0 0 18px;position:relative}
.vt-pdp__vopt:has(input:checked){border-color:#87171C;background:#fbeeee}
.vt-pdp__vopt input:checked + .vt-pdp__radio{border-color:#87171C}
.vt-pdp__vopt input:checked + .vt-pdp__radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#87171C}
.vt-pdp__cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.vt-pdp__btn{flex:1 1 200px;text-align:center;padding:15px 20px;border-radius:999px;font-weight:700;background:#87171C;color:#fff;border:1.5px solid #87171C;text-decoration:none;transition:background .2s}
.vt-pdp__btn:hover{background:#6d1214;color:#fff}
.vt-pdp__btn--ghost{background:#fff;color:#87171C}
.vt-pdp__btn--ghost:hover{background:#fbeeee;color:#87171C}
.vt-pdp__acc{margin-top:30px;border:1px solid #eadada;border-radius:14px;padding:6px 22px}
.vt-pdp__acc summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:14px 0}
.vt-pdp__acc summary::-webkit-details-marker{display:none}
.vt-pdp__acc summary strong{display:block;font-size:1.2rem}
.vt-pdp__acc summary em{display:block;font-style:normal;color:#6b6e75;font-size:.9rem;margin-top:4px}
.vt-pdp__chev{color:#87171C;font-size:1.6rem;transition:transform .2s}
.vt-pdp__acc[open] .vt-pdp__chev{transform:rotate(180deg)}
.vt-pdp__acc-body{padding:4px 0 18px;line-height:1.75;color:#33363c}
.vt-pdp-others{padding:36px 0 64px;background:#f7f2f0}
.vt-pdp-others .section-title{margin:0 0 24px;text-align:left}
@media (max-width:48em){
  .vt-pdp{padding:18px 0}
  .vt-pdp__card{padding:18px 16px 22px;border-radius:18px}
  .vt-pdp__main{grid-template-columns:1fr;gap:22px}
  .vt-pdp__vlist{max-width:none}
}

/* === Chong CSS ngoai de: giu kich thuoc logo/anh cua theme (Woo co the them .woocommerce img{height:auto}) === */
body .site-header .brand-logo{height:46px;width:auto;max-width:none}
body .site-footer .footer-logo{height:46px;width:auto;max-width:none}
body .site-footer .footer-logo--lg{height:72px}
body .site-footer .footer-contact img{height:auto}
@media (max-width:40em){ body .site-footer .footer-logo--lg{height:60px} }

@media (max-width:560px){ body .site-header .brand-logo{height:38px} }

/* === Nut truoc/sau tren thu vien anh san pham === */
.vt-pdp__stage{position:relative}
.vt-pdp__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#87171C;font-size:28px;line-height:1;padding:0 0 3px;box-shadow:0 3px 12px rgba(0,0,0,.2);cursor:pointer;transition:background .2s,transform .2s}
.vt-pdp__nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.vt-pdp__nav--prev{left:12px}
.vt-pdp__nav--next{right:12px}
@media (max-width:48em){ .vt-pdp__nav{width:38px;height:38px;font-size:24px} }

/* === Icon mui ten xuong (chevron) theo icon khach gui === */
.vt-chev{display:inline-block;vertical-align:middle;flex:0 0 auto}
.nav-caret{font-size:0;opacity:.75;margin-left:4px;display:inline-flex;align-items:center}
.vt-pdp__chev{font-size:0;display:inline-flex;align-items:center;line-height:0}
.vt-field select{
  -webkit-appearance:none;appearance:none;padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='none'%3E%3Cpath d='M97 177 255 325 413 177' stroke='%2344474e' stroke-width='44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px
}

/* Nut Website thuong hieu / Mua tren Shopee co icon */
.vt-pdp__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.vt-pdp__btn svg{flex:0 0 auto}

/* === Giay chung nhan nha san xuat (.vt-certs) === */
.vt-certs{background:var(--vt-certs-bg,#87171C);color:#fff;padding:56px 0}
.vt-certs__title{color:#fff;text-align:center;margin:0 0 34px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vt-certs__wrap{position:relative;padding:0 8px}
.vt-certs__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vt-certs__track::-webkit-scrollbar{display:none}
.vt-certs__item{flex:0 0 calc((100% - 24px * (var(--vt-pv,5) - 1)) / var(--vt-pv,5));scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;text-align:center;color:#fff;text-decoration:none}
.vt-certs__logo{display:flex;align-items:center;justify-content:center;height:var(--vt-certs-h,130px);width:100%}
.vt-certs__logo img,.vt-certs__logo .vt-media{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.vt-certs__logo .vt-media{display:inline-flex;height:100%;align-items:center}
.vt-certs__cap{font-weight:700;font-size:.95rem;letter-spacing:.02em}
.vt-certs__nav{position:absolute;top:calc(var(--vt-certs-h,130px) / 2 - 20px);z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;padding:0 0 3px;cursor:pointer;transition:background .2s}
.vt-certs__nav:hover{background:rgba(255,255,255,.32)}
.vt-certs__nav--prev{left:-14px}
.vt-certs__nav--next{right:-14px}
@media (max-width:64em){ .vt-certs{--vt-pv:3!important} }
@media (max-width:40em){
  .vt-certs{padding:40px 0;--vt-pv:2!important}
  .vt-certs__track{gap:16px}
  .vt-certs__item{flex-basis:calc((100% - 16px) / 2)}
  .vt-certs__nav--prev{left:-6px}
  .vt-certs__nav--next{right:-6px}
}

/* Tieu de "San pham tieu bieu" nam giua phia tren, noi bat nhu cac section khac */
.vt-showcase{padding:56px 0 24px}
.vt-showcase__head{margin-bottom:28px}
@media (max-width:48em){ .vt-showcase{padding:36px 0 16px} .vt-showcase__head{margin-bottom:20px} }

/* === Nut prev/next dung icon chevron cua khach, xoay bang transform === */
.vt-showcase__nav,.vt-certs__nav,.vt-pdp__nav{display:flex;align-items:center;justify-content:center;padding:0;font-size:0;line-height:0}
.vt-showcase__nav--prev .vt-chev,.vt-certs__nav--prev .vt-chev,.vt-pdp__nav--prev .vt-chev{transform:rotate(90deg)}
.vt-showcase__nav--next .vt-chev,.vt-certs__nav--next .vt-chev,.vt-pdp__nav--next .vt-chev{transform:rotate(-90deg)}

/* === Nut prev/next chi hien khi re chuot vao slider (nhu slider trong builder) === */
.vt-showcase__nav,.vt-certs__nav,.vt-pdp__nav{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s,background .2s,transform .2s}
.vt-showcase__card:hover .vt-showcase__nav,
.vt-certs__wrap:hover .vt-certs__nav,
.vt-pdp__stage:hover .vt-pdp__nav,
.vt-showcase__nav:focus-visible,.vt-certs__nav:focus-visible,.vt-pdp__nav:focus-visible{opacity:1;visibility:visible}
/* Man hinh cam ung khong co hover: giu nut hien de van bam duoc. */
@media (hover:none){
  .vt-showcase__nav,.vt-certs__nav,.vt-pdp__nav{opacity:1;visibility:visible}
}

/* Slider chung nhan: keo bang chuot (grab / grabbing) */
.vt-certs__track{cursor:grab}
.vt-certs__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.vt-certs__track img{-webkit-user-drag:none;user-select:none;pointer-events:none}

/* === Slider keo bang chuot cho bat ky khoi nao: them class vt-drag-slider (+ vt-pv-N, vt-ds-auto) === */
.vt-ds{position:relative}
.vt-drag-slider{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.vt-drag-slider::-webkit-scrollbar{display:none}
.vt-drag-slider>*{flex:0 0 calc((100% - 20px * (var(--n,4) - 1)) / var(--n,4));min-width:0;scroll-snap-align:start;grid-column:auto!important}
.vt-drag-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.vt-drag-slider img{-webkit-user-drag:none;user-select:none}
.vt-pv-1{--n:1}.vt-pv-2{--n:2}.vt-pv-3{--n:3}.vt-pv-4{--n:4}.vt-pv-5{--n:5}.vt-pv-6{--n:6}
@media (max-width:64em){ .vt-drag-slider{--n:3!important} .vt-drag-slider.vt-pv-1{--n:1!important} .vt-drag-slider.vt-pv-2{--n:2!important} }
@media (max-width:40em){ .vt-drag-slider{--n:2!important;gap:14px} .vt-drag-slider.vt-pv-1{--n:1!important} }
.vt-ds__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#87171C;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 3px 12px rgba(0,0,0,.2);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.vt-ds__nav--prev{left:6px}.vt-ds__nav--next{right:6px}
.vt-ds__nav--prev svg{transform:rotate(90deg)}
.vt-ds__nav--next svg{transform:rotate(-90deg)}
.vt-ds:hover .vt-ds__nav,.vt-ds__nav:focus-visible{opacity:1;visibility:visible}
@media (hover:none){ .vt-ds__nav{opacity:1;visibility:visible} }

/* === Truot ngang muot: easing/quan tinh do JS dieu khien, tam tat snap khi dang truot === */
.vt-certs__track,.vt-drag-slider{scroll-behavior:auto;overscroll-behavior-x:contain;will-change:scroll-position}
.vt-certs__track.is-animating,.vt-drag-slider.is-animating{scroll-snap-type:none}
.vt-certs__logo img,.vt-certs__logo .vt-media{transition:transform .35s ease,opacity .35s ease}
.vt-certs__item:hover .vt-certs__logo{transform:translateY(-3px)}
.vt-certs__logo{transition:transform .3s ease}
.vt-drag-slider>*{transition:transform .3s ease}

/* === Bang SP tieu bieu: nen trang + do bong de noi len nen (mau brand: trang / do nhat / Burgundy #87171C) === */
.vt-showcase{background:#fff}
.vt-showcase__card{background:#fff;border:1px solid rgba(135,23,28,.08);box-shadow:0 18px 50px rgba(135,23,28,.16),0 4px 14px rgba(0,0,0,.06)}
.vt-showcase__media{background:#f6eeee}

/* === Khám phá thương hiệu: logo trong ô vuông lồi lên mép trên thẻ (căn đối hai logo) === */
.vt-el-brands .vt-brand-grid{margin-top:84px;row-gap:90px}
.vt-el-brands .vt-brand-card{overflow:visible;padding:96px 28px 34px;text-align:center;align-items:center}
.vt-el-brands .vt-brand-card::before{display:none}
.vt-el-brands .vt-brand-card__logo{position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:136px;height:136px;margin:0;border-radius:22px;background:#fff;border:1px solid rgba(135,23,28,.1);box-shadow:0 12px 30px rgba(135,23,28,.14);display:flex;align-items:center;justify-content:center;overflow:hidden}
.vt-el-brands .vt-brand-card__logo img,
.vt-el-brands .vt-brand-card__logo .vt-media{max-width:var(--logo-scale,80%);max-height:var(--logo-scale,80%);width:auto;height:auto;object-fit:contain}
.vt-el-brands .vt-brand-card__logo .vt-media{display:flex;align-items:center;justify-content:center}
.vt-el-brands .vt-brand-card p{margin:0;color:#44474e}
@media (max-width:48em){
  .vt-el-brands .vt-brand-grid{margin-top:70px;row-gap:78px}
  .vt-el-brands .vt-brand-card__logo{width:120px;height:120px;top:-46px}
  .vt-el-brands .vt-brand-card{padding-top:86px}
}

/* === Giai phap doanh nghiep (trang chu): font ro rang, mau hai hoa, tieu de 1 hang, bang rong hon === */
.vt-sol{background:#fff;padding:56px 0}
.vt-sol .container{max-width:1360px}
.vt-sol__panel{
  background:linear-gradient(180deg,#fdf5f5 0%,#fff9f9 100%);
  border:1px solid rgba(135,23,28,.10);
  box-shadow:0 14px 44px rgba(135,23,28,.10);
  padding:46px 32px 42px;
  font-family:var(--body),'Myriad Pro',system-ui,sans-serif
}
.vt-sol__eyebrow{font-family:var(--head),'Montserrat',system-ui,sans-serif;font-weight:700;color:#87171C;letter-spacing:.1em}
.vt-sol__title{font-family:var(--head),'Montserrat',system-ui,sans-serif;font-weight:800;color:#1c1c1e;max-width:880px}
.vt-sol__grid{gap:20px}
.vt-sol__card{background:#fff;border:1px solid rgba(135,23,28,.12);box-shadow:0 4px 16px rgba(135,23,28,.06);padding:22px 22px}
a.vt-sol__card:hover{box-shadow:0 12px 28px rgba(135,23,28,.14);border-color:rgba(135,23,28,.28)}
.vt-sol__icon{flex:0 0 44px;width:44px;height:44px;background:rgba(135,23,28,.08);color:#87171C}
.vt-sol__head{gap:12px}
.vt-sol__name{
  font-family:var(--head),'Montserrat',system-ui,sans-serif;font-weight:700;
  font-size:clamp(.9rem,1.1vw,1.04rem);line-height:1.3;
  white-space:nowrap;padding-left:12px;border-left:1px solid rgba(135,23,28,.22);color:#1c1c1e
}
.vt-sol__desc{font-family:var(--body),'Myriad Pro',system-ui,sans-serif;font-size:.92rem;line-height:1.65;color:#44474e}
.vt-sol__btn{background:#87171C;border-radius:10px;font-family:var(--head),'Montserrat',system-ui,sans-serif;font-weight:700}
.vt-sol__btn:hover{background:#6E1315}
@media (max-width:64em){ .vt-sol__grid{grid-template-columns:1fr} }
@media (max-width:40em){ .vt-sol__name{white-space:normal} .vt-sol__panel{padding:32px 16px} }

/* === Footer: nhan "Nguoi dai dien" nam 1 hang === */
.footer-contact span{grid-template-columns:118px 1fr}
.footer-contact em{white-space:nowrap}
@media (max-width:40em){ .footer-contact span{grid-template-columns:1fr} }

/* === Mang luoi doi tac: slider keo duoc, can giua khi it logo === */
.vt-partner-strip.vt-drag-slider{justify-content:safe center;align-items:stretch;padding:6px 4px}
.vt-partner-strip.vt-drag-slider .vt-partner-item{display:flex;align-items:center;justify-content:center;min-height:72px}

/* === Trang Thuong hieu: banner burgundy chia 2 o (logo vuong | chu gioi thieu) + nut Website === */
.vt-bblock{padding:44px 0;background:#fff}
.vt-bblock.is-alt{background:#faf4f4}
.vt-bb{
  position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0;
  border-radius:22px;padding:26px 30px;min-height:190px;overflow:hidden;color:#fff;
  background:
    radial-gradient(120% 140% at 85% -20%,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 55%),
    radial-gradient(90% 120% at 10% 120%,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 60%),
    linear-gradient(110deg,#87171C 0%,#6E1315 55%,#4d0d10 100%);
  box-shadow:0 16px 44px rgba(135,23,28,.28)
}
.vt-bb__logo{
  width:150px;height:150px;flex:0 0 150px;border-radius:18px;background:#fbf3ee;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18)
}
.vt-bb__logo img,.vt-bb__logo .vt-media{max-width:var(--logo-scale,78%);max-height:var(--logo-scale,78%);width:auto;height:auto;object-fit:contain}
.vt-bb__logo .vt-media{display:flex;align-items:center;justify-content:center}
.vt-bb__name{font-weight:800;font-size:1.5rem;color:#87171C}
.vt-bb__body{margin-left:34px;padding-left:34px;border-left:1px solid rgba(255,255,255,.35);align-self:stretch;display:flex;align-items:center}
.vt-bb__text{margin:0;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.55;color:#fff;max-width:640px}
.vt-bb__text strong{font-weight:800}
.vt-bb__coming{margin:0;font-family:var(--head),'Montserrat',system-ui,sans-serif;font-weight:800;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.vt-bb__site{
  position:absolute;right:20px;bottom:18px;display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.7);color:#fff;
  font-size:.82rem;font-weight:600;text-decoration:none;background:rgba(255,255,255,.08);transition:background .2s,color .2s
}
.vt-bb__site:hover{background:#fff;color:#87171C}
.vt-bb__products{margin-top:34px}
@media (max-width:48em){
  .vt-bblock{padding:30px 0}
  .vt-bb{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 18px 64px}
  .vt-bb__logo{width:128px;height:128px;flex-basis:128px}
  .vt-bb__body{margin:18px 0 0;padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.35);justify-content:center}
  .vt-bb__site{right:auto;left:50%;transform:translateX(-50%);bottom:16px}
}

/* === Trang Giai phap: chip chuyen nhanh khong bi cat o mep duoi, them khoang tho truoc khoi hong === */
.vt-intro{padding-bottom:48px}
.vt-intro .vt-jump{margin-bottom:0;padding-bottom:4px}
@media (max-width:48em){ .vt-intro{padding-bottom:32px} }

/* Chip chuyen nhanh: so La Ma, badge co gian theo chu */
.vt-jump a span{width:auto;min-width:22px;padding:0 7px;border-radius:999px;height:22px}

/* === Trang san pham: logo chung nhan (ACF vt_cert_logos) nam duoi phan thong tin; >5 logo thi keo slider, ngan hon thi hien 1 hang === */
.vt-pdp__certs{margin-top:34px;padding-top:30px;border-top:1px solid #f0e3e3}
.vt-pdp__certs-title{margin:0 0 20px;text-align:center;font-family:var(--head),sans-serif;font-size:1.35rem;font-weight:800;color:var(--vt-ink)}
.vt-pdp__cert-row.is-static{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.vt-pdp__cert{display:flex;align-items:center;justify-content:center;height:110px;padding:14px;background:#fff;border:1px solid #eadede;border-radius:16px}
.vt-pdp__cert-row.is-static .vt-pdp__cert{width:calc((100% - 64px)/5);min-width:140px}
.vt-pdp__cert img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-drag:none}
.vt-pdp__cert-row.vt-drag-slider{padding:4px}
@media (max-width:40em){.vt-pdp__cert{height:90px}.vt-pdp__cert-row.is-static .vt-pdp__cert{width:calc((100% - 16px)/2);min-width:0}}

/* === Form lien he dung Contact Form 7: dung lai markup .vt-form/.vt-field nen ke thua giao dien form mau === */
.vt-form--cf7 form{display:flex;flex-direction:column;gap:20px;margin:0}
.vt-form--cf7 form>p,.vt-form--cf7 .vt-form__row>p,.vt-form--cf7 .vt-field>p{margin:0}
.vt-form--cf7 br{display:none}
.vt-form--cf7 .wpcf7-form-control-wrap{display:block;font:inherit;font-weight:400;color:inherit}
.vt-form--cf7 .vt-field>span:not(.wpcf7-form-control-wrap){font-family:var(--head),sans-serif;font-weight:600;font-size:.88rem;color:var(--vt-ink)}
.vt-form--cf7 .vt-field>span em{color:var(--vt-red);font-style:normal}
.vt-form--cf7 .vt-form__submit{display:inline-block;align-self:flex-start;border:0;cursor:pointer}
.vt-form--cf7 .wpcf7-spinner{margin:0 0 0 12px;vertical-align:middle}
.vt-form--cf7 .wpcf7-not-valid-tip{color:#b3261e;font-size:.82rem;margin-top:6px}
.vt-form--cf7 .wpcf7-not-valid{border-color:#b3261e!important}
.vt-form--cf7 .wpcf7 form .wpcf7-response-output,.vt-form--cf7 .wpcf7-response-output{margin:0;padding:12px 16px;border-radius:10px;border:1px solid var(--vt-border);font-size:.9rem;line-height:1.5}
.vt-form--cf7 form.sent .wpcf7-response-output{border-color:#2e7d32;color:#2e7d32;background:#f1f8f1}
.vt-form--cf7 form.invalid .wpcf7-response-output,.vt-form--cf7 form.failed .wpcf7-response-output,.vt-form--cf7 form.spam .wpcf7-response-output{border-color:#b3261e;color:#b3261e;background:#fdf3f2}
.vt-form--cf7 .wpcf7-select{-webkit-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='none'%3E%3Cpath d='M97 177 255 325 413 177' stroke='%2344474e' stroke-width='44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px}
@media (max-width:48em){.vt-form--cf7 .vt-form__row{grid-template-columns:1fr}}

/* CF7 tu boc <p> quanh 2 label trong hang: go lop <p> de .vt-form__row chia 2 cot that su */
.vt-form--cf7 .vt-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vt-form--cf7 .vt-form__row>p{display:contents;margin:0}
.vt-form--cf7 .vt-form__row>.vt-field,.vt-form--cf7 .vt-form__row .vt-field{min-width:0}
.vt-form--cf7 .vt-field input:not([type=submit]),.vt-form--cf7 .vt-field select,.vt-form--cf7 .vt-field textarea{width:100%;box-sizing:border-box;background-color:#fff}
.vt-form--cf7 form>p:empty,.vt-form--cf7 p:empty{display:none}
@media (max-width:48em){.vt-form--cf7 .vt-form__row{grid-template-columns:1fr}}

/* Nut chuyen ngon ngu (the a thay cho button) */
.lang-switch a.lang{display:inline-flex;line-height:0;text-decoration:none}

/* Nut gui CF7: giu nguyen nen Burgundy + chu trang o MOI trang thai (hover/focus/active/dang gui/sau khi gui), ghi de CSS cu cua .wpcf7-submit */
.vt-form--cf7 .vt-form__submit.wpcf7-submit,
.vt-form--cf7 .vt-form__submit.wpcf7-submit:hover,
.vt-form--cf7 .vt-form__submit.wpcf7-submit:focus,
.vt-form--cf7 .vt-form__submit.wpcf7-submit:focus-visible,
.vt-form--cf7 .vt-form__submit.wpcf7-submit:active,
.vt-form--cf7 .vt-form__submit.wpcf7-submit:disabled,
.vt-form--cf7 .vt-form__submit.wpcf7-submit[aria-disabled="true"]{
  background:#87171C;background-image:none;color:#fff;-webkit-text-fill-color:#fff;
  border:0;border-radius:999px;padding:14px 32px;font-family:var(--head),'Montserrat',sans-serif;font-weight:700;font-size:.95rem;line-height:1.2;
  box-shadow:0 8px 20px rgba(135,23,28,.25);opacity:1;transform:none;outline:0;cursor:pointer;width:auto;min-width:0;height:auto;
  transition:background .2s,box-shadow .2s
}
.vt-form--cf7 .vt-form__submit.wpcf7-submit:hover,
.vt-form--cf7 .vt-form__submit.wpcf7-submit:focus-visible{background:#6E1315;box-shadow:0 10px 26px rgba(135,23,28,.32)}
.vt-form--cf7 .vt-form__submit.wpcf7-submit:disabled,
.vt-form--cf7 .vt-form__submit.wpcf7-submit[aria-disabled="true"]{opacity:.75;cursor:progress}
/* Spinner chi hien khi dang gui */
.vt-form--cf7 .wpcf7-spinner{visibility:hidden;display:inline-block;width:22px;height:22px;margin:0 0 0 12px;border-radius:50%;background:#87171C;opacity:.7;vertical-align:middle}
.vt-form--cf7 form.submitting .wpcf7-spinner{visibility:visible}

/* Breadcrumb trang san pham: dau gach cheo, trang hien tai dam hon */
.vt-pdp__crumbs .sep{color:#b9bcc2;font-weight:400}
.vt-pdp__crumbs .is-current{color:#1b1c20;font-weight:700}

/* === Trang Cua hang / danh muc san pham (woocommerce/archive-product.php) === */
.vt-shop{padding:56px 0 84px;background:#fff}
.vt-shop__filter{justify-content:center;margin-bottom:34px}
.vt-shop__filter a.vt-filter__chip{text-decoration:none;display:inline-flex}
.vt-shop__grid{margin-top:0}
.vt-product-card__price{display:block;margin:2px 0 6px;font-weight:700;color:#87171C;font-size:1rem}
.vt-product-card__price del{opacity:.5;font-weight:400;margin-right:6px}
.vt-product-card__price ins{text-decoration:none}
.vt-shop .navigation.pagination{margin-top:44px;text-align:center}
.vt-shop .nav-links{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}
.vt-shop .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #eadede;border-radius:999px;color:#2b2d33;text-decoration:none;font-weight:600}
.vt-shop .page-numbers.current,.vt-shop .page-numbers:hover{background:#87171C;border-color:#87171C;color:#fff}
.vt-shop .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* === Nut len dau trang: nam tren nut lien he noi (bottom-right) === */
.vt-totop{position:fixed;right:18px;bottom:40px;z-index:9999;width:46px;height:46px;border-radius:50%;border:1px solid #eadede;background:#fff;color:#87171C;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.14);opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s,background .2s,color .2s}
.vt-totop[hidden]{display:none}
.vt-totop.is-on{opacity:1;transform:none}
.vt-totop svg{transform:rotate(180deg);display:block}
.vt-totop:hover{background:#87171C;color:#fff;border-color:#87171C}
@media (max-width:48em){.vt-totop{right:14px;bottom:40px;width:42px;height:42px}}

/* Nut len dau trang nam cach day 40px; cum nut lien he noi nam ngay tren no (ghi de --sln-y inline cua module Saleon) */
.has-totop #sln-ct{--sln-y:100px !important}

/* === Menu mobile: truot tu trai sang, khong gach dau dong, cuon duoc === */
@media (max-width:960px){
  .mobile-drawer{
    position:fixed;top:74px;left:0;bottom:0;z-index:99;width:min(86vw,380px);max-width:100%;
    display:flex;flex-direction:column;gap:0;margin:0;padding:8px 22px calc(28px + env(safe-area-inset-bottom));
    background:#fff;border:0;box-shadow:12px 0 40px rgba(0,0,0,.14);
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;
    transform:translateX(-102%);visibility:hidden;
    transition:transform .34s cubic-bezier(.22,.8,.3,1),visibility 0s linear .34s
  }
  .mobile-drawer.is-open{transform:translateX(0);visibility:visible;transition:transform .34s cubic-bezier(.22,.8,.3,1),visibility 0s}
  .mobile-drawer[hidden]{display:none}
  .mobile-drawer,.mobile-drawer a,.mobile-drawer span{list-style:none}
  .mobile-drawer a,.mobile-drawer span.nav-locked{display:block;padding:14px 0;border-bottom:1px solid #f0e3e3;font-size:1rem;color:var(--vt-ink,#1b1c20);text-decoration:none}
  .mobile-drawer a::before,.mobile-drawer a::marker{content:none}
  .mobile-drawer .drawer-sub{padding:11px 0 11px 18px;font-size:.92rem;border-bottom:1px dashed #f3eaea;font-weight:500}
  .mobile-drawer .drawer-sub-2{padding-left:34px}
  .mobile-drawer>a,.mobile-drawer>span,.mobile-drawer>.drawer-group{opacity:0;transform:translateX(-12px);transition:opacity .3s ease,transform .3s ease}
  .mobile-drawer.is-open>a,.mobile-drawer.is-open>span,.mobile-drawer.is-open>.drawer-group{opacity:1;transform:none}
  .mobile-drawer.is-open>:nth-child(1){transition-delay:.06s}.mobile-drawer.is-open>:nth-child(2){transition-delay:.09s}.mobile-drawer.is-open>:nth-child(3){transition-delay:.12s}
  .mobile-drawer.is-open>:nth-child(4){transition-delay:.15s}.mobile-drawer.is-open>:nth-child(5){transition-delay:.18s}.mobile-drawer.is-open>:nth-child(n+6){transition-delay:.2s}
  .mobile-backdrop{position:fixed;inset:74px 0 0 0;z-index:98;background:rgba(20,10,12,.42);opacity:0;transition:opacity .3s ease}
  .mobile-backdrop.is-open{opacity:1}
  .mobile-backdrop[hidden]{display:none}
  html.nav-open{overflow:hidden}
}
@media (max-width:560px){ .mobile-drawer{top:64px} .mobile-backdrop{inset:64px 0 0 0} }
@media (prefers-reduced-motion:reduce){ .mobile-drawer,.mobile-drawer>a,.mobile-backdrop{transition:none!important} }
/* Khi dang dang nhap (thanh admin 32px / 46px tren mobile) menu va lop mo lui xuong theo */
@media (max-width:960px){ .admin-bar .mobile-drawer{top:106px} .admin-bar .mobile-backdrop{inset:106px 0 0 0} }
@media (max-width:782px){ .admin-bar .mobile-drawer{top:120px} .admin-bar .mobile-backdrop{inset:120px 0 0 0} }
@media (max-width:560px){ .admin-bar .mobile-drawer{top:110px} .admin-bar .mobile-backdrop{inset:110px 0 0 0} }

/* === Menu mobile: muc co muc con -> hang [ten + mui ten], so xuong muot (grid 0fr -> 1fr) === */
@media (max-width:960px){
  .drawer-row{display:flex;align-items:stretch;border-bottom:1px solid #f0e3e3}
  .drawer-row>a{flex:1;border-bottom:0!important}
  .drawer-arrow{flex:0 0 52px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-left:1px solid #f6eded;color:#87171C;cursor:pointer;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
  .drawer-arrow svg{transition:transform .28s ease}
  .drawer-group.is-expanded>.drawer-row .drawer-arrow svg{transform:rotate(180deg)}
  .drawer-group.is-expanded>.drawer-row>a{color:#87171C}
  .drawer-subs{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;background:#fdf8f8}
  .drawer-group.is-expanded>.drawer-subs{grid-template-rows:1fr}
  .drawer-subs__inner{overflow:hidden;min-height:0}
  .drawer-subs .drawer-sub:last-child{border-bottom:0}
  .drawer-subs .drawer-sub{padding-left:22px!important}
  .drawer-subs .drawer-sub-2{padding-left:38px!important}
}
@media (prefers-reduced-motion:reduce){ .drawer-subs,.drawer-arrow svg{transition:none!important} }

/* Menu mobile: bo toan bo duong ke / vach ngan, chi dung khoang cach */
@media (max-width:960px){
  .mobile-drawer a,.mobile-drawer span.nav-locked,.mobile-drawer .drawer-sub,.drawer-row,.drawer-row>a,.drawer-arrow{border:0!important}
  .mobile-drawer a,.mobile-drawer span.nav-locked{padding:15px 0}
  .mobile-drawer .drawer-sub{padding-top:11px;padding-bottom:11px}
  .drawer-subs{background:transparent}
  .drawer-subs__inner{padding-bottom:0}
  .drawer-group.is-expanded>.drawer-subs .drawer-subs__inner{padding-bottom:8px}
}

/* ===== Feedback V3 (10/11/2026) ===== */

/* Trang chủ: 2 thẻ thương hiệu — logo lớn + dải hồng nhạt bên dưới */
body .vt-el-brands .vt-brand-grid{margin-top:44px;row-gap:24px;column-gap:24px;align-items:stretch}
body .vt-el-brands .vt-brand-card{padding:0;overflow:hidden;border-radius:26px;border:1px solid rgba(135,23,28,.1);background:#fff;box-shadow:0 10px 30px rgba(135,23,28,.07);align-items:stretch;text-align:left;display:flex;flex-direction:column}
body .vt-el-brands .vt-brand-card__logo{position:static;transform:none;width:100%;height:auto;min-height:220px;padding:36px 28px;border:0;border-radius:0;box-shadow:none;background:#fff;flex:1}
body .vt-el-brands .vt-brand-card__logo{padding:14px 20px}
body .vt-el-brands .vt-brand-card__logo img{height:230px;width:auto;max-width:100%;object-fit:contain;max-height:none}
body .vt-el-brands .vt-brand-card__logo .vt-media{max-width:100%;width:auto;height:auto}
body .vt-el-brands .vt-brand-card__cap{display:block;background:#fdf1f2;padding:22px 28px 26px;margin-top:auto}
body .vt-el-brands .vt-brand-card__cap strong{display:block;font:700 1.05rem/1.3 'Montserrat',sans-serif;color:#c8242b;letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px}
body .vt-el-brands .vt-brand-card__cap p{margin:0;color:#44474e;font-size:1.05rem;line-height:1.5}
@media (max-width:760px){
  body .vt-el-brands .vt-brand-grid{margin-top:30px;grid-template-columns:1fr}
  body .vt-el-brands .vt-brand-card__logo{min-height:0;padding:10px 16px}
  body .vt-el-brands .vt-brand-card__logo img{height:170px}
}

/* Bảng giải pháp trang chủ (bản tiếng Anh tiêu đề dài): không để thẻ lòi ra ngoài khung */
.vt-solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vt-solution-card{min-width:0;overflow:hidden}
.vt-solution-card h3,.vt-solution-card p{overflow-wrap:anywhere;min-width:0}
@media (max-width:900px){.vt-solution-grid{grid-template-columns:1fr}}

/* Câu trích dẫn */
.vt-quote{padding:72px 0;text-align:center}
.vt-quote--cream{background:#f9f4ee}
.vt-quote--white{background:#fff}
.vt-quote--red{background:#87171C;color:#fff}
.vt-quote blockquote{max-width:900px;margin:0 auto;padding:30px 0;position:relative;border-top:1px solid rgba(135,23,28,.16);border-bottom:1px solid rgba(135,23,28,.16)}
.vt-quote--red blockquote{border-color:rgba(255,255,255,.28)}
.vt-quote p{margin:0;font:700 clamp(1.45rem,3.2vw,2.35rem)/1.32 'Montserrat',sans-serif;color:#1c1c1e}
.vt-quote--red p{color:#fff}
.vt-quote cite{display:block;margin-top:16px;font:500 clamp(1rem,1.6vw,1.2rem)/1.5 'Myriad Pro',sans-serif;font-style:italic;color:#5b5f66}
.vt-quote--red cite{color:rgba(255,255,255,.85)}
@media (max-width:640px){.vt-quote{padding:48px 0}.vt-quote blockquote{padding:22px 0}}

/* Đội ngũ lãnh đạo */
.vt-team{padding:84px 0;background:#fff}
.vt-team__grid{display:grid;gap:28px;margin-top:44px;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(220px,260px))}
.vt-team__card{text-align:center;background:#fff;border:1px solid rgba(135,23,28,.1);border-radius:22px;padding:26px 22px 28px;box-shadow:0 10px 28px rgba(135,23,28,.06)}
.vt-team__photo{display:block;width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 18px;background:#f4e9e9}
.vt-team__photo img,.vt-team__photo .vt-media{width:100%;height:100%;object-fit:cover;display:block}
.vt-team__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f4e9e9,#e9d3d4)}
.vt-team__card h3{margin:0 0 4px;font:700 1.15rem/1.3 'Montserrat',sans-serif;color:#1c1c1e}
.vt-team__role{display:block;color:#87171C;font:600 .86rem/1.4 'Myriad Pro',sans-serif;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.vt-team__card p{margin:0;color:#4a4e55;font-size:.95rem;line-height:1.6}

/* Trang Giải pháp doanh nghiệp: nhóm editorial */
.vt-solf{padding:72px 0 56px;background:#fff}
.vt-solf.is-alt{background:#faf6f6}
.vt-solf__head h2{margin:0;font:800 clamp(1.7rem,3.4vw,2.5rem)/1.2 'Montserrat',sans-serif;color:#1c1c1e;text-transform:uppercase}
.vt-solf__num{color:#87171C}
.vt-solf__tag{margin:12px 0 0;font:600 1.1rem/1.5 'Myriad Pro',sans-serif;color:#87171C}
.vt-solf__img{margin:28px 0 0;border-radius:22px;overflow:hidden;background:#f1e7e7;aspect-ratio:16/7}
.vt-solf__img img,.vt-solf__img .vt-media{width:100%;height:100%;object-fit:cover;display:block}
.vt-solf__lead{margin:26px 0 0;max-width:100%;color:#3d4046;font-size:1.04rem;line-height:1.75}
.vt-solf__sub{margin:34px 0 0;font:700 .86rem/1 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#87171C}
.vt-solf__items{display:grid;gap:20px;margin-top:28px}
.vt-solf--cards3 .vt-solf__items{grid-template-columns:repeat(3,minmax(0,1fr))}
.vt-solf--boxes2 .vt-solf__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.vt-solf--values4 .vt-solf__items{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.vt-solf__item{background:#fbf7f6;border:1px solid rgba(135,23,28,.1);border-radius:18px;padding:24px 24px 26px;min-width:0}
.vt-solf--boxes2 .vt-solf__item{padding:34px 34px 38px;border-radius:22px;background:#faf5f5}
.vt-solf__icon{display:inline-flex;width:54px;height:54px;color:#87171C;margin-bottom:14px}
.vt-solf__icon svg{width:100%;height:100%}
.vt-solf--boxes2 .vt-solf__icon{width:62px;height:62px}
.vt-solf__itag{display:block;font:700 .74rem/1 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#87171C;margin-bottom:10px}
.vt-solf__item h4{margin:0 0 10px;font:700 1.05rem/1.35 'Montserrat',sans-serif;color:#1c1c1e;text-transform:uppercase;letter-spacing:.02em}
.vt-solf--boxes2 .vt-solf__item h4{font-size:1.3rem}
.vt-solf__n{color:#87171C;margin-right:6px}
.vt-solf__item p{margin:0;color:#4a4e55;font-size:.95rem;line-height:1.65}
.vt-solf__list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.vt-solf__list li{display:flex;gap:14px;align-items:baseline;color:#2b2d31;font-size:.98rem;line-height:1.5}
.vt-solf__list li span{font:700 .78rem/1 'Montserrat',sans-serif;color:#87171C;letter-spacing:.08em;min-width:22px}
.vt-solf .btn-text{display:inline-block;margin-top:26px}
@media (max-width:900px){
  .vt-solf{padding:52px 0 40px}
  .vt-solf--cards3 .vt-solf__items,.vt-solf--boxes2 .vt-solf__items,.vt-solf--values4 .vt-solf__items{grid-template-columns:1fr}
  .vt-solf__img{aspect-ratio:16/9;border-radius:16px}
  .vt-solf--boxes2 .vt-solf__item{padding:26px 22px 28px}
}

/* "Tại sao chọn Vistar" — trụ cột có dấu V */
.vt-pillars{padding:72px 0;background:#fff;border-top:1px solid rgba(135,23,28,.08)}
.vt-pillars__head h2{margin:10px 0 0;font:800 clamp(1.7rem,3.4vw,2.5rem)/1.22 'Montserrat',sans-serif;color:#1c1c1e}
.vt-pillars__list{display:grid;gap:14px;margin-top:30px}
.vt-pillar{display:flex;gap:18px;align-items:center;background:#fbf7f6;border-left:4px solid #87171C;border-radius:14px;padding:20px 26px}
.vt-pillar__mark{flex:0 0 36px}
.vt-pillar__mark img{width:36px;height:auto;display:block}
.vt-pillar h3{margin:0 0 4px;font:700 1.05rem/1.3 'Montserrat',sans-serif;color:#1c1c1e;text-transform:uppercase;letter-spacing:.02em}
.vt-pillar p{margin:0;color:#4a4e55;font-size:.96rem;line-height:1.55}

/* Mobile: logo header = logo footer; ẩn nút liên hệ nổi khi mở menu */
@media (max-width:960px){
  body .site-header .brand-logo{height:46px}
  body .site-footer .footer-logo--lg{height:46px}
  html.nav-open #sln-ct,html.nav-open #vt-totop{display:none!important}
}

/* Form liên hệ: ô đồng ý chính sách + nút gửi khoá tới khi tick */
.vt-form--cf7 .vt-consent{display:block;margin:4px 0 14px;font-size:.95rem;line-height:1.5;color:#2b2d31}
.vt-form--cf7 .vt-consent .wpcf7-list-item{margin:0;display:block}
.vt-form--cf7 .vt-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.vt-form--cf7 .vt-consent input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;accent-color:#87171C}
.vt-form--cf7 .vt-consent a{color:#87171C;font-weight:600;text-decoration:underline}
.vt-form--cf7 .vt-consent em,.vt-form--cf7 .vt-consent .req{color:#c8242b;font-style:normal}
.vt-form--cf7 .wpcf7-submit.is-locked,.vt-form--cf7 .wpcf7-submit:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.vt-form--cf7 .vt-consent,.vt-form--cf7 .vt-consent .wpcf7-list-item-label{font-weight:400}
.vt-form--cf7 .vt-consent a{font-weight:600}
.vt-form--cf7 .vt-consent{margin-top:18px}

/* ===== Màu đồng bộ + tuỳ chỉnh màu (feedback V3b) ===== */
:root{--vt-pink:#fdf5f5;--vt-pink-line:rgba(135,23,28,.10);--vt-pink-shadow:0 14px 44px rgba(135,23,28,.10)}
/* Khung giải pháp và thẻ thương hiệu dùng chung 1 màu hồng, viền, bóng, bo góc */
body .vt-sol__panel{background:var(--vt-pink);border:1px solid var(--vt-pink-line);box-shadow:var(--vt-pink-shadow);border-radius:26px}
body .vt-el-brands .vt-brand-card{border:1px solid var(--vt-pink-line);box-shadow:var(--vt-pink-shadow);border-radius:26px}
body .vt-el-brands .vt-brand-card__cap{background:var(--cap-bg,var(--vt-pink))}
body .vt-el-brands .vt-brand-card__cap strong{color:var(--cap-name,#87171C)}
body .vt-el-brands .vt-brand-card__cap p{color:var(--cap-desc,#44474e)}

/* Màu nền / chữ do người dùng chọn trong builder (nhóm "Màu sắc") */
.vt-adv.vt-has-bg>*{background:var(--vt-bg)!important}
.vt-adv.vt-has-bg>*>.container,.vt-adv.vt-has-bg .vt-quote blockquote{background:transparent!important}
.vt-adv.vt-has-fg :is(h1,h2,h3,h4,h5,h6,p,li,cite,blockquote,label,strong,em,span,small,figcaption):not(.btn *):not(.button *):not([class*="btn"] *){color:var(--vt-fg)!important}
.vt-adv.vt-has-fg blockquote{border-color:color-mix(in srgb,var(--vt-fg) 25%,transparent)!important}

/* Liên hệ — mobile: khối thông tin full width */
@media (max-width:48em){
  body .vt-cinfo__panel{max-width:100%;width:100%;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
  body .vt-cinfo__card{width:100%;max-width:100%;margin:0 0 16px;padding:18px 18px;box-sizing:border-box}
  body .vt-cinfo .container{padding-left:16px;padding-right:16px}
}

/* Trang Thương hiệu — mobile: nút Website nằm trong luồng, không đè lên chữ */
@media (max-width:48em){
  body .vt-bb{padding:24px 18px 26px;gap:0}
  body .vt-bb__body{width:100%;box-sizing:border-box}
  body .vt-bb__site{position:static;transform:none;left:auto;right:auto;bottom:auto;margin-top:18px;justify-self:center;padding:10px 20px;font-size:.88rem;white-space:nowrap}
}

/* CTA kiểu Editorial (trang Giải pháp doanh nghiệp) */
.vt-cta3{padding:72px 0 80px;background:#fff}
.vt-cta3__head h2{margin:10px 0 0;font:800 clamp(1.9rem,4vw,3rem)/1.18 'Montserrat',sans-serif;color:#1c1c1e;text-transform:uppercase;max-width:640px}
.vt-cta3__head p{margin:18px 0 0;max-width:760px;color:#3d4046;font-size:1.04rem;line-height:1.7}
.vt-cta3__img{margin-top:30px}
.vt-cta3__box{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 40px;border-radius:22px;color:#fff;background:linear-gradient(110deg,#87171C 0%,#6E1315 55%,#4d0d10 100%);box-shadow:0 16px 44px rgba(135,23,28,.25)}
.vt-cta3__box h3{margin:0;font:800 clamp(1.4rem,2.6vw,2rem)/1.2 'Montserrat',sans-serif;color:#fff;text-transform:uppercase}
.vt-cta3__box p{margin:8px 0 0;color:rgba(255,255,255,.92);font-weight:600}
.vt-cta3__box .btn{flex:none;white-space:nowrap}
@media (max-width:760px){.vt-cta3{padding:48px 0 56px}.vt-cta3__box{flex-direction:column;align-items:flex-start;padding:26px 22px}.vt-cta3__box .btn{width:100%;text-align:center}}

/* Mobile: tin tức trang chủ thành thanh trượt ngang (vuốt), không xếp dọc cả 3 bài cho đỡ dài trang */
@media (max-width:640px){
  .vt-news:not(.vt-newslist) .vt-news-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:4px 16px 18px;scrollbar-width:none}
  .vt-news:not(.vt-newslist) .vt-news-grid::-webkit-scrollbar{display:none}
  .vt-news:not(.vt-newslist) .vt-news-item{flex:0 0 82%;scroll-snap-align:center;min-width:0}
  .vt-news:not(.vt-newslist) .vt-news-item:first-child{scroll-snap-align:start}
  .vt-news:not(.vt-newslist) .vt-news-item__media img,.vt-news:not(.vt-newslist) .vt-news-item__media>*{max-height:170px}
  .vt-news:not(.vt-newslist) .vt-news-item__body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  /* Trang Giải pháp: đoạn dẫn gọn hơn trên điện thoại */
  .vt-intro__lead{font-size:1rem;line-height:1.7}
}

/* Mobile: trang Tin tức (/tin-tuc/) cũng dạng thanh trượt ngang */
@media (max-width:640px){
  .vt-newslist .vt-news-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:4px 16px 18px;scrollbar-width:none}
  .vt-newslist .vt-news-grid::-webkit-scrollbar{display:none}
  .vt-newslist .vt-news-item{flex:0 0 82%;scroll-snap-align:center;min-width:0}
  .vt-newslist .vt-news-item:first-child{scroll-snap-align:start}
  .vt-newslist .vt-news-item[hidden]{display:none}
  .vt-newslist .vt-news-item__media img,.vt-newslist .vt-news-item__media>*{max-height:170px}
  .vt-newslist .vt-news-item__body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}

/* Thanh trượt tin tức: lề trái/phải đúng bằng lề container (20px), card đầu không dính mép */
@media (max-width:640px){
  .vt-news .vt-news-grid{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px;scroll-padding-right:20px}
}

/* Trang Giải pháp — mobile: đoạn dẫn + chip căn trái cho khớp các mục bên dưới */
@media (max-width:48em){
  body .vt-intro__lead{text-align:left;margin-left:0;margin-right:0;max-width:none}
  body .vt-intro .vt-jump{justify-content:flex-start}
}

/* Giải pháp trang chủ: 3 cột bằng nhau theo %, tự co theo khung (không để thẻ tràn ra ngoài) */
.vt-sol__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vt-sol__card{min-width:0;max-width:100%;box-sizing:border-box}
.vt-sol__head{min-width:0;flex-wrap:nowrap}
.vt-sol__name,.vt-sol__desc{min-width:0;overflow-wrap:anywhere}
@media (max-width:64em){.vt-sol__grid{grid-template-columns:1fr}}

/* === Ngắt dòng đẹp: tiêu đề cân đều, đoạn văn không rớt 1–2 chữ lẻ xuống dòng cuối === */
body h1,body h2,body h3,body h4,body .section-title,body blockquote p{text-wrap:balance}
body p,body li,body figcaption,body .vt-sol__desc,body .vt-solf__lead,body cite{text-wrap:pretty}
body .container p,body .container li{hyphens:manual;word-break:normal;overflow-wrap:break-word}

/* Thẻ giải pháp trang chủ: tên dài (bản tiếng Anh) được xuống dòng, không bị cắt */
.vt-sol__head{flex-wrap:nowrap;align-items:center}
.vt-sol__icon{flex:0 0 44px}
.vt-sol__name{flex:1 1 0;min-width:0;white-space:normal!important;overflow-wrap:break-word;text-wrap:balance}