/* nth-redesign/pages.css · trang con (Liên hệ, Ký gửi, Tuyển dụng, Công cụ) cùng phong cách trang chủ mới: TRẮNG – ĐỎ */
body.nth-pg {
  --pg-red: #d61724; --pg-red-ink: #a8101b; --pg-ink: #0b1a2a; --pg-text: #3b4654; --pg-mute: #6b7684;
  --pg-line: rgba(11, 26, 42, 0.12); --pg-soft: #f6f6f7; --pg-tint: #fdf1f2;
  --pg-serif: "Fraunces", "Noto Serif", Georgia, serif; --pg-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pg-ease: cubic-bezier(0.16, 1, 0.3, 1); --pg-pad: clamp(56px, 5vw, 80px);
  background: #fff !important;
}
body.nth-pg .pg, body.nth-pg .pg * { box-sizing: border-box; }
body.nth-pg .pg { font-family: var(--pg-sans); color: var(--pg-ink); background: #fff; overflow-x: clip; -webkit-font-smoothing: antialiased; }
body.nth-pg .pg-wrap { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }
body.nth-pg .pg h1, body.nth-pg .pg h2, body.nth-pg .pg h3 { margin: 0; text-transform: none; letter-spacing: -0.015em; overflow-wrap: anywhere; }
body.nth-pg .pg p { margin: 0; font-size: 16px; line-height: 1.75; color: var(--pg-text); }
body.nth-pg .pg a { color: inherit; text-decoration: none; }
body.nth-pg .pg strong { font-weight: 600; }
body.nth-pg .pg a:focus-visible, body.nth-pg .pg button:focus-visible, body.nth-pg .pg input:focus-visible, body.nth-pg .pg select:focus-visible, body.nth-pg .pg textarea:focus-visible { outline: 2px solid var(--pg-red); outline-offset: 3px; }
body.nth-pg .pg-kicker { font: 600 12.5px/1.4 var(--pg-sans) !important; letter-spacing: 0.2em !important; text-transform: uppercase; color: var(--pg-red) !important; margin: 0 0 14px !important; }
body.nth-pg .pg-h2 { font: 300 clamp(32px, 3.8vw, 52px)/1.08 var(--pg-serif) !important; color: var(--pg-ink) !important; margin-bottom: 18px !important; }
body.nth-pg .pg-h2 strong { font-weight: 300; }
body.nth-pg .pg-h3 { font: 400 clamp(26px, 2.4vw, 34px)/1.15 var(--pg-serif) !important; color: var(--pg-ink) !important; margin-bottom: 8px !important; }
body.nth-pg .pg-note { color: var(--pg-mute) !important; font-size: 14.5px !important; margin-bottom: 24px !important; }
body.nth-pg .pg-req { color: var(--pg-red); }
body.nth-pg .pg-sec { padding: var(--pg-pad) 0; background: #fff; }
body.nth-pg .pg-sec--soft { background: var(--pg-soft); }

/* Ảnh đầu trang */
body.nth-pg .pg-hero { position: relative; min-height: clamp(440px, 64vh, 640px); display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; color: #fff; background: #333; }
body.nth-pg .pg-hero__media { position: absolute; inset: 0; z-index: -2; }
body.nth-pg .pg-hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; animation: pgKen 14s var(--pg-ease) both; }
@keyframes pgKen { from { transform: scale(1.12); } to { transform: scale(1.02); } }
body.nth-pg .pg-hero__veil { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.12) 38%, rgba(0,0,0,.62) 100%); }
body.nth-pg .pg-hero__in { padding: 120px 0 clamp(48px, 7vh, 80px); }
body.nth-pg .pg-crumb { display: flex; flex-wrap: wrap; gap: 10px; font: 500 13px var(--pg-sans); color: rgba(255,255,255,.82); margin-bottom: 26px; }
body.nth-pg .pg-crumb a { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,.4); }
body.nth-pg .pg-hero .pg-kicker { color: #fff !important; opacity: .9; text-shadow: 0 1px 12px rgba(0,0,0,.45); }
body.nth-pg .pg-title { font: 300 clamp(42px, 6.4vw, 92px)/1 var(--pg-serif) !important; letter-spacing: -0.03em !important; color: #fff !important; text-shadow: 0 2px 28px rgba(0,0,0,.3); max-width: 16ch; }
body.nth-pg .pg-title strong { font-weight: 300; }
body.nth-pg .pg-lead { margin-top: 22px !important; max-width: 54ch; color: rgba(255,255,255,.9) !important; font-size: clamp(16px, 1.25vw, 18.5px) !important; text-shadow: 0 1px 12px rgba(0,0,0,.35); }
body.nth-pg .pg-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
body.nth-pg .pg-hero .pg-pill--line { border-color: rgba(255,255,255,.7); color: #fff !important; }

/* Nút viên thuốc (cùng kiểu trang chủ) */
body.nth-pg .pg-pill { position: relative; display: inline-flex; align-items: center; gap: 14px; height: 54px; padding: 0 9px 0 26px; border-radius: 9999px; background: var(--pg-red); color: #fff !important; font: 600 15px var(--pg-sans); white-space: nowrap; overflow: hidden; isolation: isolate; border: 1px solid var(--pg-red); }
body.nth-pg .pg-pill i { width: 36px; height: 36px; border-radius: 50%; background: #fff; position: relative; transition: transform 500ms var(--pg-ease); }
body.nth-pg .pg-pill i::after { content: "→"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--pg-red); font-style: normal; font-weight: 700; }
body.nth-pg .pg-pill::before { content: ""; position: absolute; inset: 0; background: var(--pg-red-ink); transform: translateY(101%); transition: transform 500ms var(--pg-ease); z-index: -1; }
body.nth-pg .pg-pill--line { background: transparent; color: var(--pg-red) !important; padding: 0 26px; }
body.nth-pg .pg-pill--line::before { background: var(--pg-red); }
@media (hover: hover) {
  body.nth-pg .pg-pill:hover { color: #fff !important; }
  body.nth-pg .pg-pill:hover::before { transform: translateY(0); }
  body.nth-pg .pg-pill:hover i { transform: rotate(-45deg); }
}

/* Thẻ, form */
body.nth-pg .pg-card { background: #fff; border: 1px solid var(--pg-line); border-radius: 20px; padding: clamp(24px, 3vw, 40px); box-shadow: 0 30px 60px -44px rgba(11,26,42,.4); }
body.nth-pg .pg-form fieldset { border: 0; margin: 0 0 26px; padding: 0; min-width: 0; }
body.nth-pg .pg-form legend { font: 600 13px var(--pg-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--pg-red); margin-bottom: 16px; padding: 0; }
body.nth-pg .pg-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
body.nth-pg .pg-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; }
body.nth-pg .pg-span2 { grid-column: span 2; }
body.nth-pg .pg-field { display: block; margin: 0 0 16px; }
body.nth-pg .pg-field > span { display: block; font: 600 13.5px var(--pg-sans); color: var(--pg-ink); margin-bottom: 7px; }
body.nth-pg .pg input:not([type=submit]):not([type=file]), body.nth-pg .pg select, body.nth-pg .pg textarea {
  width: 100% !important; max-width: none !important; height: auto !important; min-height: 50px; margin: 0 !important; padding: 13px 16px !important; border: 1px solid #d9dde3 !important; border-radius: 12px !important;
  background-color: #fff !important; color: var(--pg-ink) !important; font: 400 15.5px/1.4 var(--pg-sans) !important; box-shadow: none !important; transition: border-color 200ms, box-shadow 200ms;
}
body.nth-pg .pg select { appearance: none; -webkit-appearance: none; padding-right: 42px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d61724' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center no-repeat !important; }
body.nth-pg .pg textarea { resize: vertical; }
body.nth-pg .pg input:not([type=submit]):not([type=file]):focus, body.nth-pg .pg select:focus, body.nth-pg .pg textarea:focus { border-color: var(--pg-red) !important; box-shadow: 0 0 0 4px rgba(214,23,36,.1) !important; outline: 0; }
body.nth-pg .pg input::placeholder, body.nth-pg .pg textarea::placeholder { color: #9aa2ad; }
body.nth-pg .pg-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 34px !important; margin: 8px 0 0 !important; border: 0 !important; border-radius: 9999px !important; background: var(--pg-red) !important; color: #fff !important; font: 600 15.5px var(--pg-sans) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; transition: background-color 250ms, transform 250ms var(--pg-ease); width: auto !important; }
@media (hover: hover) { body.nth-pg .pg-btn:hover { background: var(--pg-red-ink) !important; transform: translateY(-2px); } }
body.nth-pg .pg-btn:disabled { opacity: .6; cursor: wait; }
body.nth-pg .pg-msg { margin: 14px 0 0; padding: 12px 16px; border-radius: 12px; font-size: 14.5px; }
body.nth-pg .pg-msg:empty { display: none !important; }
body.nth-pg .pg-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* LIÊN HỆ */
body.nth-pg .pg-contact { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
body.nth-pg .pg-info { list-style: none; margin: 10px 0 30px; padding: 0; }
body.nth-pg .pg-info li { display: flex; gap: 18px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--pg-line); margin: 0; }
body.nth-pg .pg-ico { flex: 0 0 48px; height: 48px; border-radius: 50%; background: var(--pg-tint); color: var(--pg-red); display: grid; place-items: center; }
body.nth-pg .pg-info small { display: block; font: 600 12px var(--pg-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--pg-mute); margin-bottom: 4px; }
body.nth-pg .pg-info p, body.nth-pg .pg-info a { font-size: 16.5px; color: var(--pg-ink); }
body.nth-pg .pg-info a:not(.pg-big) { border-bottom: 1px solid transparent; transition: border-color 200ms, color 200ms; }
@media (hover: hover) { body.nth-pg .pg-info a:hover { color: var(--pg-red); border-color: var(--pg-red); } }
body.nth-pg .pg-big { font: 400 clamp(28px, 2.6vw, 36px)/1.1 var(--pg-serif) !important; color: var(--pg-red) !important; letter-spacing: -0.01em; }
body.nth-pg .pg-actions { display: flex; flex-wrap: wrap; gap: 12px; }
body.nth-pg .pg-map { padding: 0 0 var(--pg-pad); }
body.nth-pg .pg-map__box { border-radius: 20px; overflow: hidden; border: 1px solid var(--pg-line); height: clamp(320px, 38vw, 440px); }
body.nth-pg .pg-map__box iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(.25); }

/* KÝ GỬI */
body.nth-pg .pg-steps-sec { background: var(--pg-red); padding: clamp(36px, 4vw, 56px) 0; }
body.nth-pg .pg-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
body.nth-pg .pg-steps li { margin: 0; padding: 4px 28px; border-left: 1px solid rgba(255,255,255,.3); color: #fff; }
body.nth-pg .pg-steps li:first-child { border-left: 0; padding-left: 0; }
body.nth-pg .pg-steps b { display: block; font: 300 44px/1 var(--pg-serif); margin-bottom: 12px; }
body.nth-pg .pg-steps strong { display: block; font: 600 17px var(--pg-sans); margin-bottom: 6px; }
body.nth-pg .pg-steps span { font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,.88); }
body.nth-pg .pg-kg { display: grid; grid-template-columns: minmax(0, 0.62fr) minmax(0, 1.38fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
body.nth-pg .pg-kg__side { position: sticky; top: 90px; }
body.nth-pg .pg-callout { margin-top: 8px; padding: 22px 24px; border-radius: 16px; background: #fff; border-left: 3px solid var(--pg-red); }
body.nth-pg .pg-callout small { display: block; font: 600 12px var(--pg-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--pg-mute); margin-bottom: 6px; }
body.nth-pg .pg-callout span { display: block; margin-top: 8px; font-size: 14px; color: var(--pg-text); }

/* CÔNG CỤ */
body.nth-pg .pg-tool { max-width: 860px; }
body.nth-pg .pg-tabs { display: inline-flex; gap: 6px; padding: 6px; border-radius: 9999px; background: #fff; border: 1px solid var(--pg-line); margin-bottom: 24px; flex-wrap: wrap; }
body.nth-pg .pg-tabs a { padding: 11px 22px; border-radius: 9999px; font: 600 14.5px var(--pg-sans); color: var(--pg-text) !important; transition: background-color 250ms, color 250ms; }
body.nth-pg .pg-tabs a.is-on { background: var(--pg-red); color: #fff !important; }
@media (hover: hover) { body.nth-pg .pg-tabs a:not(.is-on):hover { color: var(--pg-red) !important; background: var(--pg-tint); } }
body.nth-pg .pg-intro { margin-bottom: 24px !important; font-size: 16.5px !important; }
body.nth-pg .pg-intro strong { color: var(--pg-ink); }
body.nth-pg .pg-foot { margin-top: 26px !important; font-size: 13.5px !important; color: var(--pg-mute) !important; font-style: italic; }
body.nth-pg .pg-foot a { color: var(--pg-red) !important; font-weight: 600; font-style: normal; }
/* Kết quả do script cũ sinh ra (inline style) → ép về trắng–đỏ */
body.nth-pg .pg-result { margin-top: 28px; animation: pgIn 600ms var(--pg-ease) both; }
@keyframes pgIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body.nth-pg .pg-result > div[style*="background"] { background: var(--pg-tint) !important; border: 0 !important; border-left: 3px solid var(--pg-red) !important; border-radius: 14px !important; padding: 20px 22px !important; color: var(--pg-ink) !important; font-size: 15.5px !important; line-height: 1.7; margin-bottom: 18px !important; }
body.nth-pg .pg-result p { color: var(--pg-text) !important; }
body.nth-pg .pg-result strong[style] { color: var(--pg-red) !important; }
body.nth-pg .pg-result h4 { font: 600 15px var(--pg-sans) !important; color: var(--pg-ink) !important; margin: 0 0 10px !important; text-transform: none; }
body.nth-pg .pg-result table { width: 100%; border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--pg-line); border-radius: 12px; overflow: hidden; font-size: 14.5px; margin: 0; }
body.nth-pg .pg-result td { padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid var(--pg-line) !important; color: var(--pg-text); background: #fff !important; vertical-align: top; }
body.nth-pg .pg-result tr:last-child td { border-bottom: 0 !important; }
body.nth-pg .pg-result td:first-child { font-weight: 600; color: var(--pg-ink) !important; width: 38%; }
body.nth-pg #hn-result > div[style*="grid"] > div:first-child td:first-child { color: var(--pg-red) !important; }
body.nth-pg #hn-result > div[style*="grid"] > div:last-child td:first-child { color: #7a8494 !important; }
body.nth-pg .pg-result span[style*="border-radius"] { border-radius: 9999px !important; font-weight: 600 !important; }

/* TUYỂN DỤNG */
body.nth-pg .pg-td-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
body.nth-pg .pg-td-intro__txt p { font-size: 17px !important; }
body.nth-pg .pg-td-intro__txt p + p { margin-top: 18px !important; }
body.nth-pg .pg-td-intro__txt p:first-child::first-line { color: var(--pg-ink); font-weight: 500; }
body.nth-pg .pg-td-intro__img, body.nth-pg .pg-apply__img { margin: 0; border-radius: 20px; overflow: hidden; }
body.nth-pg .pg-td-intro__img img, body.nth-pg .pg-apply__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.nth-pg .pg-td-intro__img { aspect-ratio: 4 / 3; }
body.nth-pg .pg-perks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
body.nth-pg .pg-perk { background: #fff; border-radius: 18px; padding: 28px 24px; border: 1px solid var(--pg-line); transition: transform 400ms var(--pg-ease), box-shadow 400ms, border-color 300ms; }
@media (hover: hover) { body.nth-pg .pg-perk:hover { transform: translateY(-6px); box-shadow: 0 24px 50px -30px rgba(214,23,36,.45); border-color: rgba(214,23,36,.35); } }
body.nth-pg .pg-perk b { display: block; font: 300 40px/1 var(--pg-serif); color: var(--pg-red); margin-bottom: 18px; }
body.nth-pg .pg-perk h3 { font: 600 18px/1.3 var(--pg-sans) !important; color: var(--pg-ink) !important; margin-bottom: 12px !important; }
body.nth-pg .pg-perk h3 br { display: none; }
body.nth-pg .pg-perk p { font-size: 14.5px !important; line-height: 1.7 !important; }
body.nth-pg .pg-job { margin-top: 18px; border: 1px solid var(--pg-line); border-radius: 22px; overflow: hidden; background: #fff; }
body.nth-pg .pg-job__head { padding: clamp(24px, 3vw, 40px); background: var(--pg-tint); border-bottom: 1px solid rgba(214,23,36,.15); }
body.nth-pg .pg-job__head h3 { font: 400 clamp(24px, 2.4vw, 34px)/1.2 var(--pg-serif) !important; color: var(--pg-ink) !important; margin-bottom: 20px !important; }
body.nth-pg .pg-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
body.nth-pg .pg-chips li { margin: 0; padding: 9px 16px; border-radius: 9999px; background: #fff; font-size: 14px; color: var(--pg-text); border: 1px solid rgba(214,23,36,.18); }
body.nth-pg .pg-chips b { color: var(--pg-ink); font-weight: 600; }
body.nth-pg .pg-chips a { color: var(--pg-red) !important; font-weight: 600; }
body.nth-pg .pg-job__body { padding: clamp(24px, 3vw, 40px); position: relative; max-height: 420px; overflow: hidden; transition: max-height 900ms var(--pg-ease); }
body.nth-pg .pg-job__body::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; background: linear-gradient(180deg, rgba(255,255,255,0), #fff); pointer-events: none; transition: opacity 400ms; }
body.nth-pg .pg-job.is-open .pg-job__body { max-height: 6000px; }
body.nth-pg .pg-job.is-open .pg-job__body::after { opacity: 0; }
body.nth-pg .pg-job__body p { font-size: 15.5px !important; margin: 0 0 12px !important; }
body.nth-pg .pg-job__body p > strong:only-child { display: block; font: 600 13px var(--pg-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--pg-red); margin-top: 18px; }
body.nth-pg .pg-job__body ul { margin: 0 0 14px; padding: 0; list-style: none; }
body.nth-pg .pg-job__body li { position: relative; margin: 0 0 10px; padding-left: 22px; font-size: 15.5px; line-height: 1.7; color: var(--pg-text); }
body.nth-pg .pg-job__body li::before { content: ""; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--pg-red); }
body.nth-pg .pg-job__body li strong { color: var(--pg-ink); }
body.nth-pg .pg-job__body a { color: var(--pg-red) !important; font-weight: 600; }
body.nth-pg .pg-job__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 0 clamp(24px, 3vw, 40px) clamp(24px, 3vw, 36px); }
body.nth-pg .pg-more-btn { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; font: 600 15px var(--pg-sans) !important; color: var(--pg-red) !important; cursor: pointer; border-bottom: 1px solid var(--pg-red) !important; text-transform: none !important; min-height: 44px; }
body.nth-pg .pg-apply { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); gap: clamp(28px, 4vw, 56px); align-items: stretch; }
body.nth-pg .pg-apply__img { min-height: 420px; }
body.nth-pg .pg-file { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1.5px dashed rgba(214,23,36,.4); border-radius: 14px; background: var(--pg-tint); cursor: pointer; margin: 4px 0 8px; position: relative; transition: border-color 200ms, background-color 200ms; }
body.nth-pg .pg-file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
body.nth-pg .pg-file__ico { flex: 0 0 46px; height: 46px; border-radius: 50%; background: #fff; color: var(--pg-red); display: grid; place-items: center; }
body.nth-pg .pg-file__txt b { display: block; font-weight: 600; font-size: 15px; color: var(--pg-ink); }
body.nth-pg .pg-file__txt small { font-size: 13px; color: var(--pg-mute); }
@media (hover: hover) { body.nth-pg .pg-file:hover { border-color: var(--pg-red); background: #fbe5e7; } }

/* Có thể quý khách quan tâm */
body.nth-pg .pg-more { padding: var(--pg-pad) 0; background: #fff; border-top: 1px solid var(--pg-line); }
body.nth-pg .pg-more__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.nth-pg .pg-more__item { position: relative; display: block; padding: 26px 64px 26px 26px; border: 1px solid var(--pg-line); border-radius: 18px; transition: border-color 300ms, transform 400ms var(--pg-ease), box-shadow 400ms; }
body.nth-pg .pg-more__item strong { display: block; font: 400 24px/1.2 var(--pg-serif); color: var(--pg-ink); margin-bottom: 8px; }
body.nth-pg .pg-more__item span { font-size: 14.5px; color: var(--pg-mute); line-height: 1.55; }
body.nth-pg .pg-more__item i { position: absolute; right: 22px; top: 26px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(214,23,36,.35); color: var(--pg-red); display: grid; place-items: center; font-style: normal; transition: background-color 300ms, color 300ms, transform 500ms var(--pg-ease); }
@media (hover: hover) {
  body.nth-pg .pg-more__item:hover { border-color: rgba(214,23,36,.45); transform: translateY(-4px); box-shadow: 0 22px 44px -30px rgba(214,23,36,.5); }
  body.nth-pg .pg-more__item:hover i { background: var(--pg-red); color: #fff; transform: rotate(-45deg); }
}

/* Hiện dần */
body.nth-pg .pg-fade { opacity: 0; transform: translateY(24px); transition: opacity 900ms var(--pg-ease), transform 1000ms var(--pg-ease); }
body.nth-pg .pg-fade.is-in { opacity: 1; transform: none; }
body.nth-pg .pg-hero .pg-fade { transition-delay: 150ms; }
body.nth-pg .pg-hero .pg-title.pg-fade { transition-delay: 250ms; }
body.nth-pg .pg-hero .pg-lead.pg-fade, body.nth-pg .pg-hero__cta.pg-fade { transition-delay: 400ms; }

/* Khung chung */
body.nth-pg #footer { position: relative !important; height: auto !important; }

/* Responsive */
@media (max-width: 1400px) { body.nth-pg .pg-wrap { width: min(1200px, calc(100% - 130px)); } }
@media (max-width: 960px) {
  body.nth-pg .pg-contact, body.nth-pg .pg-kg, body.nth-pg .pg-td-intro, body.nth-pg .pg-apply { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .pg-kg__side { position: static; }
  body.nth-pg .pg-perks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.nth-pg .pg-more__grid { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .pg-apply__img { min-height: 0; aspect-ratio: 16 / 10; }
}
@media (max-width: 767px) {
  body.nth-pg { --pg-pad: 44px; }
  body.nth-pg .pg-wrap { width: auto; margin-left: 20px; margin-right: 20px; }
  body.nth-pg .pg-hero { min-height: 480px; }
  body.nth-pg .pg-hero__in { padding-top: 96px; }
  body.nth-pg .pg-title { font-size: 42px !important; }
  body.nth-pg .pg-grid2, body.nth-pg .pg-grid3, body.nth-pg .pg-steps, body.nth-pg .pg-perks { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .pg-span2 { grid-column: auto; }
  body.nth-pg .pg-steps li { border-left: 0; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.3); }
  body.nth-pg .pg-steps li:first-child { border-top: 0; }
  body.nth-pg .pg-steps b { font-size: 34px; margin-bottom: 6px; }
  body.nth-pg .pg-btn { width: 100% !important; }
  body.nth-pg .pg-tabs { display: flex; width: 100%; }
  body.nth-pg .pg-tabs a { flex: 1; text-align: center; padding: 11px 12px; }
  body.nth-pg #hn-result > div[style*="grid"] { grid-template-columns: minmax(0, 1fr) !important; }
  body.nth-pg .pg-job__foot .pg-pill { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
  body.nth-pg .pg-fade { opacity: 1 !important; transform: none !important; transition: none !important; }
  body.nth-pg .pg-hero__media img, body.nth-pg .pg-result { animation: none !important; }
}

/* sửa sau khi chụp 15/10 */
body.nth-pg #main.pg select { -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d61724' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; }
body.nth-pg .pg-hero__media img { height: 100% !important; width: 100% !important; max-width: none !important; }
body.nth-pg .pg-apply__img { position: relative; }
body.nth-pg .pg-apply__img img { position: absolute; inset: 0; height: 100% !important; }
body.nth-pg .pg-apply .pg-btn { min-width: 180px; }
@media (max-width: 767px) { body.nth-pg .pg-wrap { margin-left: 16px; margin-right: 16px; } }

/* ===== TIN TỨC + TIẾN ĐỘ (15/10) ===== */
body.nth-pg .nw-search { display: flex; gap: 8px; width: min(560px, 100%); padding: 6px 6px 6px 20px; border-radius: 9999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.4); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
body.nth-pg .pg .nw-search input[type=search] { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; color: #fff !important; padding: 0 !important; min-height: 44px; box-shadow: none !important; }
body.nth-pg .nw-search input::placeholder { color: rgba(255,255,255,.75); }
body.nth-pg .nw-search button { flex: 0 0 auto; min-height: 44px; padding: 0 24px; border: 0; border-radius: 9999px; background: var(--pg-red); color: #fff; font: 600 15px var(--pg-sans); cursor: pointer; margin: 0; text-transform: none; }
@media (hover: hover) { body.nth-pg .nw-search button:hover { background: var(--pg-red-ink); } }
body.nth-pg .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Thanh lọc dính */
body.nth-pg .nw-filter { position: sticky; top: 54px; z-index: 40; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--pg-line); }
body.nth-pg .nw-filter__in { display: flex; gap: 8px; padding: 12px 0; overflow-x: auto; scrollbar-width: none; }
body.nth-pg .nw-filter__in::-webkit-scrollbar { display: none; }
body.nth-pg .nw-filter a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 18px; border-radius: 9999px; border: 1px solid var(--pg-line); font: 600 14px var(--pg-sans); color: var(--pg-text) !important; white-space: nowrap; transition: background-color 250ms, color 250ms, border-color 250ms; }
body.nth-pg .nw-filter a small { font-size: 12px; color: var(--pg-mute); font-weight: 500; }
body.nth-pg .nw-filter a.is-on { background: var(--pg-red); border-color: var(--pg-red); color: #fff !important; }
body.nth-pg .nw-filter a.is-on small { color: rgba(255,255,255,.85); }
@media (hover: hover) { body.nth-pg .nw-filter a:not(.is-on):hover { border-color: var(--pg-red); color: var(--pg-red) !important; } }

/* Thẻ chung */
body.nth-pg .nw-img { display: block; position: relative; overflow: hidden; border-radius: 16px; background: var(--pg-soft); aspect-ratio: 16 / 10; }
body.nth-pg .nw-img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform 900ms var(--pg-ease); filter: none !important; max-width: none !important; }
body.nth-pg .nw-noimg { display: grid; place-items: center; height: 100%; font: 400 18px var(--pg-serif); color: var(--pg-mute); }
body.nth-pg .nw-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 16px 0 8px; font-size: 13px; color: var(--pg-mute); }
body.nth-pg .nw-tag { display: inline-block; padding: 4px 10px; border-radius: 9999px; background: var(--pg-tint); color: var(--pg-red); font-weight: 600; font-size: 12.5px; }
body.nth-pg .nw-lead h3, body.nth-pg .nw-mini h3, body.nth-pg .nw-card h3 { text-transform: none !important; letter-spacing: -0.01em; color: var(--pg-ink) !important; transition: color 250ms; }
body.nth-pg .nw-lead h3 { font: 400 clamp(26px, 2.5vw, 36px)/1.18 var(--pg-serif) !important; margin-bottom: 12px !important; }
body.nth-pg .nw-lead p { font-size: 16px !important; }
body.nth-pg .nw-read { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; font-weight: 600; color: var(--pg-red); }
body.nth-pg .nw-read i { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(214,23,36,.4); display: grid; place-items: center; font-style: normal; transition: transform 500ms var(--pg-ease), background-color 300ms, color 300ms; }
@media (hover: hover) {
  body.nth-pg .pg a:hover .nw-img img { transform: scale(1.05); }
  body.nth-pg .pg a:hover h3 { color: var(--pg-red) !important; }
  body.nth-pg .nw-lead a:hover .nw-read i { background: var(--pg-red); color: #fff; transform: rotate(-45deg); }
}

/* Tin nổi bật: 1 lớn + 4 nhỏ */
body.nth-pg .nw-feat { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); margin-top: 22px; }
body.nth-pg .nw-side { display: grid; gap: 18px; align-content: start; }
body.nth-pg .nw-mini > a { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--pg-line); }
body.nth-pg .nw-mini:last-child > a { border-bottom: 0; padding-bottom: 0; }
body.nth-pg .nw-mini .nw-img { border-radius: 12px; aspect-ratio: 4 / 3; }
body.nth-pg .nw-mini .nw-meta { margin-top: 0; }
body.nth-pg .nw-mini h3 { font: 600 16.5px/1.4 var(--pg-sans) !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Danh sách */
body.nth-pg .nw-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
body.nth-pg .nw-head .pg-h2 { margin-bottom: 0 !important; }
body.nth-pg .nw-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
body.nth-pg .nw-card > a { display: flex; flex-direction: column; height: 100%; background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--pg-line); transition: box-shadow 400ms, transform 400ms var(--pg-ease), border-color 300ms; }
body.nth-pg .nw-card .nw-img { border-radius: 0; }
body.nth-pg .nw-card__txt { display: block; padding: 4px 22px 24px; }
body.nth-pg .nw-card h3 { font: 600 17.5px/1.4 var(--pg-sans) !important; margin-bottom: 10px !important; }
body.nth-pg .nw-card p { font-size: 14.5px !important; line-height: 1.6 !important; color: var(--pg-mute) !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (hover: hover) { body.nth-pg .nw-card > a:hover { transform: translateY(-5px); box-shadow: 0 26px 50px -32px rgba(214,23,36,.45); border-color: rgba(214,23,36,.3); } }
body.nth-pg .nw-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 40px; }
body.nth-pg .nw-pager a, body.nth-pg .nw-pager span { min-width: 46px; min-height: 46px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9999px; border: 1px solid var(--pg-line); background: #fff; font-weight: 600; font-size: 14.5px; color: var(--pg-text) !important; }
body.nth-pg .nw-pager span[aria-current] { background: var(--pg-red); border-color: var(--pg-red); color: #fff !important; }
@media (hover: hover) { body.nth-pg .nw-pager a:hover { border-color: var(--pg-red); color: var(--pg-red) !important; } }
body.nth-pg .nw-empty { padding: 30px; border-radius: 16px; background: #fff; text-align: center; color: var(--pg-text); }
body.nth-pg .nw-empty a { color: var(--pg-red) !important; font-weight: 600; }

/* Tiến độ: mỗi dự án một khối lớn */
body.nth-pg .td2-list .pg-wrap { display: grid; gap: clamp(48px, 6vw, 88px); }
body.nth-pg .td2 { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; scroll-margin-top: 130px; }
body.nth-pg .td2--rev .td2-img { order: 2; }
body.nth-pg .td2-img { position: relative; display: block; border-radius: 22px; overflow: hidden; aspect-ratio: 3 / 2; background: var(--pg-soft); box-shadow: 0 30px 60px -40px rgba(11,26,42,.5); }
body.nth-pg .td2-img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; filter: none !important; max-width: none !important; transition: transform 1200ms var(--pg-ease); }
@media (hover: hover) { body.nth-pg .td2-img:hover img { transform: scale(1.04); } }
body.nth-pg .td2-badge { position: absolute; left: 18px; top: 18px; padding: 10px 16px; border-radius: 14px; background: var(--pg-red); color: #fff; font: 600 17px/1.15 var(--pg-sans); box-shadow: 0 10px 24px -10px rgba(0,0,0,.4); }
body.nth-pg .td2-badge small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; margin-bottom: 2px; }
body.nth-pg .td2-proj { margin: 0 0 12px !important; }
body.nth-pg .td2-proj a { font: 600 12.5px var(--pg-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--pg-red) !important; }
body.nth-pg .td2-title { font: 400 clamp(28px, 2.8vw, 40px)/1.15 var(--pg-serif) !important; text-transform: none !important; margin-bottom: 12px !important; }
body.nth-pg .td2-title a { color: var(--pg-ink) !important; transition: color 250ms; }
@media (hover: hover) { body.nth-pg .td2-title a:hover { color: var(--pg-red) !important; } }
body.nth-pg .td2-upd { font-size: 14px !important; color: var(--pg-mute) !important; margin-bottom: 14px !important; }
body.nth-pg .td2-upd time { color: var(--pg-ink); font-weight: 600; }
body.nth-pg .td2-ex { margin-bottom: 20px !important; }
body.nth-pg .td2-months { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 26px; }
body.nth-pg .td2-months span { font-size: 13.5px; color: var(--pg-mute); margin-right: 4px; }
body.nth-pg .td2-months a { min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 9999px; background: var(--pg-tint); color: var(--pg-red) !important; font-weight: 600; font-size: 13.5px; transition: background-color 250ms, color 250ms; }
body.nth-pg .td2-months a:first-of-type { background: var(--pg-red); color: #fff !important; }
@media (hover: hover) { body.nth-pg .td2-months a:hover { background: var(--pg-red); color: #fff !important; } }
body.nth-pg .td2-cta { display: flex; flex-wrap: wrap; gap: 12px; }
body.nth-pg--tien-do .nw-filter { top: 64px; }

@media (max-width: 960px) {
  body.nth-pg .nw-feat, body.nth-pg .td2 { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .td2--rev .td2-img { order: 0; }
  body.nth-pg .nw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.nth-pg .nw-filter, body.nth-pg--tien-do .nw-filter { top: 52px; }
  body.nth-pg .nw-grid { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .nw-mini > a { grid-template-columns: 112px minmax(0, 1fr); gap: 14px; }
  body.nth-pg .nw-mini h3 { font-size: 15px !important; }
  body.nth-pg .nw-search button { padding: 0 18px; }
  body.nth-pg .td2-cta .pg-pill { flex: 1 1 auto; justify-content: space-between; }
}

/* An toàn: JS bị trì hoãn/không chạy thì nội dung vẫn hiện sau 1,5 giây */
body.nth-pg .pg-fade:not(.is-in) { animation: pgShow 0s linear 1.5s forwards; }
@keyframes pgShow { to { opacity: 1; transform: none; } }

/* Tiến độ: chừa chỗ bộ nút nổi Zalo/Hotline/Báo giá bên phải */
@media (min-width: 961px) { body.nth-pg--tien-do .pg-wrap { width: min(1120px, calc(100% - 330px)); } }

/* Danh sách tin – bố cục và hiệu ứng như bản cũ (chủ site chọn 15/10), màu trắng–đỏ */
body.nth-pg .nw-list__in { display: grid; grid-template-columns: minmax(0, 0.32fr) minmax(0, 1fr); gap: clamp(28px, 3vw, 48px); align-items: start; }
body.nth-pg .nw-list__side { position: sticky; top: 130px; }
body.nth-pg .nw-list__side .pg-note { margin: 4px 0 22px !important; }
body.nth-pg .nw-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; }
body.nth-pg .nw-row > a { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); height: 190px; background: #fff; overflow: hidden; color: var(--pg-ink) !important; transition: background-color .25s, color .25s, box-shadow .3s; }
body.nth-pg .nw-row__img { position: relative; display: block; height: 190px; overflow: hidden; background: var(--pg-soft); }
body.nth-pg .nw-row__img img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; transition: filter .35s, transform .5s ease; }
body.nth-pg .nw-row__date { position: absolute; left: 0; top: 0; width: 74px; height: 74px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255,255,255,.96); color: var(--pg-text); line-height: 1; z-index: 1; }
body.nth-pg .nw-row__date b { font: 400 34px/1 var(--pg-serif); color: var(--pg-ink); letter-spacing: -0.03em; }
body.nth-pg .nw-row__date small { font-size: 10px; font-weight: 600; margin-top: 6px; white-space: nowrap; }
body.nth-pg .nw-row__txt { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 18px 20px; min-width: 0; }
body.nth-pg .nw-row__txt::before { content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #fff; transition: border-color .25s; }
body.nth-pg .nw-row .nw-tag { align-self: flex-start; transition: background-color .25s, color .25s; }
body.nth-pg .nw-row h3 { font: 600 15.5px/1.5 var(--pg-sans) !important; text-transform: none !important; color: inherit !important; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
body.nth-pg .nw-row__more { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 600; color: var(--pg-mute); opacity: 0; transform: translateY(6px); transition: opacity .25s, transform .3s, color .25s; }
body.nth-pg .nw-row__more i { font-style: normal; font-size: 16px; }
@media (hover: hover) {
  body.nth-pg .nw-row__img img { filter: grayscale(1); }
  body.nth-pg .nw-row > a:hover, body.nth-pg .nw-row > a:focus-visible { background: var(--pg-red); color: #fff !important; box-shadow: 0 18px 40px -24px rgba(214,23,36,.6); }
  body.nth-pg .nw-row > a:hover h3, body.nth-pg .nw-row > a:focus-visible h3 { color: #fff !important; }
  body.nth-pg .nw-row > a:hover img, body.nth-pg .nw-row > a:focus-visible img { filter: grayscale(0); transform: scale(1.04); }
  body.nth-pg .nw-row > a:hover .nw-row__txt::before, body.nth-pg .nw-row > a:focus-visible .nw-row__txt::before { border-right-color: var(--pg-red); }
  body.nth-pg .nw-row > a:hover .nw-tag { background: rgba(255,255,255,.18); color: #fff; }
  body.nth-pg .nw-row > a:hover .nw-row__more { opacity: 1; transform: none; color: #fff; }
  body.nth-pg .nw-row > a:hover .nw-row__date { background: #fff; }
}
@media (hover: none) { body.nth-pg .nw-row__more { opacity: 1; transform: none; } }
@media (max-width: 1100px) { body.nth-pg .nw-list__in { grid-template-columns: minmax(0, 1fr); } body.nth-pg .nw-list__side { position: static; } }
@media (max-width: 767px) {
  body.nth-pg .nw-rows { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.nth-pg .nw-row > a, body.nth-pg .nw-row__img { height: 160px; }
  body.nth-pg .nw-row > a { grid-template-columns: 44% minmax(0, 1fr); }
  body.nth-pg .nw-row__date { width: 56px; height: 56px; }
  body.nth-pg .nw-row__date b { font-size: 26px; }
  body.nth-pg .nw-row__date small { font-size: 8.5px; }
  body.nth-pg .nw-row__txt { padding: 14px 14px; gap: 8px; }
  body.nth-pg .nw-row__txt::before { left: -11px; border-top-width: 11px; border-bottom-width: 11px; border-right-width: 11px; }
  body.nth-pg .nw-row h3 { font-size: 14.5px !important; -webkit-line-clamp: 3; }
  body.nth-pg .nw-row__more { display: none; }
}

/* ===== DANH SÁCH DỰ ÁN (/du-an/) ===== */
body.nth-pg .nw-filter__map { margin-left: auto; border-color: rgba(214,23,36,.4) !important; color: var(--pg-red) !important; }
body.nth-pg .da-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(22px, 2.4vw, 34px); }
body.nth-pg .da-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--pg-line); border-radius: 22px; overflow: hidden; transition: box-shadow .4s, transform .4s var(--pg-ease), border-color .3s; }
body.nth-pg .da-card[hidden] { display: none !important; }
@media (hover: hover) { body.nth-pg .da-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -36px rgba(214,23,36,.45); border-color: rgba(214,23,36,.3); } }
body.nth-pg .da-card--lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
body.nth-pg .da-grid.is-filtered .da-card--lead { grid-column: auto; display: flex; }
body.nth-pg .da-img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--pg-soft); }
body.nth-pg .da-card--lead .da-img { aspect-ratio: auto; min-height: 420px; }
body.nth-pg .da-grid.is-filtered .da-card--lead .da-img { aspect-ratio: 16 / 10; min-height: 0; }
body.nth-pg .da-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transition: transform 1.1s var(--pg-ease); }
@media (hover: hover) { body.nth-pg .da-card:hover .da-img img { transform: scale(1.05); } }
body.nth-pg .da-badge { position: absolute; left: 16px; top: 16px; padding: 8px 14px; border-radius: 9999px; background: var(--pg-red); color: #fff; font: 600 12.5px var(--pg-sans); letter-spacing: .02em; box-shadow: 0 8px 20px -8px rgba(0,0,0,.4); }
body.nth-pg .da-body { display: flex; flex-direction: column; padding: clamp(22px, 2.4vw, 34px); flex: 1; }
body.nth-pg .da-cdt { font: 600 12px var(--pg-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--pg-red) !important; margin: 0 0 10px !important; }
body.nth-pg .da-name { font: 400 clamp(28px, 2.6vw, 40px)/1.1 var(--pg-serif) !important; text-transform: none !important; margin: 0 0 12px !important; }
body.nth-pg .da-name a { color: var(--pg-ink) !important; transition: color .25s; }
@media (hover: hover) { body.nth-pg .da-name a:hover { color: var(--pg-red) !important; } }
body.nth-pg .da-loc { display: flex; gap: 8px; align-items: flex-start; font-size: 14.5px !important; color: var(--pg-mute) !important; margin: 0 0 20px !important; }
body.nth-pg .da-loc svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--pg-red); margin-top: 3px; }
body.nth-pg .da-facts { margin: 0 0 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--pg-line); border-bottom: 1px solid var(--pg-line); }
body.nth-pg .da-facts > div { padding: 14px 14px 14px 0; }
body.nth-pg .da-facts > div + div { padding-left: 14px; border-left: 1px solid var(--pg-line); }
body.nth-pg .da-facts dt { font: 600 11.5px var(--pg-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute); margin: 0 0 6px; }
body.nth-pg .da-facts dd { margin: 0; font: 600 15px/1.4 var(--pg-sans); color: var(--pg-ink); }
body.nth-pg .da-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
body.nth-pg .da-note { margin-top: 28px !important; font-size: 13.5px !important; color: var(--pg-mute) !important; font-style: italic; }
body.nth-pg .da-map-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px 30px; margin-bottom: 22px; }
body.nth-pg .da-map-head .pg-h2 { margin-bottom: 0 !important; }
body.nth-pg .da-map-head .pg-note { margin: 0 !important; max-width: 40ch; }
body.nth-pg .da-map { height: clamp(380px, 52vh, 560px); border-radius: 22px; overflow: hidden; border: 1px solid var(--pg-line); background: #e9eef2; position: relative; z-index: 1; }
body.nth-pg .da-pin { background: none; border: 0; }
body.nth-pg .da-pin span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--pg-red); box-shadow: 0 6px 14px -4px rgba(0,0,0,.45); border: 2px solid #fff; color: #fff; font: 700 13px var(--pg-sans); }
body.nth-pg .da-pin span { line-height: 1; }
body.nth-pg .da-map .leaflet-popup-content { font-family: var(--pg-sans); font-size: 14px; line-height: 1.5; }
body.nth-pg .da-map .leaflet-popup-content a { color: var(--pg-red); font-weight: 600; }
body.nth-pg .da-map-list { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body.nth-pg .da-map-list li { margin: 0; }
body.nth-pg .da-map-list button { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 9999px; border: 1px solid var(--pg-line); background: #fff; font: 600 14px var(--pg-sans); color: var(--pg-ink); cursor: pointer; margin: 0; text-transform: none; transition: border-color .25s, color .25s; }
body.nth-pg .da-map-list button b { width: 28px; height: 28px; border-radius: 50%; background: var(--pg-red); color: #fff; display: grid; place-items: center; font-size: 12.5px; }
@media (hover: hover) { body.nth-pg .da-map-list button:hover { border-color: var(--pg-red); color: var(--pg-red); } }
@media (max-width: 960px) {
  body.nth-pg .da-grid { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .da-card--lead { grid-column: auto; display: flex; }
  body.nth-pg .da-card--lead .da-img { aspect-ratio: 16 / 10; min-height: 0; }
}
@media (max-width: 767px) {
  body.nth-pg .da-facts { grid-template-columns: minmax(0, 1fr); }
  body.nth-pg .da-facts > div { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; }
  body.nth-pg .da-facts > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--pg-line); }
  body.nth-pg .da-facts dt { margin: 0; }
  body.nth-pg .da-facts dd { text-align: right; font-size: 14.5px; }
  body.nth-pg .da-cta .pg-pill { flex: 1 1 auto; justify-content: space-between; }
  body.nth-pg .nw-filter__map { margin-left: 0; }
}

body.nth-pg .da-facts dt, body.nth-pg .da-facts dd { display: block; float: none; text-transform: none !important; letter-spacing: 0; }
body.nth-pg .da-facts dt { text-transform: uppercase !important; letter-spacing: .08em; }
@media (max-width: 767px) { body.nth-pg .da-facts > div { display: flex; } body.nth-pg .da-facts dt { flex: 0 0 auto; max-width: 45%; } }
body.nth-pg .da-pin span i { transform: rotate(45deg); font-style: normal; display: block; }

/* Dự án: từ 6 dự án -> thẻ gọn 3 cột, nút Xem thêm */
body.nth-pg .da-grid--many { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
body.nth-pg .da-grid--many .da-img { aspect-ratio: 3 / 2; }
body.nth-pg .da-grid--many .da-body { padding: 20px 22px 22px; }
body.nth-pg .da-grid--many .da-name { font-size: clamp(24px, 1.9vw, 30px) !important; }
body.nth-pg .da-grid--many .da-facts { grid-template-columns: minmax(0, 1fr); border-bottom: 0; margin-bottom: 18px; }
body.nth-pg .da-grid--many .da-facts > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-left: 0 !important; border-bottom: 1px solid var(--pg-line); padding-left: 0 !important; }
body.nth-pg .da-grid--many .da-facts > div:nth-child(n+3) { display: none; }
body.nth-pg .da-grid--many .da-facts dd { text-align: right; font-size: 14px; }
body.nth-pg .da-grid--many .da-cta .pg-pill--line { display: none; }
body.nth-pg .da-more-wrap { display: flex; justify-content: center; margin-top: 34px; }
body.nth-pg .da-more-wrap[hidden] { display: none; }
@media (max-width: 1100px) { body.nth-pg .da-grid--many { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { body.nth-pg .da-grid--many { grid-template-columns: minmax(0, 1fr); } }