:root {
  --nen: #FAEED9;
  --nen-sang: #FDF8E8;
  --chu: #313114;
  --chu-phu: #5C5636;
  --vang: #C0A451;
  --vang-nhat: #DFC78C;
  --vang-dam: #7A6829;
  --ho: #A1B8B8;
  --loi: #9B2C1F;
  --chu-tren-vang: #313114;
  --serif: "Lora", "Noto Serif", Georgia, "Times New Roman", serif;
  --sans: "Be Vietnam Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --nen: #1C1C10;
    --nen-sang: #26261A;
    --chu: #F3E9D2;
    --chu-phu: #CFC4A6;
    --vang: #DFC78C;
    --vang-nhat: #6B5D2E;
    --vang-dam: #E8D49C;
    --loi: #F0A493;
    --chu-tren-vang: #1C1C10;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --nen: #1C1C10; --nen-sang: #26261A; --chu: #F3E9D2; --chu-phu: #CFC4A6;
  --vang: #DFC78C; --vang-nhat: #6B5D2E; --vang-dam: #E8D49C; --loi: #F0A493;
  --chu-tren-vang: #1C1C10; color-scheme: dark;
}

*, *::before, *::after { box-sizing: inherit; }
html { scroll-behavior: smooth; scroll-padding-top: env(safe-area-inset-top, 0px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0;
  background: var(--nen);
  color: var(--chu);
  font: 400 1.0625rem/1.65 var(--sans);
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--vang); outline-offset: 3px; }

h1, h2, h3 { font-family: var(--serif); font-weight: 600; line-height: 1.2; margin: 0 0 .6em; }
h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); letter-spacing: -.01em; }
h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); }
h3 { font-size: 1.3rem; }
p { margin: 0 0 1em; max-width: 62ch; }

/* Dau trang */
.dau-trang {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 1rem clamp(1.25rem, 5vw, 4rem);
}
.ten-du-an { font-family: var(--serif); font-weight: 600; font-size: 1.15rem; text-decoration: none; }
.ngon-ngu { display: flex; gap: 1rem; font-size: .95rem; }
.ngon-ngu a { text-decoration: none; color: var(--chu-phu); }
.ngon-ngu a[aria-current] { color: var(--chu); border-bottom: 2px solid var(--vang); }

/* Mo dau: anh vom cong la diem nhan duy nhat */
.mo-dau {
  display: grid; gap: 2rem;
  padding: 1rem clamp(1.25rem, 5vw, 4rem) 3rem;
}
.mo-dau-anh { margin: 0; order: -1; }
.mo-dau-anh img {
  width: 100%; aspect-ratio: 1 / 1; object-fit: cover;
  border-radius: 50% 50% 1.25rem 1.25rem / 34% 34% 1.25rem 1.25rem;
  box-shadow: 0 0 0 1px var(--vang-nhat), 0 0 0 10px var(--nen), 0 0 0 11px var(--vang);
}
.mo-ta { font-size: 1.2rem; color: var(--chu-phu); }
.khau-hieu { font-family: var(--serif); font-style: italic; font-size: 1.35rem; color: var(--vang-dam); }
.hanh-dong { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 1.75rem; }

@media (min-width: 900px) {
  .mo-dau { grid-template-columns: 5fr 6fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); padding-top: 2rem; }
  .mo-dau-anh { order: 0; }
}

.nut {
  display: inline-block; cursor: pointer;
  background: var(--vang); color: var(--chu-tren-vang);
  font: 600 1rem/1 var(--sans);
  padding: 1rem 1.5rem; border: 0; border-radius: 999px; text-decoration: none;
}
.nut:hover { background: var(--vang-dam); color: var(--nen); }
.nut[disabled] { opacity: .6; cursor: wait; }
.lien-ket { font-weight: 500; text-underline-offset: 4px; text-decoration-color: var(--vang); }

/* Cac khoi noi dung */
.khoi {
  padding: clamp(3rem, 7vw, 5.5rem) clamp(1.25rem, 5vw, 4rem);
  border-top: 1px solid var(--vang-nhat);
}
.khoi > * { max-width: 72rem; }
.hai-cot, .ba-cot { display: grid; gap: 2rem; }
@media (min-width: 760px) {
  .hai-cot { grid-template-columns: 1fr 1fr; }
  .ba-cot { grid-template-columns: repeat(3, 1fr); }
}
.doan-dai { font-size: 1.2rem; }
.ket-noi { margin: 0; display: grid; gap: 1.1rem; }
.ket-noi div { padding-left: 1rem; border-left: 3px solid var(--vang); }
.ket-noi dt { font-family: var(--serif); font-weight: 600; font-size: 1.15rem; }
.ket-noi dd { margin: 0; color: var(--chu-phu); }
.ba-cot article { padding-top: 1rem; border-top: 3px solid var(--vang); }
.ghi-chu { font-size: .9rem; color: var(--chu-phu); margin-top: 1.5rem; }
.cho-duyet { background: var(--vang-nhat); padding: 0 .3em; border-radius: 3px; }

/* Form */
.khoi-form { display: grid; gap: 2rem; }
@media (min-width: 900px) { .khoi-form { grid-template-columns: 2fr 3fr; align-items: start; } }
#form-khach {
  background: var(--nen-sang); padding: clamp(1.25rem, 4vw, 2.25rem);
  border-radius: 1.25rem; border: 1px solid var(--vang-nhat);
  display: grid; gap: 1rem;
}
#form-khach label { display: grid; gap: .35rem; font-weight: 500; font-size: .95rem; }
input, select {
  font: inherit; font-weight: 400; color: var(--chu);
  background: var(--nen); border: 1px solid var(--chu-phu); border-radius: .6rem;
  padding: .75rem .85rem; width: 100%; min-height: 48px;
}
input:focus-visible, select:focus-visible { outline-offset: 1px; }
.dong-sdt { display: grid; gap: 1rem; grid-template-columns: minmax(8.5rem, 2fr) 3fr; }
@media (max-width: 420px) { .dong-sdt { grid-template-columns: 1fr; } }
#form-khach .dong-y { grid-template-columns: auto 1fr; align-items: start; gap: .7rem; font-weight: 400; font-size: .9rem; }
.dong-y input { width: 1.3rem; min-height: 1.3rem; margin-top: .2rem; accent-color: var(--vang-dam); }
.an { display: none !important; }
.bay { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ket-qua { margin: 0; font-weight: 500; }
.ket-qua.loi { color: var(--loi); }

/* Chan trang */
.chan-trang {
  padding: 2.5rem clamp(1.25rem, 5vw, 4rem) 3rem;
  border-top: 1px solid var(--vang-nhat);
  font-size: .9rem; color: var(--chu-phu);
}

/* Cong vien */
.cong-vien-luoi { display: grid; gap: 2.5rem 2rem; margin-top: 2.5rem; }
@media (min-width: 760px) { .cong-vien-luoi { grid-template-columns: 1fr 1fr; } }
.cong-vien-luoi figure { margin: 0; }
.cong-vien-luoi img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: .9rem; }
.cong-vien-luoi figcaption { padding-top: 1rem; }
.cong-vien-luoi h3 { margin-bottom: .35em; }
.cong-vien-luoi figcaption p { color: var(--chu-phu); margin: 0; }
.tieu-de-phu { margin-top: 3.5rem; }
.phan-khu { margin: 0; padding: 0; list-style: none; counter-reset: khu; display: grid; gap: .9rem; }
.phan-khu li { counter-increment: khu; display: grid; grid-template-columns: 4.5rem 1fr; align-items: baseline; }
.phan-khu li::before { content: "Khu " counter(khu); font-family: var(--serif); color: var(--vang-dam); font-weight: 600; }

/* Thanh lien he nhanh: chi hien tren dien thoai */
.lien-he-nhanh { display: none; }
@media (max-width: 759px) {
  .lien-he-nhanh {
    display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
    padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom, 0px));
    background: var(--nen-sang); border-top: 1px solid var(--vang-nhat);
  }
  .lien-he-nhanh a {
    display: block; text-align: center; text-decoration: none; font-weight: 600;
    padding: .8rem .5rem; border-radius: 999px; border: 1px solid var(--vang);
  }
  .lien-he-nhanh a:last-child { background: var(--vang); color: var(--chu-tren-vang); border-color: var(--vang); }
  .chan-trang { padding-bottom: 6.5rem; }
}

/* Chinh sach ban hang */
.ngay-ap-dung { display: inline-block; padding: .35rem .8rem; border: 1px solid var(--vang); border-radius: 999px; font-size: .95rem; }
.cs-vay { display: grid; gap: 2rem; margin-top: 2rem; }
@media (min-width: 760px) { .cs-vay { grid-template-columns: 1fr 1fr; } }
.cs-vay p { color: var(--chu-phu); }
.cs-vay table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.cs-vay th, .cs-vay td { text-align: left; padding: .6rem .2rem; border-bottom: 1px solid var(--vang-nhat); }
.cs-vay th { font-weight: 600; font-size: .9rem; color: var(--chu-phu); }
.cs-vay td:last-child, .cs-vay th:last-child { text-align: right; }
.cs-vay td:last-child { font-family: var(--serif); font-weight: 600; font-size: 1.1rem; }
.cs-uu-dai { margin: 2.5rem 0 0; display: grid; gap: 1.5rem 2rem; }
@media (min-width: 760px) { .cs-uu-dai { grid-template-columns: 1fr 1fr; } }
.cs-uu-dai div { padding-left: 1rem; border-left: 3px solid var(--vang); }
.cs-uu-dai dt { font-family: var(--serif); font-weight: 600; font-size: 1.15rem; }
.cs-uu-dai dd { margin: .2rem 0 0; color: var(--chu-phu); }
#chinh-sach .nut { margin-top: 1rem; }

/* Thanh tab muc luc */
.thanh-tab {
  position: sticky; top: env(safe-area-inset-top, 0px); z-index: 15;
  display: flex; gap: .25rem; overflow-x: auto; scrollbar-width: none;
  padding: .5rem clamp(1.25rem, 5vw, 4rem);
  background: var(--nen); border-bottom: 1px solid var(--vang-nhat);
}
.thanh-tab::-webkit-scrollbar { display: none; }
.thanh-tab a {
  flex: none; white-space: nowrap; text-decoration: none; color: var(--chu-phu);
  font-size: .95rem; font-weight: 500; padding: .45rem .8rem; border-radius: 999px;
}
.thanh-tab a:hover { color: var(--chu); }
.thanh-tab a.dang-xem { background: var(--vang); color: var(--chu-tren-vang); }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 16; background: var(--nen); }
html { scroll-padding-top: calc(env(safe-area-inset-top, 0px) + 3.5rem); }

/* Bang tong quan */
.bang-tong-quan { margin: 1.5rem 0 0; border-top: 1px solid var(--vang-nhat); }
.bang-tong-quan div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--vang-nhat); }
@media (max-width: 480px) { .bang-tong-quan div { grid-template-columns: 1fr; gap: .15rem; } }
.bang-tong-quan dt { font-family: var(--serif); font-weight: 600; color: var(--vang-dam); }
.bang-tong-quan dd { margin: 0; }
.dai-keu-goi {
  margin-top: 2rem; padding: 1.25rem 1.5rem; border-radius: 1rem;
  background: var(--nen-sang); border: 1px solid var(--vang-nhat);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
}
.dai-keu-goi p { margin: 0; font-family: var(--serif); font-size: 1.2rem; font-weight: 600; }

/* The phan khu */
.the-phan-khu { list-style: none; padding: 0; margin: 2rem 0 0; display: grid; gap: 1.25rem; counter-reset: khu; }
@media (min-width: 760px) { .the-phan-khu { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .the-phan-khu { grid-template-columns: repeat(3, 1fr); } }
.the-phan-khu > li { counter-increment: khu; padding: 1.25rem 1.25rem 1rem; background: var(--nen-sang); border: 1px solid var(--vang-nhat); border-radius: 1rem; }
.the-phan-khu > li::before { content: "Khu " counter(khu); display: block; font-family: var(--serif); font-weight: 600; color: var(--vang-dam); margin-bottom: .3rem; }
.the-phan-khu h3 { margin-bottom: .2rem; }
.the-phan-khu .cam-hung { font-style: italic; font-family: var(--serif); color: var(--vang-dam); margin-bottom: .5rem; }
.the-phan-khu p { margin: 0 0 .4rem; }

/* San pham */
.gia-tu { font-weight: 600; }
#san-pham > .nut { margin-top: 1rem; }

/* Tai lieu, phap ly */
.ds-tai-lieu { margin: 1.5rem 0; padding: 0; list-style: none; display: grid; gap: .6rem; }
.ds-tai-lieu li { padding-left: 1rem; border-left: 3px solid var(--vang); }

/* Mau nha va gia */
.nguon { font-size: .85rem; color: var(--chu-phu); margin-top: -.5rem; }
.luoi-mau-nha { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); margin-top: 1rem; }
.the-mau { padding: 1.1rem 1.2rem; background: var(--nen-sang); border: 1px solid var(--vang-nhat); border-radius: 1rem; }
.the-mau .kt { font-family: var(--serif); font-size: 1.6rem; font-weight: 600; line-height: 1.1; }
.the-mau .loai { color: var(--vang-dam); font-weight: 600; margin: .15rem 0 .6rem; }
.the-mau dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: .25rem .75rem; font-size: .95rem; }
.the-mau dt { color: var(--chu-phu); }
.the-mau dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.the-mau .gia { font-family: var(--serif); font-weight: 600; }

/* Anh chinh sach */
.anh-csbh { display: grid; gap: 1.25rem; margin-top: 1.5rem; align-items: start; }
@media (min-width: 760px) { .anh-csbh { grid-template-columns: 3fr 2fr; } }
.anh-csbh img { width: 100%; height: auto; border-radius: .9rem; border: 1px solid var(--vang-nhat); }
.cs-chi-tiet { margin: 1rem 0 1.5rem; border-top: 1px solid var(--vang-nhat); padding-top: .8rem; }
.cs-chi-tiet summary { cursor: pointer; font-weight: 600; color: var(--vang-dam); padding: .4rem 0; }

/* Anh vi tri, lo trinh */
.anh-doi { display: grid; gap: 1.25rem; margin-top: 1.5rem; align-items: start; }
@media (min-width: 760px) { .anh-doi { grid-template-columns: 1fr 1fr; } }
.anh-doi img, .anh-don img { width: 100%; height: auto; border-radius: .9rem; border: 1px solid var(--vang-nhat); }
.anh-don { max-width: 46rem; margin-top: 1.5rem; }
.moc-thoi-gian { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; gap: .7rem; }
.moc-thoi-gian li { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; }
.moc-thoi-gian span { font-family: var(--serif); font-weight: 600; color: var(--vang-dam); }

/* Mau nha (layout) */
.tim-can { margin: 1.5rem 0; display: grid; gap: .4rem; max-width: 26rem; }
.tim-can label { font-weight: 600; }
.tim-can p { margin: 0; min-height: 1.5em; }
.tab-bo { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.tab-bo button {
  font: 600 1rem var(--serif); cursor: pointer; padding: .55rem 1.1rem; border-radius: 999px;
  background: transparent; color: var(--chu); border: 1px solid var(--vang);
}
.tab-bo button[aria-selected="true"] { background: var(--vang); color: var(--chu-tren-vang); }
.bang-cuon { overflow-x: auto; }
#bang-mau table { width: 100%; min-width: 34rem; border-collapse: collapse; font-variant-numeric: tabular-nums; }
#bang-mau th, #bang-mau td { padding: .65rem .4rem; border-bottom: 1px solid var(--vang-nhat); text-align: right; }
#bang-mau th:first-child, #bang-mau td:first-child { text-align: left; }
#bang-mau th { font-size: .85rem; color: var(--chu-phu); font-weight: 600; }
#bang-mau td.tong { font-family: var(--serif); font-weight: 600; font-size: 1.1rem; }
#bang-mau tr.noi-bat td { background: var(--vang-nhat); }

/* Video doc (YouTube Shorts) */
.video-doc { max-width: 20rem; margin: 1.5rem 0; }
.mo-video, .video-doc iframe { display: block; position: relative; width: 100%; aspect-ratio: 9 / 16; border-radius: .9rem; overflow: hidden; border: 1px solid var(--vang-nhat); background: #1C1C10; }
.mo-video img { width: 100%; height: 100%; object-fit: cover; opacity: .85; }
.mo-video span {
  position: absolute; left: 50%; bottom: 1.25rem; transform: translateX(-50%); white-space: nowrap;
  background: var(--vang); color: var(--chu-tren-vang); font-weight: 600; padding: .7rem 1.1rem; border-radius: 999px;
}
.mo-video span::before { content: "▶ "; }
.video-ngang { max-width: 46rem; }
.video-ngang .mo-video, .video-ngang iframe { aspect-ratio: 16 / 9; }

/* Anh the phan khu */
.the-phan-khu > li { padding: 0 0 1rem; overflow: hidden; }
.the-phan-khu > li img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; margin-bottom: .9rem; }
.the-phan-khu > li::before, .the-phan-khu > li h3, .the-phan-khu > li p { margin-left: 1.25rem; margin-right: 1.25rem; }
.the-phan-khu > li::before { order: 0; }
.the-phan-khu > li { display: flex; flex-direction: column; }
.the-phan-khu > li img { order: -1; }

/* Bang phap ly */
.bang-phap-ly { width: 100%; min-width: 30rem; border-collapse: collapse; }
.bang-phap-ly th, .bang-phap-ly td { text-align: left; padding: .65rem .4rem; border-bottom: 1px solid var(--vang-nhat); vertical-align: top; }
.bang-phap-ly th { font-size: .85rem; color: var(--chu-phu); }
.bang-phap-ly td:first-child { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--vang-dam); font-weight: 600; width: 7rem; }

/* Ba cach nhan nha */
.ba-cach { display: grid; gap: 1.25rem; margin: 1.5rem 0; }
@media (min-width: 900px) { .ba-cach { grid-template-columns: repeat(3, 1fr); } }
.ba-cach article { padding: 1.4rem 1.4rem 1.1rem; background: var(--nen-sang); border: 1px solid var(--vang-nhat); border-top: 4px solid var(--vang); border-radius: 1rem; }
.ba-cach h4 { font-family: var(--serif); font-size: 1.4rem; margin: 0; }
.ba-cach .phu-de { font-family: var(--serif); font-style: italic; color: var(--vang-dam); margin: .2rem 0 .8rem; }
.ba-cach ul, .uu-dai-gon ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .5rem; }
.ba-cach .phu-hop { margin: .9rem 0 0; padding-top: .8rem; border-top: 1px dashed var(--vang-nhat); font-size: .95rem; color: var(--chu-phu); }
.uu-dai-gon { margin: 1.5rem 0; padding: 1.2rem 1.4rem; border-left: 4px solid var(--vang); background: var(--nen-sang); border-radius: 0 1rem 1rem 0; }
.uu-dai-gon h4 { font-family: var(--serif); font-size: 1.2rem; margin: 0 0 .6rem; }
.uu-dai-gon b { font-family: var(--serif); color: var(--vang-dam); }

/* Tien ich trong khu */
.ti-khu { margin: .6rem 1.25rem 0; border-top: 1px dashed var(--vang-nhat); padding-top: .5rem; }
.ti-khu summary { cursor: pointer; font-weight: 600; color: var(--vang-dam); font-size: .95rem; }
.ti-khu ul { margin: .5rem 0 0; padding-left: 1.1rem; display: grid; gap: .3rem; font-size: .92rem; }
.the-phan-khu .ti-khu li { padding: 0; background: none; border: 0; border-radius: 0; display: list-item; overflow: visible; }
.the-phan-khu .ti-khu li::before { content: none; }

/* Hoi dap */
.tab-bo button small { font-family: var(--sans); font-weight: 500; opacity: .75; }
.hoi-dap { display: grid; gap: .6rem; max-width: 56rem; }
.nhom-hoi-dap { display: grid; gap: .6rem; }
.hoi-dap details { background: var(--nen-sang); border: 1px solid var(--vang-nhat); border-radius: .8rem; padding: .2rem 1.1rem; }
.hoi-dap summary { cursor: pointer; font-weight: 600; padding: .8rem 0; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.hoi-dap summary::-webkit-details-marker { display: none; }
.hoi-dap summary::after { content: "+"; font-family: var(--serif); font-size: 1.4rem; line-height: 1; color: var(--vang-dam); }
.hoi-dap details[open] summary::after { content: "–"; }
.hoi-dap details p { margin: 0 0 1rem; color: var(--chu-phu); }

/* Tin tuc */
.luoi-tin { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); margin-top: 1.5rem; }
.the-tin { padding: 1.2rem 1.3rem; background: var(--nen-sang); border: 1px solid var(--vang-nhat); border-radius: 1rem; }
.nhan-tin { font-size: .85rem; color: var(--chu-phu); margin-bottom: .5rem; }
.nhan-tin span { display: inline-block; background: var(--vang); color: var(--chu-tren-vang); font-weight: 600; padding: .1rem .6rem; border-radius: 999px; margin-right: .4rem; }
.the-tin h3 { font-size: 1.15rem; margin-bottom: .4rem; }
.the-tin h3 a { text-decoration: none; }
.the-tin h3 a:hover { text-decoration: underline; text-decoration-color: var(--vang); }
.the-tin p:last-child { color: var(--chu-phu); margin: 0; font-size: .95rem; }
.nhom-hoi-dap[hidden], [hidden] { display: none !important; }
.tong-quan-video .video-doc { margin: 2rem 0 0; }

/* Bang tinh dong tien */
.dong-tien { display: grid; gap: 1.5rem; margin-top: 1.5rem; align-items: start; }
@media (min-width: 960px) { .dong-tien { grid-template-columns: 2fr 3fr; } }
#form-dong-tien { display: grid; gap: .9rem; padding: 1.4rem; background: var(--nen-sang); border: 1px solid var(--vang-nhat); border-radius: 1rem; }
#form-dong-tien label { display: grid; gap: .3rem; font-weight: 500; font-size: .92rem; }
#form-dong-tien .dong-y { grid-template-columns: auto 1fr; align-items: center; gap: .6rem; font-weight: 400; }
.hai-o { display: grid; gap: .9rem; grid-template-columns: 1fr 1fr; }
@media (max-width: 420px) { .hai-o { grid-template-columns: 1fr; } }
.kq-dong-tien { padding: 1.4rem; border: 1px solid var(--vang-nhat); border-radius: 1rem; }
.kq-bang { margin: 0; }
.kq-bang div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px dashed var(--vang-nhat); font-variant-numeric: tabular-nums; }
.kq-bang dd { margin: 0; text-align: right; }
.kq-bang .uu-dai dd { color: var(--vang-dam); font-weight: 600; }
.kq-bang .tong { border-bottom: 0; font-family: var(--serif); font-size: 1.2rem; font-weight: 600; }
.kq-the { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); margin: 1.2rem 0; }
.kq-the div { padding: .9rem 1rem; background: var(--nen-sang); border-left: 4px solid var(--vang); border-radius: 0 .7rem .7rem 0; }
.kq-the span { display: block; font-size: .85rem; color: var(--chu-phu); }
.kq-the b { font-family: var(--serif); font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.kq-dong-tien h4 { font-family: var(--serif); font-size: 1.1rem; margin: 1rem 0 .5rem; }
.bang-tra-no { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: .9rem; font-variant-numeric: tabular-nums; }
.bang-tra-no th, .bang-tra-no td { padding: .5rem .4rem; border-bottom: 1px solid var(--vang-nhat); text-align: right; }
.bang-tra-no th:first-child, .bang-tra-no td:first-child { text-align: left; }
.khoa-mo { position: relative; }
.bi-khoa table { filter: blur(5px); user-select: none; pointer-events: none; }
.lop-khoa { position: absolute; inset: 0; display: grid; align-content: center; gap: .6rem; padding: 1rem; background: color-mix(in srgb, var(--nen) 70%, transparent); }
.lop-khoa p { margin: 0; font-weight: 600; }
.dong-mo { display: grid; gap: .5rem; grid-template-columns: 1fr 1fr; }
.lop-khoa .dong-y { display: grid; grid-template-columns: auto 1fr; gap: .5rem; font-size: .9rem; }
.lop-khoa .dong-y input { width: 1.2rem; min-height: 1.2rem; }

/* Tong mat bang */
.tong-mat-bang { margin: 1.5rem 0 0; max-width: 72rem; }
.tong-mat-bang img { width: 100%; height: auto; border-radius: 1rem; border: 1px solid var(--vang-nhat); }
.tong-mat-bang figcaption { font-size: .9rem; color: var(--chu-phu); margin-top: .5rem; }

/* Phan khu dang mo ban */
.mo-ban { margin-top: 2rem; }
.luoi-mo-ban { display: grid; gap: 1.25rem; margin-top: 1rem; }
@media (min-width: 760px) { .luoi-mo-ban { grid-template-columns: 1fr 1fr; } }
.luoi-mo-ban article { padding: 1.3rem 1.4rem; background: var(--nen-sang); border: 1px solid var(--vang); border-radius: 1rem; }
.luoi-mo-ban h4 { font-family: var(--serif); font-size: 1.35rem; margin: .2rem 0 .5rem; }
.luoi-mo-ban dl { margin: .8rem 0; }
.luoi-mo-ban dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px dashed var(--vang-nhat); }
.luoi-mo-ban dt { color: var(--chu-phu); }
.luoi-mo-ban dd { margin: 0; font-weight: 600; text-align: right; }
.hanh-dong-nho { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: .8rem 0 0; }
.chon-co-so { border: 0; padding: 0; margin: 0; display: grid; gap: .3rem; }
.chon-co-so legend { font-weight: 500; font-size: .92rem; margin-bottom: .3rem; }
.chon-co-so label { display: flex !important; align-items: center; gap: .5rem; font-weight: 400 !important; }
.chon-co-so input { width: 1.1rem; min-height: 1.1rem; }
#form-dong-tien small { color: var(--chu-phu); font-weight: 400; min-height: 1em; }
.bang-moc td:nth-child(2), .bang-moc td:nth-child(3) { white-space: nowrap; }
.nut-phu { background: transparent; border: 1px solid var(--vang); color: var(--chu); }
@media print {
  body.dang-in-dong-tien > *:not(main), body.dang-in-dong-tien main > section:not(#dong-tien), body.dang-in-dong-tien #form-dong-tien, body.dang-in-dong-tien .lien-he-nhanh, body.dang-in-dong-tien .thanh-tab, body.dang-in-dong-tien #nut-in { display: none !important; }
  body.dang-in-dong-tien .dong-tien { grid-template-columns: 1fr; }
}