/* "Vay tiền" mega menu: the rules of the "Thẻ tín dụng" menu (v2.css) for the loan menu, which reuses its panels. */
.v2-lmegas, .v2-lmega { display: none; }
[data-v2-lmega-trigger]::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 16px; }
.v2-lmenu-logo { display: flex; align-items: center; justify-content: center; height: 22px; overflow: hidden; }
.v2-lmenu-logo img { display: block; max-width: 100%; max-height: 22px; width: auto; height: auto; object-fit: contain; }
@media (min-width: 1100px) {
  .v2 header:has([data-v2-lmega-trigger]:hover) .v2-lmegas,
  .v2 header:has([data-v2-lmega-trigger]:focus-visible) .v2-lmegas,
  .v2-lmegas:hover,
  .v2-lmegas:focus-within { display: block; }
  .v2-lmega-0 { display: block; }
  .v2-lmegas:has(.v2-lmega-0:hover) .v2-lmega { display: none; } .v2-lmegas:has(.v2-lmega-0:hover) .v2-lmega-0 { display: block; }
  .v2-lmegas:has(.v2-lmega-1:hover) .v2-lmega { display: none; } .v2-lmegas:has(.v2-lmega-1:hover) .v2-lmega-1 { display: block; }
  .v2-lmegas:has(.v2-lmega-2:hover) .v2-lmega { display: none; } .v2-lmegas:has(.v2-lmega-2:hover) .v2-lmega-2 { display: block; }
  .v2-lmegas:has(.v2-lmega-3:hover) .v2-lmega { display: none; } .v2-lmegas:has(.v2-lmega-3:hover) .v2-lmega-3 { display: block; }
  .v2-lmegas:has([data-v2-ltab="0"]:focus) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="0"]:focus) .v2-lmega-0 { display: block; }
  .v2-lmegas:has([data-v2-ltab="1"]:focus) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="1"]:focus) .v2-lmega-1 { display: block; }
  .v2-lmegas:has([data-v2-ltab="2"]:focus) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="2"]:focus) .v2-lmega-2 { display: block; }
  .v2-lmegas:has([data-v2-ltab="3"]:focus) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="3"]:focus) .v2-lmega-3 { display: block; }
  .v2-lmegas:has([data-v2-ltab="0"]:hover) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="0"]:hover) .v2-lmega-0 { display: block; }
  .v2-lmegas:has([data-v2-ltab="1"]:hover) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="1"]:hover) .v2-lmega-1 { display: block; }
  .v2-lmegas:has([data-v2-ltab="2"]:hover) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="2"]:hover) .v2-lmega-2 { display: block; }
  .v2-lmegas:has([data-v2-ltab="3"]:hover) .v2-lmega { display: none; } .v2-lmegas:has([data-v2-ltab="3"]:hover) .v2-lmega-3 { display: block; }
}

/* Phone and tablet navigation (mobile-nav.mjs): menu button, logo, search, Đăng nhập, Đăng ký; drawer from the left
   with sub-panels. Every state is a fixed-position fragment target, so opening and closing never scroll the page. */
.v2-mnav-burger, .v2-mnav-actions, .v2-mnav { display: none; }
.v2-mnav-anchor { position: fixed; top: 0; left: 0; width: 0; height: 0; }
@media (max-width: 1099px) {
  .v2 .v2-mbtns { display: none !important; }
  .v2 header > div:first-child { gap: 10px; }
  .v2-mnav-burger { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; margin-left: -8px; border-radius: 10px; color: #2B1838; }
  .v2-mnav-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
  .v2-mnav-search { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; color: #2B1838; }
  .v2-mnav-login, .v2-mnav-join { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 10px; font-size: 14px; font-weight: 600; white-space: nowrap; color: #2B1838; }
  .v2-mnav-login { background: #F7F3FA; }
  .v2-mnav-join { box-shadow: inset 0 0 0 1.5px #2B1838; }

  .v2-mnav { display: block; position: fixed; inset: 0; z-index: 1000; visibility: hidden; pointer-events: none; transition: visibility 0s linear .28s; font-family: Lexend, system-ui, sans-serif; color: #2B1838; }
  .v2-mnav:target, .v2-mnav:has(.v2-mnav-sub:target) { visibility: visible; pointer-events: auto; transition: none; }
  .v2-mnav-scrim { position: absolute; inset: 0; background: rgba(43, 24, 56, .45); opacity: 0; transition: opacity .28s; }
  .v2-mnav:target .v2-mnav-scrim, .v2-mnav:has(.v2-mnav-sub:target) .v2-mnav-scrim { opacity: 1; }
  .v2-mnav-panel { position: absolute; top: 0; bottom: 0; left: 0; width: min(92vw, 420px); overflow-y: auto; overscroll-behavior: contain; background: #fff; transform: translateX(-100%); transition: transform .28s ease; }
  .v2-mnav:target .v2-mnav-main, .v2-mnav:has(.v2-mnav-sub:target) .v2-mnav-main { transform: none; }
  .v2-mnav-sub { z-index: 2; }
  .v2-mnav-sub:target { transform: none; }

  .v2-mnav-head, .v2-mnav-subhead { display: flex; align-items: center; gap: 8px; min-height: 68px; padding: 12px 16px; border-bottom: 1px solid #F1E4D7; }
  .v2-mnav-account { display: flex; align-items: center; gap: 6px; margin-left: auto; }
  .v2-mnav-x { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; margin-left: -8px; border-radius: 10px; color: #2B1838; }
  .v2-mnav-logo { display: flex; flex: 0 0 auto; }
  .v2-mnav-logoimg { display: block; height: 26px; width: auto; }
  .v2-mnav-list { list-style: none; margin: 0; padding: 0; }
  .v2-mnav-row { display: flex; align-items: center; gap: 16px; min-height: 68px; padding: 8px 20px; border-bottom: 1px solid #F1E4D7; color: #2B1838; text-decoration: none; font-size: 17px; font-weight: 600; }
  .v2-mnav-ico { flex: 0 0 auto; width: 36px; height: 36px; object-fit: contain; }
  .v2-mnav-chev { display: flex; margin-left: auto; color: #B4520E; }
  .v2-mnav-subhead .v2-mnav-x { margin-left: auto; margin-right: -8px; }
  .v2-mnav-back { display: inline-flex; align-items: center; gap: 2px; min-height: 40px; margin-left: -6px; color: #B4520E; font-size: 15px; font-weight: 600; text-decoration: none; }
  .v2-mnav-title { font-size: 16px; font-weight: 600; margin-left: 8px; }
  .v2-mnav-subrow { display: block; padding: 16px 20px; border-bottom: 1px solid #F1E4D7; color: #2B1838; text-decoration: none; font-size: 16px; }
  .v2-mnav-row:active, .v2-mnav-subrow:active { background: #FFF8F1; }
  html:has(.v2-mnav:target), html:has(.v2-mnav-sub:target) { overflow: hidden; }
}
@media (max-width: 374px) {
  .v2-mnav-login, .v2-mnav-join { padding: 0 9px; font-size: 13px; }
  .v2 header > div:first-child img { height: 24px; }
}
@media (max-width: 339px) {
  .v2-mnav-actions .v2-mnav-search { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .v2-mnav-panel, .v2-mnav-scrim { transition: none; }
}

/* Home testimonials: illustrated avatar in the design's initial circle. */
.v2 .v2-avatar { overflow: hidden; padding: 0; background: #FFF8F1; }
.v2-avatar-img { display: block; width: 100%; height: 100%; object-fit: cover; }