{"id":275,"date":"2026-05-07T06:18:26","date_gmt":"2026-05-07T06:18:26","guid":{"rendered":"https:\/\/newlife-villa.com\/?page_id=275"},"modified":"2026-05-29T05:40:00","modified_gmt":"2026-05-29T05:40:00","slug":"newlife-villa-trang-chu-design-moi","status":"publish","type":"page","link":"https:\/\/newlife-villa.com\/","title":{"rendered":"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi"},"content":{"rendered":"\ufeff\r\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap');\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; font-size: 16px; }\r\nbody { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\r\nimg { display: block; max-width: 100%; height: auto; }\r\na { text-decoration: none; color: inherit; }\r\nul, ol { list-style: none; }\r\nbutton, input, textarea, select { font: inherit; border: none; outline: none; background: none; appearance: none; }\r\nbutton { cursor: pointer; }\r\nh1, h2, h3, h4, h5, h6 { font-weight: normal; }\r\n\r\n:root {\r\n  --color-cream:          #FAF7F2;\r\n  --color-white:          #FFFFFF;\r\n  --color-flamingo:       #E8896A;\r\n  --color-flamingo-light: #F4C4B0;\r\n  --color-flamingo-dark:  #C96848;\r\n  --color-charcoal:       #1C1C1C;\r\n  --color-gray-dark:      #4A4A4A;\r\n  --color-gray-mid:       #8A8A8A;\r\n  --color-gray-light:     #E8E4DF;\r\n  --color-sand:           #C4A882;\r\n  --color-sage:           #7A8C72;\r\n\r\n  --font-serif: 'Playfair Display', Georgia, serif;\r\n  --font-sans:  'DM Sans', system-ui, sans-serif;\r\n\r\n  --text-xs:   0.75rem;\r\n  --text-sm:   0.875rem;\r\n  --text-base: 1rem;\r\n  --text-lg:   1.125rem;\r\n  --text-xl:   1.25rem;\r\n  --text-2xl:  1.5rem;\r\n  --text-3xl:  2rem;\r\n  --text-4xl:  2.75rem;\r\n  --text-5xl:  3.75rem;\r\n  --text-hero: clamp(3rem, 8vw, 6rem);\r\n\r\n  --space-xs:  0.5rem;\r\n  --space-sm:  1rem;\r\n  --space-md:  2rem;\r\n  --space-lg:  4rem;\r\n  --space-xl:  6rem;\r\n  --space-2xl: 10rem;\r\n\r\n  --nav-height:  72px;\r\n  --transition:  0.3s ease;\r\n  --shadow-sm:   0 2px 8px rgba(0,0,0,0.06);\r\n  --shadow-md:   0 4px 24px rgba(0,0,0,0.08);\r\n  --shadow-lg:   0 12px 40px rgba(0,0,0,0.18);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nbody {\r\n  font-family: var(--font-sans);\r\n  font-size: var(--text-base);\r\n  color: var(--color-charcoal);\r\n  background-color: var(--color-cream);\r\n  line-height: 1.6;\r\n}\r\n\r\n.container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 var(--space-md);\r\n}\r\n@media (min-width: 1024px) { .container { padding: 0 var(--space-lg); } }\r\n\r\n\/* \u2500\u2500\u2500 Utilities \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.label {\r\n  font-family: var(--font-sans);\r\n  font-size: var(--text-xs);\r\n  font-weight: 500;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--color-gray-mid);\r\n  display: block;\r\n  margin-bottom: var(--space-sm);\r\n}\r\n\r\n.section-heading {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-4xl);\r\n  line-height: 1.12;\r\n  color: var(--color-charcoal);\r\n}\r\n@media (min-width: 768px) { .section-heading { font-size: var(--text-5xl); } }\r\n\r\n.section-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-bottom: var(--space-lg);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 0.875rem 1.875rem;\r\n  font-size: var(--text-sm);\r\n  font-weight: 500;\r\n  letter-spacing: 0.04em;\r\n  border-radius: 2px !important;\r\n  transition: background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);\r\n  white-space: nowrap;\r\n}\r\n.btn:hover { transform: translateY(-1px); }\r\n.btn--primary { background: var(--color-flamingo); color: var(--color-white); }\r\n.btn--primary:hover { background: var(--color-flamingo-dark); transform: translateY(-1px); }\r\n.btn--outline { border: 1.5px solid var(--color-charcoal); color: var(--color-charcoal); }\r\n.btn--outline:hover { background: var(--color-charcoal); color: var(--color-white); }\r\n.btn--outline-white { border: 1.5px solid rgba(255,255,255,0.65); color: var(--color-white); }\r\n.btn--outline-white:hover { background: var(--color-white); color: var(--color-charcoal); }\r\n.btn--sm { padding: 0.6rem 1.25rem; font-size: var(--text-xs); }\r\n.btn--full { width: 100%; }\r\n\r\n\/* \u2500\u2500\u2500 Scroll Reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n[data-reveal] { transition: opacity 0.75s ease, transform 0.75s ease; }\r\nhtml.js [data-reveal] { opacity: 0; transform: translateY(28px); }\r\nhtml.js [data-reveal].revealed { opacity: 1; transform: translateY(0); }\r\nhtml.js [data-reveal-delay=\"1\"] { transition-delay: 0.1s; }\r\nhtml.js [data-reveal-delay=\"2\"] { transition-delay: 0.2s; }\r\nhtml.js [data-reveal-delay=\"3\"] { transition-delay: 0.3s; }\r\nhtml.js [data-reveal-delay=\"4\"] { transition-delay: 0.4s; }\r\nhtml.js [data-reveal-delay=\"5\"] { transition-delay: 0.5s; }\r\n\r\n\/* \u2500\u2500\u2500 Navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.nav {\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 100;\r\n  height: var(--nav-height);\r\n  background: rgba(28, 28, 28, 0.72); \/* dark semi-transparent \u2014 matches urgency bar *\/\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  transition: background 0.45s ease, backdrop-filter 0.45s ease, box-shadow 0.45s ease;\r\n}\r\n.nav.scrolled {\r\n  background: rgba(250, 247, 242, 0.97);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  box-shadow: 0 1px 20px rgba(0,0,0,0.07);\r\n  border-bottom: 1px solid var(--color-gray-light);\r\n}\r\n.nav__inner {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  height: 100%;\r\n  padding: 0 var(--space-md);\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n@media (min-width: 1024px) { .nav__inner { padding: 0 var(--space-lg); } }\r\n\r\n.nav__logo {\r\n  font-family: var(--font-serif);\r\n  font-size: 1.75rem;\r\n  font-weight: 600;\r\n  color: var(--color-white);\r\n  letter-spacing: 0.02em;\r\n  transition: color var(--transition);\r\n  z-index: 1;\r\n}\r\n.nav.scrolled .nav__logo { color: var(--color-charcoal); }\r\n\r\n.nav__links {\r\n  display: none;\r\n  align-items: center;\r\n  gap: var(--space-lg);\r\n}\r\n@media (min-width: 1024px) { .nav__links { display: flex; } }\r\n.nav__links a {\r\n  font-size: var(--text-sm);\r\n  color: rgba(255,255,255,0.85);\r\n  transition: color var(--transition);\r\n  letter-spacing: 0.02em;\r\n}\r\n.nav.scrolled .nav__links a { color: var(--color-gray-dark); }\r\n.nav__links a:hover { color: var(--color-flamingo) !important; }\r\n\r\n.nav__cta { display: none; }\r\n@media (min-width: 1024px) { .nav__cta { display: inline-flex; } }\r\n\r\n.nav__hamburger {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  width: 28px;\r\n  cursor: pointer;\r\n  background: none;\r\n  border: none;\r\n  padding: 4px 0;\r\n}\r\n.nav__hamburger span {\r\n  display: block;\r\n  height: 1.5px;\r\n  background: var(--color-white);\r\n  transition: var(--transition);\r\n  border-radius: 2px;\r\n}\r\n.nav.scrolled .nav__hamburger span { background: var(--color-charcoal); }\r\n.nav:not(.scrolled) .nav__hamburger span { background: var(--color-white); }\r\n@media (min-width: 1024px) { .nav__hamburger { display: none; } }\r\n\r\n\/* \u2500\u2500\u2500 Mobile Menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.mobile-menu {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 99;\r\n  background: var(--color-charcoal);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: var(--space-md);\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.35s ease;\r\n}\r\n.mobile-menu.active { opacity: 1; pointer-events: all; }\r\n.mobile-menu__close {\r\n  position: absolute;\r\n  top: var(--space-md);\r\n  right: var(--space-md);\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 2rem;\r\n  cursor: pointer;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: color var(--transition);\r\n}\r\n.mobile-menu__close:hover { color: var(--color-white); }\r\n.mobile-menu a {\r\n  font-family: var(--font-serif);\r\n  font-size: clamp(2rem, 6vw, 3.5rem);\r\n  color: rgba(255,255,255,0.75);\r\n  transition: color var(--transition);\r\n  letter-spacing: 0.02em;\r\n}\r\n.mobile-menu a:hover { color: var(--color-flamingo); }\r\n.mobile-menu__contact {\r\n  margin-top: var(--space-md);\r\n  font-size: var(--text-sm);\r\n  color: rgba(255,255,255,0.4);\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero {\r\n  position: relative;\r\n  height: calc(100vh - 35px); \/* subtract urgency bar height *\/\r\n  min-height: 580px;\r\n  overflow: hidden;\r\n}\r\n.hero__image {\r\n  position: absolute;\r\n  inset: 0;\r\n  will-change: transform;\r\n}\r\n.hero__image img {\r\n  width: 100%;\r\n  height: 120%;\r\n  object-fit: cover;\r\n  object-position: center 30%;\r\n}\r\n.hero__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    160deg,\r\n    rgba(0,0,0,0.25) 0%,\r\n    rgba(0,0,0,0.1) 40%,\r\n    rgba(0,0,0,0.55) 100%\r\n  );\r\n}\r\n.hero__content {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  height: 100%;\r\n  padding: 0 var(--space-md) var(--space-xl);\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n@media (min-width: 768px) { .hero__content { padding: 0 var(--space-lg) calc(var(--space-xl) + 1rem); } }\r\n\r\n.hero__eyebrow {\r\n  font-size: var(--text-xs);\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-bottom: var(--space-sm);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-sm);\r\n}\r\n.hero__eyebrow::before {\r\n  content: '';\r\n  display: inline-block;\r\n  width: 32px;\r\n  height: 1px;\r\n  background: var(--color-flamingo-light);\r\n}\r\n.hero__heading {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-hero);\r\n  line-height: 1.08;\r\n  color: var(--color-white);\r\n  margin-bottom: var(--space-sm);\r\n  max-width: 820px;\r\n}\r\n.hero__heading em {\r\n  font-style: italic;\r\n  color: var(--color-flamingo-light);\r\n}\r\n.hero__sub {\r\n  font-size: var(--text-sm);\r\n  color: rgba(255,255,255,0.72);\r\n  letter-spacing: 0.12em;\r\n  margin-bottom: var(--space-md);\r\n}\r\n.hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-sm);\r\n}\r\n\r\n.hero__scroll {\r\n  position: absolute;\r\n  bottom: var(--space-md);\r\n  right: var(--space-md);\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: var(--space-xs);\r\n  color: rgba(255,255,255,0.55);\r\n  font-size: 10px;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  writing-mode: vertical-rl;\r\n}\r\n@media (min-width: 768px) { .hero__scroll { right: var(--space-lg); } }\r\n.hero__scroll-line {\r\n  width: 1px;\r\n  height: 56px;\r\n  background: rgba(255,255,255,0.25);\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-top: 6px;\r\n}\r\n.hero__scroll-line::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -100%;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 50%;\r\n  background: rgba(255,255,255,0.7);\r\n  animation: scrollLine 2.2s ease infinite;\r\n}\r\n@keyframes scrollLine { 0% { top: -50%; } 100% { top: 120%; } }\r\n\r\n\/* \u2500\u2500\u2500 Brand \/ Intro \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.brand {\r\n  padding: var(--space-xl) 0;\r\n}\r\n@media (min-width: 1024px) { .brand { padding: var(--space-2xl) 0; } }\r\n\r\n.brand__inner {\r\n  display: grid;\r\n  gap: var(--space-lg);\r\n  align-items: center;\r\n}\r\n@media (min-width: 768px) { .brand__inner { grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: start; } }\r\n\r\n.brand__heading {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-4xl);\r\n  line-height: 1.12;\r\n  margin-bottom: var(--space-md);\r\n}\r\n@media (min-width: 768px) { .brand__heading { font-size: var(--text-5xl); } }\r\n\r\n.brand__body {\r\n  color: var(--color-gray-dark);\r\n  line-height: 1.85;\r\n  max-width: 520px;\r\n  margin-bottom: var(--space-md);\r\n  font-size: var(--text-lg);\r\n}\r\n\r\n.brand__stats {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: var(--space-md);\r\n  margin-top: var(--space-lg);\r\n  padding-top: var(--space-lg);\r\n  border-top: 1px solid var(--color-gray-light);\r\n}\r\n\r\n.brand__image {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 2px;\r\n  aspect-ratio: 3\/4;\r\n}\r\n@media (min-width: 768px) {\r\n  .brand__image { aspect-ratio: unset; height: 600px; }\r\n}\r\n.brand__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.65s ease;\r\n}\r\n.brand__image:hover img { transform: scale(1.03); }\r\n\r\n.stat { text-align: center; }\r\n.stat__number {\r\n  display: block;\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-5xl);\r\n  line-height: 1;\r\n  color: var(--color-flamingo);\r\n  font-style: italic;\r\n}\r\n.stat__label {\r\n  display: block;\r\n  font-size: var(--text-xs);\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--color-gray-mid);\r\n  margin-top: var(--space-xs);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Villas \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.villas {\r\n  padding: var(--space-xl) 0;\r\n  background: var(--color-white);\r\n}\r\n.villas__grid {\r\n  display: grid;\r\n  gap: var(--space-md);\r\n}\r\n@media (min-width: 640px) { .villas__grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (min-width: 1024px) { .villas__grid { grid-template-columns: repeat(3, 1fr); } }\r\n\r\n.villa-card { overflow: hidden; }\r\n.villa-card:hover { transform: translateY(-4px); transition: transform 0.4s ease; }\r\n\r\n.villa-card__image {\r\n  position: relative;\r\n  aspect-ratio: 4\/3;\r\n  overflow: hidden;\r\n  border-radius: 2px;\r\n}\r\n.villa-card__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.65s ease;\r\n}\r\n.villa-card:hover .villa-card__image img { transform: scale(1.06); }\r\n\r\n.villa-card__tags {\r\n  position: absolute;\r\n  top: var(--space-sm);\r\n  left: var(--space-sm);\r\n  display: flex;\r\n  gap: 6px;\r\n  flex-wrap: wrap;\r\n}\r\n.villa-card__tag {\r\n  padding: 4px 10px;\r\n  background: var(--color-flamingo);\r\n  color: var(--color-white);\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  border-radius: 2px;\r\n}\r\n.villa-card__tag--dark { background: var(--color-charcoal); }\r\n.villa-card__tag--sage { background: var(--color-sage); }\r\n\r\n.villa-card__body {\r\n  padding: var(--space-md) 0 var(--space-sm);\r\n}\r\n.villa-card__name {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-2xl);\r\n  margin-bottom: 4px;\r\n  line-height: 1.2;\r\n}\r\n.villa-card__location {\r\n  font-size: var(--text-sm);\r\n  color: var(--color-gray-mid);\r\n  margin-bottom: var(--space-sm);\r\n  letter-spacing: 0.02em;\r\n}\r\n.villa-card__specs {\r\n  display: flex;\r\n  gap: var(--space-md);\r\n  font-size: var(--text-sm);\r\n  color: var(--color-gray-dark);\r\n  margin-bottom: var(--space-md);\r\n  flex-wrap: wrap;\r\n}\r\n.villa-card__spec {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n.villa-card__spec svg { flex-shrink: 0; }\r\n\r\n.villa-card__footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-top: var(--space-sm);\r\n  border-top: 1px solid var(--color-gray-light);\r\n}\r\n.villa-card__price {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-2xl);\r\n  color: var(--color-flamingo);\r\n  line-height: 1;\r\n}\r\n.villa-card__price-unit {\r\n  font-family: var(--font-sans);\r\n  font-size: var(--text-xs);\r\n  color: var(--color-gray-mid);\r\n  display: block;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 USP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.usp {\r\n  padding: var(--space-xl) 0;\r\n  border-top: 1px solid var(--color-gray-light);\r\n}\r\n.usp__grid {\r\n  display: grid;\r\n  gap: var(--space-lg) var(--space-md);\r\n  grid-template-columns: repeat(2, 1fr);\r\n  margin-top: var(--space-lg);\r\n}\r\n@media (min-width: 768px) { .usp__grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (min-width: 1024px) { .usp__grid { grid-template-columns: repeat(6, 1fr); } }\r\n\r\n.usp-item { text-align: center; }\r\n.usp-item__icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  margin: 0 auto var(--space-sm);\r\n  color: var(--color-flamingo);\r\n}\r\n.usp-item__title {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-base);\r\n  margin-bottom: 4px;\r\n}\r\n.usp-item__desc {\r\n  font-size: var(--text-xs);\r\n  color: var(--color-gray-mid);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Gallery \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.gallery {\r\n  padding: var(--space-xl) 0;\r\n  background: var(--color-charcoal);\r\n}\r\n.gallery .label { color: rgba(255,255,255,0.45); }\r\n.gallery .section-heading { color: var(--color-cream); }\r\n.gallery .section-header { margin-bottom: var(--space-lg); }\r\n\r\n.gallery__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 6px;\r\n}\r\n@media (min-width: 640px) { .gallery__grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (min-width: 1024px) { .gallery__grid { grid-template-columns: repeat(4, 1fr); } }\r\n\r\n.gallery__item {\r\n  position: relative;\r\n  aspect-ratio: 1;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  background: rgba(255,255,255,0.05);\r\n}\r\n.gallery__item--wide {\r\n  aspect-ratio: 16\/9;\r\n  grid-column: span 2;\r\n}\r\n.gallery__item--tall {\r\n  aspect-ratio: 3\/4;\r\n  grid-row: span 2;\r\n}\r\n.gallery__item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.65s ease, filter 0.35s ease;\r\n}\r\n.gallery__item:hover img { transform: scale(1.06); filter: brightness(0.85); }\r\n\r\n.gallery__item__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transition: opacity var(--transition);\r\n}\r\n.gallery__item:hover .gallery__item__overlay { opacity: 1; }\r\n.gallery__item__overlay svg { color: white; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5)); }\r\n\r\n\/* \u2500\u2500\u2500 Services \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.services { padding: var(--space-xl) 0; }\r\n.services__grid {\r\n  display: grid;\r\n  gap: 0;\r\n  margin-top: var(--space-lg);\r\n}\r\n@media (min-width: 768px) { .services__grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (min-width: 1024px) { .services__grid { grid-template-columns: repeat(4, 1fr); } }\r\n\r\n.service-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--space-xs);\r\n  padding: var(--space-md);\r\n  border: 1px solid var(--color-gray-light);\r\n  margin: -1px 0 0 -1px;\r\n  transition: background var(--transition), box-shadow var(--transition);\r\n}\r\n.service-item:hover {\r\n  background: var(--color-white);\r\n  box-shadow: var(--shadow-md);\r\n  z-index: 1;\r\n}\r\n.service-item__icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-bottom: var(--space-xs);\r\n  color: var(--color-flamingo);\r\n  flex-shrink: 0;\r\n}\r\n.service-item__icon svg {\r\n  width: 40px;\r\n  height: 40px;\r\n  stroke: currentColor;\r\n}\r\n.service-item__title {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-lg);\r\n  line-height: 1.2;\r\n}\r\n.service-item__desc {\r\n  font-size: var(--text-sm);\r\n  color: var(--color-gray-dark);\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Reviews \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.reviews {\r\n  padding: var(--space-xl) 0;\r\n  background: var(--color-white);\r\n}\r\n.reviews__grid {\r\n  display: grid;\r\n  gap: var(--space-md);\r\n  margin-top: var(--space-lg);\r\n}\r\n@media (min-width: 768px) { .reviews__grid { grid-template-columns: repeat(3, 1fr); } }\r\n\r\n.review-card {\r\n  padding: var(--space-md);\r\n  border: 1px solid var(--color-gray-light);\r\n  border-radius: 4px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-sm);\r\n}\r\n.review-card__stars { color: var(--color-flamingo); font-size: var(--text-base); letter-spacing: 2px; }\r\n.review-card__text {\r\n  font-style: italic;\r\n  color: var(--color-gray-dark);\r\n  line-height: 1.8;\r\n  font-size: var(--text-base);\r\n  flex: 1;\r\n}\r\n.review-card__author { display: flex; align-items: center; gap: var(--space-sm); }\r\n.review-card__avatar {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: var(--color-flamingo-light);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-xl);\r\n  color: var(--color-flamingo-dark);\r\n  flex-shrink: 0;\r\n}\r\n.review-card__name { font-weight: 500; font-size: var(--text-sm); }\r\n.review-card__meta { font-size: var(--text-xs); color: var(--color-gray-mid); }\r\n\r\n\/* \u2500\u2500\u2500 Booking Form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.booking {\r\n  padding: var(--space-xl) 0;\r\n  background: var(--color-flamingo);\r\n}\r\n.booking .label { color: rgba(255,255,255,0.65); }\r\n.booking .section-heading { color: var(--color-white); margin-bottom: var(--space-sm); }\r\n\r\n.booking__inner {\r\n  display: grid;\r\n  gap: var(--space-lg);\r\n}\r\n@media (min-width: 1024px) { .booking__inner { grid-template-columns: 5fr 7fr; align-items: start; } }\r\n\r\n.booking__info-text {\r\n  color: rgba(255,255,255,0.85);\r\n  line-height: 1.8;\r\n  font-size: var(--text-lg);\r\n  margin-bottom: var(--space-md);\r\n}\r\n.booking__contact {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-xs);\r\n  font-size: var(--text-sm);\r\n  color: rgba(255,255,255,0.7);\r\n}\r\n.booking__contact a {\r\n  color: var(--color-white);\r\n  font-weight: 500;\r\n  font-size: var(--text-base);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.booking__contact a:hover { text-decoration: underline; }\r\n\r\n.booking__form {\r\n  background: var(--color-white);\r\n  padding: var(--space-md);\r\n  border-radius: 4px;\r\n  box-shadow: var(--shadow-lg);\r\n}\r\n@media (min-width: 640px) { .booking__form { padding: var(--space-lg); } }\r\n\r\n.form-grid {\r\n  display: grid;\r\n  gap: var(--space-md);\r\n}\r\n@media (min-width: 640px) { .form-grid { grid-template-columns: repeat(2, 1fr); } }\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n.form-group--full { grid-column: 1 \/ -1; }\r\n.form-group label {\r\n  font-size: var(--text-sm);\r\n  font-weight: 500;\r\n  color: var(--color-charcoal);\r\n}\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n  padding: 0.75rem 1rem;\r\n  border: 1.5px solid var(--color-gray-light);\r\n  border-radius: 4px;\r\n  font-size: var(--text-base);\r\n  color: var(--color-charcoal);\r\n  background: var(--color-cream);\r\n  transition: border-color var(--transition), background var(--transition);\r\n  width: 100%;\r\n}\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n  border-color: var(--color-flamingo);\r\n  background: var(--color-white);\r\n  outline: none;\r\n}\r\n.form-group textarea { resize: vertical; min-height: 100px; }\r\n.form-submit { grid-column: 1 \/ -1; display: flex; flex-direction: column; gap: var(--space-sm); }\r\n.form-disclaimer {\r\n  font-size: var(--text-xs);\r\n  color: var(--color-gray-mid);\r\n  text-align: center;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Location \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.location { padding: var(--space-xl) 0; }\r\n.location__inner {\r\n  display: grid;\r\n  gap: var(--space-lg);\r\n}\r\n@media (min-width: 1024px) { .location__inner { grid-template-columns: 1fr 1fr; align-items: start; } }\r\n\r\n.location__map {\r\n  aspect-ratio: 4\/3;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  border: 1px solid var(--color-gray-light);\r\n}\r\n.location__map iframe { width: 100%; height: 100%; border: none; }\r\n\r\n.location__address {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-md);\r\n  margin-top: var(--space-md);\r\n}\r\n.direction-item {\r\n  display: flex;\r\n  gap: var(--space-sm);\r\n  align-items: flex-start;\r\n  padding-bottom: var(--space-md);\r\n  border-bottom: 1px solid var(--color-gray-light);\r\n}\r\n.direction-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n.direction-item__icon {\r\n  flex-shrink: 0;\r\n  width: 40px;\r\n  height: 40px;\r\n  background: var(--color-flamingo-light);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n}\r\n.direction-item__title { font-weight: 500; font-size: var(--text-base); margin-bottom: 3px; }\r\n.direction-item__desc { font-size: var(--text-sm); color: var(--color-gray-dark); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.footer {\r\n  background: var(--color-charcoal);\r\n  color: var(--color-cream);\r\n  padding: var(--space-xl) 0 var(--space-md);\r\n}\r\n.footer__inner {\r\n  display: grid;\r\n  gap: var(--space-lg);\r\n  margin-bottom: var(--space-lg);\r\n  border-bottom: 1px solid rgba(255,255,255,0.1);\r\n  padding-bottom: var(--space-lg);\r\n}\r\n@media (min-width: 768px) { .footer__inner { grid-template-columns: 2fr 1fr 1fr; } }\r\n\r\n.footer__logo {\r\n  font-family: var(--font-serif);\r\n  font-size: var(--text-2xl);\r\n  margin-bottom: var(--space-sm);\r\n  letter-spacing: 0.02em;\r\n}\r\n.footer__tagline {\r\n  color: rgba(255,255,255,0.45);\r\n  font-size: var(--text-sm);\r\n  line-height: 1.75;\r\n  max-width: 300px;\r\n  margin-bottom: var(--space-md);\r\n}\r\n.footer__social { display: flex; gap: var(--space-sm); }\r\n.footer__social a {\r\n  width: 38px;\r\n  height: 38px;\r\n  border: 1px solid rgba(255,255,255,0.15);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255,255,255,0.5);\r\n  font-size: var(--text-base);\r\n  transition: var(--transition);\r\n}\r\n.footer__social a:hover { border-color: var(--color-flamingo); color: var(--color-flamingo); }\r\n\r\n.footer__col-heading {\r\n  font-size: var(--text-xs);\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.35);\r\n  margin-bottom: var(--space-md);\r\n}\r\n.footer__links { display: flex; flex-direction: column; gap: 12px; }\r\n.footer__links a {\r\n  font-size: var(--text-sm);\r\n  color: rgba(255,255,255,0.6);\r\n  transition: color var(--transition);\r\n}\r\n.footer__links a:hover { color: var(--color-flamingo); }\r\n\r\n.footer__contact-list { display: flex; flex-direction: column; gap: 12px; }\r\n.footer__contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-size: var(--text-sm);\r\n  color: rgba(255,255,255,0.6);\r\n  line-height: 1.5;\r\n}\r\n.footer__contact-item a { color: rgba(255,255,255,0.6); transition: color var(--transition); }\r\n.footer__contact-item a:hover { color: var(--color-flamingo); }\r\n\r\n.footer__bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-sm);\r\n}\r\n.footer__copyright {\r\n  font-size: var(--text-xs);\r\n  color: rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Floating CTAs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.fab-group {\r\n  position: fixed;\r\n  bottom: var(--space-md);\r\n  right: var(--space-md);\r\n  z-index: 90;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n.fab {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 50%;\r\n  box-shadow: var(--shadow-lg);\r\n  transition: transform var(--transition), box-shadow var(--transition);\r\n  cursor: pointer;\r\n}\r\n.fab:hover { transform: scale(1.1); box-shadow: 0 16px 48px rgba(0,0,0,0.25); }\r\n.fab--zalo { background: #0068FF; }\r\n.fab--phone { background: var(--color-flamingo); }\r\n.fab__tooltip {\r\n  position: absolute;\r\n  right: 68px;\r\n  background: var(--color-charcoal);\r\n  color: white;\r\n  padding: 6px 14px;\r\n  border-radius: 4px;\r\n  font-size: var(--text-xs);\r\n  white-space: nowrap;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity var(--transition);\r\n  letter-spacing: 0.02em;\r\n}\r\n.fab__tooltip::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: -5px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  border: 5px solid transparent;\r\n  border-right: none;\r\n  border-left-color: var(--color-charcoal);\r\n}\r\n.fab:hover .fab__tooltip { opacity: 1; }\r\n\r\n\/* \u2500\u2500\u2500 Lightbox \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.lightbox {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 200;\r\n  background: rgba(0,0,0,0.96);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.lightbox.active { opacity: 1; pointer-events: all; }\r\n.lightbox__img {\r\n  max-width: 90vw;\r\n  max-height: 88vh;\r\n  object-fit: contain;\r\n  border-radius: 2px;\r\n}\r\n.lightbox__close {\r\n  position: absolute;\r\n  top: var(--space-md);\r\n  right: var(--space-md);\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1.75rem;\r\n  cursor: pointer;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  transition: var(--transition);\r\n}\r\n.lightbox__close:hover { color: white; background: rgba(255,255,255,0.1); }\r\n.lightbox__nav {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 1.5rem;\r\n  cursor: pointer;\r\n  width: 52px;\r\n  height: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(255,255,255,0.08);\r\n  border-radius: 50%;\r\n  transition: var(--transition);\r\n}\r\n.lightbox__nav:hover { background: rgba(255,255,255,0.18); color: white; }\r\n.lightbox__prev { left: var(--space-md); }\r\n.lightbox__next { right: var(--space-md); }\r\n.lightbox__counter {\r\n  position: absolute;\r\n  bottom: var(--space-md);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: var(--text-xs);\r\n  color: rgba(255,255,255,0.5);\r\n  letter-spacing: 0.1em;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Gallery Tabs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.gallery-tabs-nav {\r\n  display: flex;\r\n  gap: 0;\r\n  margin-bottom: var(--space-lg);\r\n  border-bottom: 1px solid rgba(255,255,255,0.15);\r\n  flex-wrap: wrap;\r\n}\r\n.gallery-tab-btn {\r\n  padding: 0.75rem 1.25rem;\r\n  font-family: var(--font-sans);\r\n  font-size: var(--text-xs);\r\n  font-weight: 500;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n  background: none;\r\n  border: none;\r\n  border-bottom: 2px solid transparent;\r\n  cursor: pointer;\r\n  transition: color var(--transition), border-color var(--transition);\r\n  margin-bottom: -1px;\r\n}\r\n.gallery-tab-btn:hover { color: rgba(255,255,255,0.8); }\r\n.gallery-tab-btn.is-active { color: var(--color-flamingo); border-bottom-color: var(--color-flamingo); }\r\n.gallery-panel { display: none; }\r\n.gallery-panel.is-active { display: block; }\r\n\r\n\/* \u2500\u2500\u2500 Map Tabs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.map-tabs-nav {\r\n  display: flex;\r\n  gap: 0;\r\n  border-bottom: 2px solid var(--color-gray-light);\r\n  margin-bottom: var(--space-md);\r\n  flex-wrap: wrap;\r\n}\r\n.map-tab-btn {\r\n  padding: 0.65rem 1.1rem;\r\n  font-size: var(--text-xs);\r\n  font-weight: 500;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  color: var(--color-gray-mid);\r\n  background: none;\r\n  border: none;\r\n  border-bottom: 2px solid transparent;\r\n  cursor: pointer;\r\n  transition: color var(--transition), border-color var(--transition);\r\n  margin-bottom: -2px;\r\n  white-space: nowrap;\r\n}\r\n.map-tab-btn:hover { color: var(--color-charcoal); }\r\n.map-tab-btn.is-active { color: var(--color-flamingo); border-bottom-color: var(--color-flamingo); }\r\n.map-panel { display: none; }\r\n.map-panel.is-active { display: block; }\r\n\r\n\/* \u2500\u2500\u2500 Villa Modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.villa-modal {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 150;\r\n  background: rgba(0,0,0,0.75);\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.3s ease;\r\n  overflow-y: auto;\r\n  padding: var(--space-md) var(--space-sm);\r\n}\r\n@media (min-width: 640px) { .villa-modal { padding: var(--space-lg) var(--space-md); } }\r\n.villa-modal.active { opacity: 1; pointer-events: all; }\r\n.villa-modal__content {\r\n  background: var(--color-cream);\r\n  border-radius: 4px;\r\n  width: 100%;\r\n  max-width: 1000px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transform: translateY(20px);\r\n  transition: transform 0.3s ease;\r\n  margin: auto;\r\n}\r\n.villa-modal.active .villa-modal__content { transform: translateY(0); }\r\n.villa-modal__header {\r\n  padding: var(--space-md);\r\n  border-bottom: 1px solid var(--color-gray-light);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: var(--space-sm);\r\n}\r\n@media (min-width: 640px) { .villa-modal__header { padding: var(--space-md) var(--space-lg); } }\r\n.villa-modal__title { font-family: var(--font-serif); font-size: var(--text-3xl); line-height: 1.1; }\r\n.villa-modal__close {\r\n  width: 44px; height: 44px; flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  border-radius: 50%; color: var(--color-gray-dark); font-size: 1.5rem; cursor: pointer;\r\n  transition: background var(--transition), color var(--transition);\r\n}\r\n.villa-modal__close:hover { background: var(--color-gray-light); color: var(--color-charcoal); }\r\n.villa-modal__body { padding: var(--space-md); }\r\n@media (min-width: 640px) { .villa-modal__body { padding: var(--space-lg); } }\r\n.villa-modal__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 6px;\r\n  margin-bottom: var(--space-lg);\r\n}\r\n@media (min-width: 640px) { .villa-modal__grid { grid-template-columns: repeat(3, 1fr); gap: 8px; } }\r\n@media (min-width: 768px) { .villa-modal__grid { grid-template-columns: repeat(4, 1fr); } }\r\n.villa-modal__photo {\r\n  aspect-ratio: 4\/3; overflow: hidden; border-radius: 2px;\r\n  cursor: pointer; background: var(--color-gray-light); position: relative;\r\n}\r\n.villa-modal__photo--wide { grid-column: span 2; aspect-ratio: 16\/7; }\r\n.villa-modal__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\r\n.villa-modal__photo:hover img { transform: scale(1.05); }\r\n.villa-modal__photo__overlay {\r\n  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;\r\n  opacity: 0; background: rgba(0,0,0,0.18); transition: opacity var(--transition);\r\n}\r\n.villa-modal__photo:hover .villa-modal__photo__overlay { opacity: 1; }\r\n.villa-modal__cta {\r\n  display: flex; flex-wrap: wrap; gap: var(--space-sm);\r\n  padding-top: var(--space-md); border-top: 1px solid var(--color-gray-light);\r\n  align-items: center; justify-content: space-between;\r\n}\r\n.villa-modal__price { font-family: var(--font-serif); font-size: var(--text-3xl); color: var(--color-flamingo); }\r\n.villa-modal__price-unit { font-family: var(--font-sans); font-size: var(--text-xs); color: var(--color-gray-mid); display: block; }\r\n.villa-modal__actions { display: flex; gap: var(--space-sm); flex-wrap: wrap; }\r\n\r\n\/* \u2500\u2500\u2500 Form textarea fix \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.form-group textarea { font-size: var(--text-sm); line-height: 1.6; }\r\n.form-group textarea::placeholder { font-size: var(--text-sm); }\r\n\r\n\/* \u2500\u2500\u2500 Urgency Banner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.urgency-bar {\r\n  background: var(--color-charcoal);\r\n  color: rgba(255,255,255,0.8);\r\n  text-align: center;\r\n  padding: 9px var(--space-md);\r\n  font-size: var(--text-xs);\r\n  letter-spacing: 0.06em;\r\n  position: relative;\r\n  z-index: 102;\r\n  line-height: 1.4;\r\n}\r\n.urgency-bar strong { color: var(--color-flamingo-light); }\r\n\/* Blog section *\/\r\n.posts-section{padding:var(--space-lg) 0 var(--space-xl);background:var(--color-cream);}\r\n.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);}\r\n@media(min-width:640px){.posts-grid{grid-template-columns:repeat(2,1fr);}}\r\n@media(min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr);}}\r\n.post-card{background:var(--color-white);border-radius:4px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;}\r\n.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.11);}\r\n.post-card__img-wrap{aspect-ratio:16\/9;overflow:hidden;}\r\n.post-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}\r\n.post-card:hover .post-card__img{transform:scale(1.04);}\r\n.post-card__body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;flex:1;}\r\n.post-card__category{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-flamingo);margin-bottom:.5rem;}\r\n.post-card__title{font-family:var(--font-serif);font-size:1.1rem;line-height:1.35;margin:0 0 .75rem;color:var(--color-charcoal);}\r\n.post-card__excerpt{font-size:.875rem;color:var(--color-gray-dark);line-height:1.6;flex:1;margin-bottom:1rem;}\r\n.post-card__meta{font-size:.75rem;color:var(--color-gray-mid);display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem;}\r\n.post-card__read-link{font-size:.8rem;font-weight:600;color:var(--color-flamingo);margin-top:auto;}\r\n<\/style>\r\n<!-- Urgency bar -->\r\n  <div class=\"urgency-bar\">\r\n    \ud83d\udd25 <strong>Cu\u1ed1i tu\u1ea7n n\u00e0y c\u00f2n tr\u1ed1ng<\/strong> \u2014 \u0110\u1eb7t ngay \u0111\u1ec3 gi\u1eef ch\u1ed7 \u00b7 Li\u00ean h\u1ec7: <strong>0969 696 891<\/strong>\r\n  <\/div>\r\n\r\n  <!-- Navigation -->\r\n  <nav class=\"nav\" id=\"nav\">\r\n    <div class=\"nav__inner\">\r\n      <a href=\"#\" class=\"nav__logo\">Newlife Villa<\/a>\r\n      <ul class=\"nav__links\">\r\n        <li><a href=\"#villas\">C\u00e1c Villa<\/a><\/li>\r\n        <li><a href=\"#gallery\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a><\/li>\r\n        <li><a href=\"#services\">D\u1ecbch v\u1ee5<\/a><\/li>\r\n        <li><a href=\"#reviews\">\u0110\u00e1nh gi\u00e1<\/a><\/li>\r\n        <li><a href=\"#contact\">Li\u00ean h\u1ec7<\/a><\/li>\r\n        <li><a href=\"#blog\">Blog<\/a><\/li>\r\n      <\/ul>\r\n      <a href=\"#booking\" class=\"nav__cta btn btn--primary\">\u0110\u1eb7t Villa<\/a>\r\n      <button class=\"nav__hamburger\" aria-label=\"M\u1edf menu\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- Mobile menu -->\r\n  <div class=\"mobile-menu\" id=\"mobileMenu\" role=\"dialog\" aria-modal=\"true\">\r\n    <button class=\"mobile-menu__close\" aria-label=\"\u0110\u00f3ng menu\">\u2715<\/button>\r\n    <a href=\"#villas\">C\u00e1c Villa<\/a>\r\n    <a href=\"#gallery\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a>\r\n    <a href=\"#services\">D\u1ecbch v\u1ee5<\/a>\r\n    <a href=\"#reviews\">\u0110\u00e1nh gi\u00e1<\/a>\r\n    <a href=\"#booking\">\u0110\u1eb7t ph\u00f2ng<\/a>\r\n    <a href=\"#contact\">Li\u00ean h\u1ec7<\/a>\r\n    <a href=\"#blog\">Blog<\/a>\r\n    <p class=\"mobile-menu__contact\">0969 696 891 \u00b7 Mr. T\u00e2n<\/p>\r\n  <\/div>\r\n\r\n  <main>\r\n\r\n    <!-- \u2500\u2500 Hero \u2500\u2500 -->\r\n    <section class=\"hero\" aria-label=\"Hero\">\r\n      <div class=\"hero__image\">\r\n        <img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png\"\r\n             alt=\"Newlife Villa Flamingo H\u1ea3i Ti\u1ebfn \u2014 C\u0103n B1.05\"\r\n             loading=\"eager\" fetchpriority=\"high\">\r\n      <\/div>\r\n      <div class=\"hero__overlay\"><\/div>\r\n      <div class=\"hero__content\">\r\n        <p class=\"hero__eyebrow\">Flamingo H\u1ea3i Ti\u1ebfn \u00b7 Thanh H\u00f3a<\/p>\r\n        <h1 class=\"hero__heading\">\r\n          K\u1ef3 ngh\u1ec9 \u0111\u00e1ng nh\u1edb<br>\r\n          <em>b\u1eaft \u0111\u1ea7u t\u1eeb \u0111\u00e2y<\/em>\r\n        <\/h1>\r\n        <p class=\"hero__sub\">Villa sang tr\u1ecdng &nbsp;\u00b7&nbsp; G\u1ea7n bi\u1ec3n &nbsp;\u00b7&nbsp; \u0110\u1ee7 ti\u1ec7n nghi<\/p>\r\n        <div class=\"hero__actions\">\r\n          <a href=\"#villas\" class=\"btn btn--primary\">Xem c\u00e1c Villa<\/a>\r\n          <a href=\"https:\/\/zalo.me\/0969696891\" class=\"btn btn--outline-white\" target=\"_blank\" rel=\"noopener\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n            Li\u00ean h\u1ec7 Zalo\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero__scroll\" aria-hidden=\"true\">\r\n        <span>Cu\u1ed9n xu\u1ed1ng<\/span>\r\n        <div class=\"hero__scroll-line\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Brand Statement \u2500\u2500 -->\r\n    <section class=\"brand\" id=\"about\">\r\n      <div class=\"container\">\r\n        <div class=\"brand__inner\">\r\n          <div class=\"brand__text\" data-reveal>\r\n            <span class=\"label\">V\u1ec1 ch\u00fang t\u00f4i<\/span>\r\n            <h2 class=\"brand__heading\">\r\n              Tr\u1ea3i nghi\u1ec7m ngh\u1ec9 d\u01b0\u1ee1ng<br>cao c\u1ea5p gi\u1eefa l\u00f2ng thi\u00ean nhi\u00ean\r\n            <\/h2>\r\n            <p class=\"brand__body\">\r\n              Newlife Villa mang \u0111\u1ebfn nh\u1eefng c\u0103n villa sang tr\u1ecdng t\u1ea1i khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo H\u1ea3i Ti\u1ebfn \u2014 n\u01a1i bi\u1ec3n xanh, c\u00e1t tr\u1eafng v\u00e0 thi\u00ean nhi\u00ean t\u01b0\u01a1i m\u00e1t h\u00f2a quy\u1ec7n c\u00f9ng kh\u00f4ng gian s\u1ed1ng hi\u1ec7n \u0111\u1ea1i, \u0111\u1ea7y \u0111\u1ee7 ti\u1ec7n nghi. Ph\u00f9 h\u1ee3p cho gia \u0111\u00ecnh, nh\u00f3m b\u1ea1n hay c\u1eb7p \u0111\u00f4i mu\u1ed1n c\u00f3 m\u1ed9t k\u1ef3 ngh\u1ec9 ri\u00eang t\u01b0 v\u00e0 \u0111\u00e1ng nh\u1edb.\r\n            <\/p>\r\n            <a href=\"#villas\" class=\"btn btn--outline\">Kh\u00e1m ph\u00e1 c\u00e1c Villa<\/a>\r\n            <div class=\"brand__stats\">\r\n              <div class=\"stat\">\r\n                <span class=\"stat__number\">3<\/span>\r\n                <span class=\"stat__label\">C\u0103n Villa<\/span>\r\n              <\/div>\r\n              <div class=\"stat\">\r\n                <span class=\"stat__number\">5+<\/span>\r\n                <span class=\"stat__label\">N\u0103m ho\u1ea1t \u0111\u1ed9ng<\/span>\r\n              <\/div>\r\n              <div class=\"stat\">\r\n                <span class=\"stat__number\">500+<\/span>\r\n                <span class=\"stat__label\">Kh\u00e1ch h\u00e0i l\u00f2ng<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"brand__image\" data-reveal data-reveal-delay=\"2\">\r\n            <img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_night.jpg\"\r\n                 alt=\"Newlife Villa C5.19 \u2014 Kh\u00f4ng gian ban \u0111\u00eam\" loading=\"lazy\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Villa Cards \u2500\u2500 -->\r\n    <section class=\"villas\" id=\"villas\">\r\n      <div class=\"container\">\r\n        <div class=\"section-header\" data-reveal>\r\n          <div>\r\n            <span class=\"label\">Danh s\u00e1ch Villa<\/span>\r\n            <h2 class=\"section-heading\">Ch\u1ecdn kh\u00f4ng gian<br>c\u1ee7a b\u1ea1n<\/h2>\r\n          <\/div>\r\n          <a href=\"#booking\" class=\"btn btn--outline\" style=\"display:none\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n            \u0110\u1eb7t ph\u00f2ng\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"villas__grid\">\r\n\r\n          <!-- Villa B1.05 -->\r\n          <article class=\"villa-card\" data-reveal>\r\n            <div class=\"villa-card__image\">\r\n              <img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room1.jpg\"\r\n                   alt=\"Villa B1.05 \u2014 Ph\u00f2ng ng\u1ee7\" loading=\"lazy\">\r\n              <div class=\"villa-card__tags\">\r\n                <span class=\"villa-card__tag\">Hot<\/span>\r\n                <span class=\"villa-card__tag villa-card__tag--dark\">View bi\u1ec3n<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"villa-card__body\">\r\n              <h3 class=\"villa-card__name\">Villa B1.05<\/h3>\r\n              <p class=\"villa-card__location\">Khu Flamingo H\u1ea3i Ti\u1ebfn, Thanh H\u00f3a<\/p>\r\n              <div class=\"villa-card__specs\">\r\n                <span class=\"villa-card__spec\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                  6 ph\u00f2ng ng\u1ee7\r\n                <\/span>\r\n                <span class=\"villa-card__spec\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                  T\u1ed1i \u0111a 20 kh\u00e1ch\r\n                <\/span>\r\n              <\/div>\r\n              <div class=\"villa-card__footer\">\r\n                <div>\r\n                  <span class=\"villa-card__price\">t\u1eeb 399k<\/span>\r\n                  <span class=\"villa-card__price-unit\">\/ph\u00f2ng\/\u0111\u00eam<\/span>\r\n                <\/div>\r\n                <div style=\"display:flex;gap:6px;align-items:center\">\r\n                  <button class=\"btn btn--outline btn--sm\" onclick=\"openVillaModal('b105')\">Xem \u1ea3nh<\/button>\r\n                  <a href=\"#booking\" class=\"btn btn--primary btn--sm\">\u0110\u1eb7t ngay<\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Villa C5.19 -->\r\n          <article class=\"villa-card\" data-reveal data-reveal-delay=\"2\">\r\n            <div class=\"villa-card__image\">\r\n              <img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_room1.jpg\"\r\n                   alt=\"Villa C5.19 \u2014 Ph\u00f2ng ng\u1ee7 view v\u01b0\u1eddn\" loading=\"lazy\">\r\n              <div class=\"villa-card__tags\">\r\n                <span class=\"villa-card__tag\">N\u1ed9i th\u1ea5t m\u1edbi<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"villa-card__body\">\r\n              <h3 class=\"villa-card__name\">Villa C5.19<\/h3>\r\n              <p class=\"villa-card__location\">Khu Flamingo H\u1ea3i Ti\u1ebfn, Thanh H\u00f3a<\/p>\r\n              <div class=\"villa-card__specs\">\r\n                <span class=\"villa-card__spec\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                  6 ph\u00f2ng ng\u1ee7\r\n                <\/span>\r\n                <span class=\"villa-card__spec\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                  T\u1ed1i \u0111a 20 kh\u00e1ch\r\n                <\/span>\r\n              <\/div>\r\n              <div class=\"villa-card__footer\">\r\n                <div>\r\n                  <span class=\"villa-card__price\">t\u1eeb 399k<\/span>\r\n                  <span class=\"villa-card__price-unit\">\/ph\u00f2ng\/\u0111\u00eam<\/span>\r\n                <\/div>\r\n                <div style=\"display:flex;gap:6px;align-items:center\">\r\n                  <button class=\"btn btn--outline btn--sm\" onclick=\"openVillaModal('c519')\">Xem \u1ea3nh<\/button>\r\n                  <a href=\"#booking\" class=\"btn btn--primary btn--sm\">\u0110\u1eb7t ngay<\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Ruby C\u00fac Ph\u01b0\u01a1ng -->\r\n          <article class=\"villa-card\" data-reveal data-reveal-delay=\"3\">\r\n            <div class=\"villa-card__image\">\r\n              <img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_ruby_pool2.jpg\"\r\n                   alt=\"Newlife Ruby C\u00fac Ph\u01b0\u01a1ng \u2014 H\u1ed3 b\u01a1i kho\u00e1ng\" loading=\"lazy\">\r\n              <div class=\"villa-card__tags\">\r\n                <span class=\"villa-card__tag villa-card__tag--sage\">Kho\u00e1ng n\u00f3ng<\/span>\r\n                <span class=\"villa-card__tag villa-card__tag--dark\">Thi\u00ean nhi\u00ean<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"villa-card__body\">\r\n              <h3 class=\"villa-card__name\">Ruby C\u00fac Ph\u01b0\u01a1ng<\/h3>\r\n              <p class=\"villa-card__location\">Mineral Retreat, C\u00fac Ph\u01b0\u01a1ng<\/p>\r\n              <div class=\"villa-card__specs\">\r\n                <span class=\"villa-card__spec\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n                  4 ph\u00f2ng ng\u1ee7\r\n                <\/span>\r\n                <span class=\"villa-card__spec\">\r\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                  T\u1ed1i \u0111a 10 kh\u00e1ch\r\n                <\/span>\r\n              <\/div>\r\n              <div class=\"villa-card__footer\">\r\n                <div>\r\n                  <span class=\"villa-card__price\">t\u1eeb 399k<\/span>\r\n                  <span class=\"villa-card__price-unit\">\/ph\u00f2ng\/\u0111\u00eam<\/span>\r\n                <\/div>\r\n                <div style=\"display:flex;gap:6px;align-items:center\">\r\n                  <button class=\"btn btn--outline btn--sm\" onclick=\"openVillaModal('ruby')\">Xem \u1ea3nh<\/button>\r\n                  <a href=\"#booking\" class=\"btn btn--primary btn--sm\">\u0110\u1eb7t ngay<\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 USP \u2500\u2500 -->\r\n    <section class=\"usp\">\r\n      <div class=\"container\">\r\n        <div class=\"usp__grid\">\r\n\r\n          <div class=\"usp-item\" data-reveal>\r\n            <div class=\"usp-item__icon\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M24 44s-16-10-16-24a16 16 0 0 1 32 0c0 14-16 24-16 24z\"\/>\r\n                <circle cx=\"24\" cy=\"20\" r=\"4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"usp-item__title\">V\u1ecb tr\u00ed \u0111\u1eafc \u0111\u1ecba<\/h3>\r\n            <p class=\"usp-item__desc\">Ngay trong khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo, c\u00e1ch bi\u1ec3n ch\u1ec9 100m<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"usp-item\" data-reveal data-reveal-delay=\"1\">\r\n            <div class=\"usp-item__icon\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"4\" y=\"4\" width=\"40\" height=\"28\" rx=\"3\"\/>\r\n                <path d=\"M16 40h16M24 32v8\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"usp-item__title\">Ti\u1ec7n nghi cao c\u1ea5p<\/h3>\r\n            <p class=\"usp-item__desc\">Smart TV, b\u1ebfp ri\u00eang, m\u00e1y l\u1ea1nh, WiFi t\u1ed1c \u0111\u1ed9 cao<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"usp-item\" data-reveal data-reveal-delay=\"2\">\r\n            <div class=\"usp-item__icon\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <circle cx=\"24\" cy=\"24\" r=\"18\"\/>\r\n                <path d=\"M24 6c-6.6 0-12 8.1-12 18s5.4 18 12 18M24 6c6.6 0 12 8.1 12 18s-5.4 18-12 18M6 24h36\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"usp-item__title\">H\u1ed3 b\u01a1i &#038; Kho\u00e1ng n\u00f3ng<\/h3>\r\n            <p class=\"usp-item__desc\">H\u1ed3 b\u01a1i khu resort, kho\u00e1ng n\u00f3ng thi\u00ean nhi\u00ean t\u1ea1i C\u00fac Ph\u01b0\u01a1ng<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"usp-item\" data-reveal data-reveal-delay=\"3\">\r\n            <div class=\"usp-item__icon\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M8 16h32M8 32h32M16 4v40M32 4v40\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"usp-item__title\">S\u00e2n BBQ ri\u00eang<\/h3>\r\n            <p class=\"usp-item__desc\">S\u00e2n v\u01b0\u1eddn + b\u1ebfp BBQ, kh\u00f4ng gian ri\u00eang t\u01b0 cho c\u1ea3 nh\u00f3m<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"usp-item\" data-reveal data-reveal-delay=\"4\">\r\n            <div class=\"usp-item__icon\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M24 4l4 8 9 1.3-6.5 6.3 1.5 9L24 24l-8 4.6 1.5-9L11 13.3 20 12z\"\/>\r\n                <path d=\"M24 4v40\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"usp-item__title\">Karaoke &#038; Gi\u1ea3i tr\u00ed<\/h3>\r\n            <p class=\"usp-item__desc\">H\u1ec7 th\u1ed1ng karaoke chuy\u00ean nghi\u1ec7p, b\u00e0n bi-a, \u0111\u1ea7y \u0111\u1ee7 cho m\u1ecdi l\u1ee9a tu\u1ed5i<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"usp-item\" data-reveal data-reveal-delay=\"5\">\r\n            <div class=\"usp-item__icon\">\r\n              <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"4\" y=\"10\" width=\"40\" height=\"28\" rx=\"3\"\/>\r\n                <path d=\"M4 18h40M14 10v8M34 10v8\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"usp-item__title\">\u0110\u1eb7t ph\u00f2ng d\u1ec5 d\u00e0ng<\/h3>\r\n            <p class=\"usp-item__desc\">X\u00e1c nh\u1eadn nhanh trong 2 gi\u1edd, linh ho\u1ea1t gi\u1edd nh\u1eadn\/tr\u1ea3 ph\u00f2ng<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Gallery \u2500\u2500 -->\r\n    <section class=\"gallery\" id=\"gallery\">\r\n      <div class=\"container\">\r\n        <div class=\"section-header\" data-reveal>\r\n          <div>\r\n            <span class=\"label\" style=\"color:rgba(255,255,255,0.45)\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/span>\r\n            <h2 class=\"section-heading\" style=\"color:var(--color-cream)\">Kh\u00e1m ph\u00e1 kh\u00f4ng<br>gian s\u1ed1ng<\/h2>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-tabs-nav\" role=\"tablist\">\r\n          <button class=\"gallery-tab-btn is-active\" data-gallery=\"b105\" role=\"tab\" aria-selected=\"true\">Villa B1.05<\/button>\r\n          <button class=\"gallery-tab-btn\" data-gallery=\"c519\" role=\"tab\" aria-selected=\"false\">Villa C5.19<\/button>\r\n          <button class=\"gallery-tab-btn\" data-gallery=\"ruby\" role=\"tab\" aria-selected=\"false\">Ruby C\u00fac Ph\u01b0\u01a1ng<\/button>\r\n        <\/div>\r\n\r\n        <!-- B1.05 -->\r\n        <div class=\"gallery-panel is-active\" id=\"gallery-b105\">\r\n          <div class=\"gallery__grid\">\r\n            <div class=\"gallery__item gallery__item--wide\" data-villa=\"b105\" data-idx=\"0\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"Villa B1.05 \u2014 M\u1eb7t ti\u1ec1n\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"1\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_exterior.jpg\" alt=\"Villa B1.05 \u2014 Ngo\u1ea1i c\u1ea3nh\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"2\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7043.jpg\" alt=\"Villa B1.05 \u2014 N\u1ed9i th\u1ea5t\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"3\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room1.jpg\" alt=\"Villa B1.05 \u2014 Ph\u00f2ng ng\u1ee7 1\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"4\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room2.jpg\" alt=\"Villa B1.05 \u2014 Ph\u00f2ng ng\u1ee7 2\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"5\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_bedroom3.jpg\" alt=\"Villa B1.05 \u2014 Ph\u00f2ng ng\u1ee7 3\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"6\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7046.jpg\" alt=\"Villa B1.05 \u2014 Chi ti\u1ebft\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"7\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7050.jpg\" alt=\"Villa B1.05 \u2014 Kh\u00f4ng gian\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"8\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7094.jpg\" alt=\"Villa B1.05 \u2014 Ti\u1ec7n nghi\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item gallery__item--wide\" data-villa=\"b105\" data-idx=\"9\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_night.jpg\" alt=\"Villa B1.05 \u2014 Ban \u0111\u00eam\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"10\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7122.jpg\" alt=\"Villa B1.05 \u2014 View\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"b105\" data-idx=\"11\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7622.jpg\" alt=\"Villa B1.05 \u2014 View bi\u1ec3n\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- C5.19 -->\r\n        <div class=\"gallery-panel\" id=\"gallery-c519\">\r\n          <div class=\"gallery__grid\">\r\n            <div class=\"gallery__item gallery__item--wide\" data-villa=\"c519\" data-idx=\"0\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_night.jpg\" alt=\"Villa C5.19 \u2014 M\u1eb7t ti\u1ec1n ban \u0111\u00eam\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"1\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_room1.jpg\" alt=\"Villa C5.19 \u2014 Ph\u00f2ng ng\u1ee7 1\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"2\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_living.jpg\" alt=\"Villa C5.19 \u2014 Ph\u00f2ng kh\u00e1ch\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"3\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7148.jpg\" alt=\"Villa C5.19 \u2014 N\u1ed9i th\u1ea5t\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"4\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7151.jpg\" alt=\"Villa C5.19 \u2014 Chi ti\u1ebft\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"5\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_bath.jpg\" alt=\"Villa C5.19 \u2014 Ph\u00f2ng t\u1eafm\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"6\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7162.jpg\" alt=\"Villa C5.19 \u2014 Kh\u00f4ng gian\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"7\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7179.jpg\" alt=\"Villa C5.19 \u2014 Ph\u00f2ng \u0103n\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"8\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7228.jpg\" alt=\"Villa C5.19 \u2014 Ti\u1ec7n nghi\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item gallery__item--wide\" data-villa=\"c519\" data-idx=\"9\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7248.jpg\" alt=\"Villa C5.19 \u2014 View r\u1ed9ng\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"10\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7260.jpg\" alt=\"Villa C5.19 \u2014 G\u00f3c nh\u00ecn\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n            <div class=\"gallery__item\" data-villa=\"c519\" data-idx=\"11\"><img decoding=\"async\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7263.jpg\" alt=\"Villa C5.19 \u2014 Ngo\u00e0i tr\u1eddi\" loading=\"lazy\"><div class=\"gallery__item__overlay\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Ruby C\u00fac Ph\u01b0\u01a1ng -->\r\n        <div class=\"gallery-panel\" id=\"gallery-ruby\">\r\n          <div class=\"gallery__grid\" id=\"rubyGalleryGrid\"><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Services \u2500\u2500 -->\r\n    <section class=\"services\" id=\"services\">\r\n      <div class=\"container\">\r\n        <div data-reveal>\r\n          <span class=\"label\">Ti\u1ec7n \u00edch &#038; D\u1ecbch v\u1ee5<\/span>\r\n          <h2 class=\"section-heading\">M\u1ecdi th\u1ee9 \u0111\u00e3 c\u00f3 s\u1eb5n<br>cho k\u1ef3 ngh\u1ec9 c\u1ee7a b\u1ea1n<\/h2>\r\n        <\/div>\r\n        <div class=\"services__grid\">\r\n          <div class=\"service-item\" data-reveal>\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 26c0-4 3-7 7-7h14c4 0 7 3 7 7\"\/><path d=\"M4 30h32\"\/><path d=\"M20 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\"\/><path d=\"M12 22c0-4.4 3.6-8 8-8s8 3.6 8 8\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">H\u1ed3 b\u01a1i khu Resort<\/h3>\r\n            <p class=\"service-item__desc\">T\u1ef1 do s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng h\u1ed3 b\u01a1i ngo\u00e0i tr\u1eddi c\u1ee7a khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo H\u1ea3i Ti\u1ebfn.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal data-reveal-delay=\"1\">\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 32h24M20 8c-4 0-8 4-6 10l6 14 6-14c2-6-2-10-6-10z\"\/><path d=\"M14 18h12M20 8v4\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">S\u00e2n BBQ ri\u00eang<\/h3>\r\n            <p class=\"service-item__desc\">S\u00e2n v\u01b0\u1eddn + b\u1ebfp than BBQ ri\u00eang bi\u1ec7t, \u0111\u1ea7y \u0111\u1ee7 d\u1ee5ng c\u1ee5, kh\u00f4ng gian \u1ea5m c\u00fang cho c\u1ea3 nh\u00f3m.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal data-reveal-delay=\"2\">\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"8\" y=\"16\" width=\"24\" height=\"16\" rx=\"2\"\/><path d=\"M14 16v-4a6 6 0 0 1 12 0v4\"\/><path d=\"M8 24h24\"\/><circle cx=\"20\" cy=\"28\" r=\"2\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">B\u1ebfp \u0111\u1ea7y \u0111\u1ee7 ti\u1ec7n nghi<\/h3>\r\n            <p class=\"service-item__desc\">B\u1ebfp t\u1eeb, l\u00f2 vi s\u00f3ng, t\u1ee7 l\u1ea1nh, n\u1ed3i c\u01a1m \u0111i\u1ec7n \u2014 tho\u1ea3i m\u00e1i t\u1ef1 n\u1ea5u \u0103n cho c\u1ea3 gia \u0111\u00ecnh.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal data-reveal-delay=\"3\">\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"20\" cy=\"12\" r=\"4\"\/><path d=\"M20 16v10\"\/><path d=\"M14 34l-3-8h18l-3 8M11 26h18\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">Karaoke &#038; Gi\u1ea3i tr\u00ed<\/h3>\r\n            <p class=\"service-item__desc\">H\u1ec7 th\u1ed1ng \u00e2m thanh karaoke, Smart TV 75&#8243;, kh\u00f4ng gian gi\u1ea3i tr\u00ed \u0111\u1ec9nh cao cho c\u1ea3 nh\u00f3m.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal>\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"14\" width=\"32\" height=\"18\" rx=\"3\"\/><path d=\"M10 14v-4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4\"\/><circle cx=\"12\" cy=\"23\" r=\"2\"\/><circle cx=\"28\" cy=\"23\" r=\"2\"\/><path d=\"M14 23h12\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">\u0110\u01b0a \u0111\u00f3n t\u1eadn n\u01a1i<\/h3>\r\n            <p class=\"service-item__desc\">H\u1ed7 tr\u1ee3 \u0111\u1eb7t xe \u0111\u01b0a \u0111\u00f3n t\u1eeb H\u00e0 N\u1ed9i, Thanh H\u00f3a, ho\u1eb7c ga t\u00e0u B\u1ec9m S\u01a1n theo y\u00eau c\u1ea7u.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal data-reveal-delay=\"1\">\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 28c4-6 8-10 16-10s12 4 16 10\"\/><path d=\"M4 22c4-8 8-14 16-14s12 6 16 14\"\/><path d=\"M4 34h32\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">G\u1ea7n bi\u1ec3n 100m<\/h3>\r\n            <p class=\"service-item__desc\">B\u00e3i bi\u1ec3n H\u1ea3i Ti\u1ebfn xanh m\u00e1t, s\u1ea1ch \u0111\u1eb9p \u2014 ch\u1ec9 c\u00e1ch villa v\u00e0i b\u01b0\u1edbc ch\u00e2n.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal data-reveal-delay=\"2\">\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"20\" cy=\"20\" r=\"14\"\/><path d=\"M20 8v2M20 30v2M8 20h2M30 20h2\"\/><path d=\"M12 12l1.4 1.4M26.6 26.6l1.4 1.4M12 28l1.4-1.4M26.6 13.4l1.4-1.4\"\/><circle cx=\"20\" cy=\"20\" r=\"5\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">\u0110i\u1ec1u h\u00f2a m\u1ecdi ph\u00f2ng<\/h3>\r\n            <p class=\"service-item__desc\">\u0110i\u1ec1u h\u00f2a inverter, n\u01b0\u1edbc n\u00f3ng 24\/7, ph\u00f2ng ng\u1ee7 r\u1ed9ng tho\u00e1ng v\u1edbi ch\u0103n ga g\u1ed1i \u0111\u1ec7m cao c\u1ea5p.<\/p>\r\n          <\/div>\r\n          <div class=\"service-item\" data-reveal data-reveal-delay=\"3\">\r\n            <span class=\"service-item__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 40 40\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 4l14 6v10c0 8-6 14-14 16C12 34 6 28 6 20V10z\"\/><path d=\"M14 20l4 4 8-8\"\/><\/svg><\/span>\r\n            <h3 class=\"service-item__title\">An ninh 24\/7<\/h3>\r\n            <p class=\"service-item__desc\">Camera an ninh, b\u1ea3o v\u1ec7 khu resort 24\/7 \u2014 an t\u00e2m tuy\u1ec7t \u0111\u1ed1i cho c\u1ea3 gia \u0111\u00ecnh.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Reviews \u2500\u2500 -->\r\n    <section class=\"reviews\" id=\"reviews\">\r\n      <div class=\"container\">\r\n        <div class=\"section-header\" data-reveal>\r\n          <div>\r\n            <span class=\"label\">\u0110\u00e1nh gi\u00e1 t\u1eeb kh\u00e1ch<\/span>\r\n            <h2 class=\"section-heading\">Kh\u00e1ch h\u00e0ng<br>n\u00f3i g\u00ec v\u1ec1 ch\u00fang t\u00f4i<\/h2>\r\n          <\/div>\r\n          <div style=\"display:flex; align-items:center; gap:8px; flex-shrink:0;\">\r\n            <span style=\"font-family:var(--font-serif); font-size:var(--text-4xl); color:var(--color-flamingo);\">4.9<\/span>\r\n            <div>\r\n              <div style=\"color:var(--color-flamingo); font-size:var(--text-base); letter-spacing:2px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n              <div style=\"font-size:var(--text-xs); color:var(--color-gray-mid);\">Google Reviews<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reviews__grid\">\r\n\r\n          <div class=\"review-card\" data-reveal>\r\n            <div class=\"review-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"review-card__text\">&#8220;Villa r\u1ed9ng r\u00e3i, s\u1ea1ch s\u1ebd, \u0111\u1ea7y \u0111\u1ee7 ti\u1ec7n nghi. C\u1ea3 gia \u0111\u00ecnh 15 ng\u01b0\u1eddi \u1edf tho\u1ea3i m\u00e1i. Ch\u1ee7 nh\u00e0 nhi\u1ec7t t\u00ecnh, h\u1ed7 tr\u1ee3 24\/7. Nh\u1ea5t \u0111\u1ecbnh s\u1ebd quay l\u1ea1i!&#8221;<\/p>\r\n            <div class=\"review-card__author\">\r\n              <div class=\"review-card__avatar\">L<\/div>\r\n              <div>\r\n                <div class=\"review-card__name\">Nguy\u1ec5n Th\u1ecb Lan<\/div>\r\n                <div class=\"review-card__meta\">H\u00e0 N\u1ed9i \u00b7 Th\u00e1ng 8\/2024<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"review-card\" data-reveal data-reveal-delay=\"2\">\r\n            <div class=\"review-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"review-card__text\">&#8220;View bi\u1ec3n t\u1eeb ph\u00f2ng ng\u1ee7 tuy\u1ec7t \u0111\u1eb9p! Nh\u00f3m 18 ng\u01b0\u1eddi ch\u00fang t\u00f4i ai c\u0169ng h\u00e0i l\u00f2ng. BBQ bu\u1ed5i t\u1ed1i, b\u01a1i s\u00e1ng s\u1edbm \u2014 perfect trip!&#8221;<\/p>\r\n            <div class=\"review-card__author\">\r\n              <div class=\"review-card__avatar\">M<\/div>\r\n              <div>\r\n                <div class=\"review-card__name\">Tr\u1ea7n V\u0103n Minh<\/div>\r\n                <div class=\"review-card__meta\">TP. H\u1ed3 Ch\u00ed Minh \u00b7 Th\u00e1ng 7\/2024<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"review-card\" data-reveal data-reveal-delay=\"3\">\r\n            <div class=\"review-card__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <p class=\"review-card__text\">&#8220;\u0110\u1eb7t ph\u00f2ng nhanh ch\u00f3ng, anh T\u00e2n h\u1ed7 tr\u1ee3 r\u1ea5t nhi\u1ec7t t\u00ecnh. Villa nh\u01b0 tr\u00ean \u1ea3nh, th\u1eadm ch\u00ed c\u00f2n \u0111\u1eb9p h\u01a1n ngo\u00e0i th\u1ef1c t\u1ebf. Highly recommended!&#8221;<\/p>\r\n            <div class=\"review-card__author\">\r\n              <div class=\"review-card__avatar\">H<\/div>\r\n              <div>\r\n                <div class=\"review-card__name\">Ph\u1ea1m Thu H\u01b0\u01a1ng<\/div>\r\n                <div class=\"review-card__meta\">Thanh H\u00f3a \u00b7 Th\u00e1ng 6\/2024<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Blog \u2500\u2500 -->\r\n    <section class=\"posts-section\" id=\"blog\">\r\n      <div class=\"container\">\r\n        <div class=\"section-header\" data-reveal>\r\n          <div>\r\n            <span class=\"label\">Chia s\u1ebb &#038; Kinh nghi\u1ec7m<\/span>\r\n            <h2 class=\"section-heading\">Blog Newlife Villa<\/h2>\r\n            <p style=\"color:var(--color-gray-dark);max-width:560px;margin-top:.75rem;\">Tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf, m\u1eb9o du l\u1ecbch v\u00e0 c\u00e2u chuy\u1ec7n t\u1eeb Flamingo H\u1ea3i Ti\u1ebfn &#038; C\u00fac Ph\u01b0\u01a1ng.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"posts-grid\">\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=350\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"Bi\u1ec3n H\u1ea3i Ti\u1ebfn nh\u00ecn t\u1eeb Flamingo\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Review Th\u1ef1c T\u1ebf \u00b7 M\u1edbi nh\u1ea5t<\/span>\r\n              <h3 class=\"post-card__title\">Review Bi\u1ec3n H\u1ea3i Ti\u1ebfn 2026: 3 Ng\u00e0y 2 \u0110\u00eam V\u00e0 Nh\u1eefng \u0110i\u1ec1u M\u00ecnh Kh\u00f4ng Ng\u1edd T\u1edbi<\/h3>\r\n              <p class=\"post-card__excerpt\">Kh\u00f4ng PR, kh\u00f4ng \u0111\u01b0\u1ee3c m\u1eddi \u2014 ch\u1ec9 l\u00e0 tr\u1ea3i nghi\u1ec7m th\u1ef1c t\u1ebf c\u1ee7a gia \u0111\u00ecnh 4 ng\u01b0\u1eddi. B\u00e3i bi\u1ec3n s\u1ea1ch h\u01a1n k\u1ef3 v\u1ecdng, h\u1ea3i s\u1ea3n t\u01b0\u01a1i r\u1ebb.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>7 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=351\" class=\"post-card\" data-reveal data-reveal-delay=\"2\">\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room1.jpg\" alt=\"Villa B1.05 ph\u00f2ng ng\u1ee7\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">H\u01b0\u1edbng D\u1eabn<\/span>\r\n              <h3 class=\"post-card__title\">Villa B1.05 hay C5.19? So S\u00e1nh Chi Ti\u1ebft \u0110\u1ec3 Ch\u1ecdn \u0110\u00fang C\u0103n<\/h3>\r\n              <p class=\"post-card__excerpt\">C\u00f9ng s\u1ee9c ch\u1ee9a 20 ng\u01b0\u1eddi nh\u01b0ng kh\u00e1c nhau \u1edf \u0111i\u1ec3m quan tr\u1ecdng. Ph\u00e2n t\u00edch chi ti\u1ebft \u0111\u1ec3 ch\u1ecdn \u0111\u00fang villa.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=352\" class=\"post-card\" data-reveal data-reveal-delay=\"3\">\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_ruby_pool1.jpg\" alt=\"H\u1ed3 b\u01a1i kho\u00e1ng n\u00f3ng Ruby C\u00fac Ph\u01b0\u01a1ng\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Review Villa<\/span>\r\n              <h3 class=\"post-card__title\">Ruby C\u00fac Ph\u01b0\u01a1ng \u2014 Kho\u00e1ng N\u00f3ng Thi\u00ean Nhi\u00ean Gi\u1eefa L\u00f2ng R\u1eebng Nguy\u00ean Sinh<\/h3>\r\n              <p class=\"post-card__excerpt\">Kh\u00f4ng ph\u1ea3i bi\u1ec3n, kh\u00f4ng ph\u1ea3i n\u1eafng \u2014 ch\u1ec9 c\u00f3 r\u1eebng C\u00fac Ph\u01b0\u01a1ng v\u00e0 h\u1ed3 b\u01a1i kho\u00e1ng n\u00f3ng thi\u00ean nhi\u00ean.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=353\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"B\u00ecnh minh Flamingo H\u1ea3i Ti\u1ebfn\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Tr\u1ea3i Nghi\u1ec7m<\/span>\r\n              <h3 class=\"post-card__title\">5 \u0110i\u1ec1u Nh\u1ea5t \u0110\u1ecbnh Ph\u1ea3i L\u00e0m T\u1ea1i Flamingo H\u1ea3i Ti\u1ebfn<\/h3>\r\n              <p class=\"post-card__excerpt\">Ra bi\u1ec3n 6h s\u00e1ng, mua h\u1ea3i s\u1ea3n ch\u1ee3 c\u1ea3ng, BBQ \u0111\u00eam h\u00e8, \u0111\u1ea1p xe ho\u00e0ng h\u00f4n v\u00e0 check-in c\u1ea7u c\u1ea3ng tr\u1eafng.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>5 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=354\" class=\"post-card\" data-reveal data-reveal-delay=\"2\">\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7037-scaled.jpg\" alt=\"Flamingo H\u1ea3i Ti\u1ebfn c\u00e1ch H\u00e0 N\u1ed9i 160km\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">H\u01b0\u1edbng D\u1eabn<\/span>\r\n              <h3 class=\"post-card__title\">H\u01b0\u1edbng D\u1eabn Di Chuy\u1ec3n H\u00e0 N\u1ed9i \u2192 H\u1ea3i Ti\u1ebfn 2026 \u2014 4 C\u00e1ch Th\u1ef1c T\u1ebf<\/h3>\r\n              <p class=\"post-card__excerpt\">T\u1ef1 l\u00e1i, xe kh\u00e1ch, thu\u00ea xe gh\u00e9p hay t\u00e0u h\u1ecfa \u2014 so s\u00e1nh chi ph\u00ed v\u00e0 th\u1eddi gian th\u1ef1c t\u1ebf c\u1ee7a 4 ph\u01b0\u01a1ng ti\u1ec7n.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=355\" class=\"post-card\" data-reveal data-reveal-delay=\"3\">\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7622.jpg\" alt=\"S\u00e2n v\u01b0\u1eddn villa team building\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Team Building<\/span>\r\n              <h3 class=\"post-card__title\">Team Building T\u1ea1i Villa Flamingo \u2014 G\u1ee3i \u00dd Cho Nh\u00f3m 10\u201320 Ng\u01b0\u1eddi<\/h3>\r\n              <p class=\"post-card__excerpt\">Villa ri\u00eang thay v\u00ec resort \u2014 BBQ, h\u1ed3 b\u01a1i, s\u00e2n l\u1edbn, kh\u00f4ng chia s\u1ebb v\u1edbi ng\u01b0\u1eddi l\u1ea1.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=356\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room1.jpg\" alt=\"Ph\u00f2ng ng\u1ee7 villa Newlife\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Kinh Nghi\u1ec7m<\/span>\r\n              <h3 class=\"post-card__title\">8 \u0110i\u1ec1u C\u1ea7n Bi\u1ebft Khi \u0110\u1eb7t Villa Flamingo L\u1ea7n \u0110\u1ea7u<\/h3>\r\n              <p class=\"post-card__excerpt\">Gi\u00e1 bao nhi\u00eau? \u0110\u1eb7t tr\u01b0\u1edbc bao l\u00e2u? C\u1ecdc th\u1ebf n\u00e0o? H\u1ee7y ph\u00f2ng m\u1ea5t g\u00ec? \u2014 8 c\u00e2u h\u1ecfi th\u1ef1c t\u1ebf \u0111\u01b0\u1ee3c tr\u1ea3 l\u1eddi r\u00f5 r\u00e0ng.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>11 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>5 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=363\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"Flamingo H\u1ea3i Ti\u1ebfn to\u00e0n c\u1ea3nh khu ngh\u1ec9 d\u01b0\u1ee1ng\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Kh\u00e1m Ph\u00e1<\/span>\r\n              <h3 class=\"post-card__title\">Flamingo H\u1ea3i Ti\u1ebfn C\u00f3 G\u00ec? To\u00e0n C\u1ea3nh Khu Resort 2026<\/h3>\r\n              <p class=\"post-card__excerpt\">B\u00e3i bi\u1ec3n ri\u00eang 1,5km, villa h\u1ed3 b\u01a1i ri\u00eang, nh\u00e0 h\u00e0ng v\u00e0 l\u00fd do \u0111\u00e2y l\u00e0 \u0111i\u1ec3m ngh\u1ec9 h\u00e8 h\u00e0ng \u0111\u1ea7u mi\u1ec1n B\u1eafc.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>13 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>7 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=364\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room1.jpg\" alt=\"Gi\u00e1 thu\u00ea villa Flamingo H\u1ea3i Ti\u1ebfn 2026\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Kinh Nghi\u1ec7m<\/span>\r\n              <h3 class=\"post-card__title\">Gi\u00e1 Thu\u00ea Villa Flamingo H\u1ea3i Ti\u1ebfn 2026 \u2014 Bao Nhi\u00eau L\u00e0 H\u1ee3p L\u00fd?<\/h3>\r\n              <p class=\"post-card__excerpt\">B\u1ea3ng gi\u00e1 t\u1eeb 399k\/ph\u00f2ng\/\u0111\u00eam, t\u00ednh chi ph\u00ed theo \u0111\u1ea7u ng\u01b0\u1eddi v\u00e0 tips \u0111\u1eb7t ti\u1ebft ki\u1ec7m nh\u1ea5t.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>13 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>5 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=365\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/120A7622.jpg\" alt=\"Du l\u1ecbch H\u1ea3i Ti\u1ebfn d\u1ecbp l\u1ec5\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">H\u01b0\u1edbng D\u1eabn<\/span>\r\n              <h3 class=\"post-card__title\">Du L\u1ecbch H\u1ea3i Ti\u1ebfn D\u1ecbp L\u1ec5 2026 \u2014 \u0110\u1eb7t S\u1edbm Hay \u0110\u1eb7t Mu\u1ed9n?<\/h3>\r\n              <p class=\"post-card__excerpt\">30\/4, 2\/9 \u2014 khi n\u00e0o \u0111\u1eb7t \u0111\u1ec3 ch\u1eafc c\u00f3 ch\u1ed7 t\u1ed1t, gi\u00e1 t\u0103ng bao nhi\u00eau v\u00e0 b\u00ed quy\u1ebft lu\u00f4n c\u00f3 villa d\u1ecbp l\u1ec5.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>13 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=366\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_living.jpg\" alt=\"Villa gia \u0111\u00ecnh Flamingo H\u1ea3i Ti\u1ebfn\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Gia \u0110\u00ecnh<\/span>\r\n              <h3 class=\"post-card__title\">Villa Gia \u0110\u00ecnh Flamingo H\u1ea3i Ti\u1ebfn \u2014 4\u201320 Ng\u01b0\u1eddi \u1ede C\u1ea7n Bi\u1ebft G\u00ec?<\/h3>\r\n              <p class=\"post-card__excerpt\">S\u1ee9c ch\u1ee9a, an to\u00e0n tr\u1ebb em, l\u1ecbch tr\u00ecnh 3 ng\u00e0y v\u00e0 chi ph\u00ed th\u1ef1c t\u1ebf cho gia \u0111\u00ecnh \u0111\u1eb7t villa Flamingo.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>13 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=367\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"C\u00fac Ph\u01b0\u01a1ng Mineral Retreat Ruby Villa\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Review<\/span>\r\n              <h3 class=\"post-card__title\">C\u00fac Ph\u01b0\u01a1ng Mineral Retreat \u2014 Review Th\u1ef1c T\u1ebf Ruby Villa 2026<\/h3>\r\n              <p class=\"post-card__excerpt\">R\u1eebng nguy\u00ean sinh, h\u1ed3 b\u01a1i n\u01b0\u1edbc kho\u00e1ng ri\u00eang v\u00e0 s\u1ef1 y\u00ean t\u0129nh tuy\u1ec7t \u0111\u1ed1i t\u1ea1i Ninh B\u00ecnh.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>13 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>7 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=369\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"L\u1ecbch tr\u00ecnh 2N1\u0110 Flamingo H\u1ea3i Ti\u1ebfn \u2014 villa h\u1ed3 b\u01a1i ri\u00eang, b\u00e3i bi\u1ec3n, BBQ\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">L\u1ecbch Tr\u00ecnh \u00b7 M\u1edbi nh\u1ea5t<\/span>\r\n              <h3 class=\"post-card__title\">L\u1ecbch Tr\u00ecnh 2N1\u0110 Flamingo H\u1ea3i Ti\u1ebfn \u2014 Tr\u1ecdn B\u1ed9 T\u1eeb A\u2192Z<\/h3>\r\n              <p class=\"post-card__excerpt\">Gi\u1edd gi\u1ea5c c\u1ee5 th\u1ec3 t\u1eebng khung gi\u1edd \u2014 xu\u1ea5t ph\u00e1t 6h H\u00e0 N\u1ed9i, check-in, bi\u1ec3n, BBQ t\u1ed1i, s\u00e1ng s\u1edbm t\u1eafm bi\u1ec3n v\u00e0 k\u1ecbp v\u1ec1 tr\u01b0\u1edbc 16h.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>29 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>7 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/newlife-villa.com\/?p=370\" class=\"post-card\" data-reveal>\r\n            <div class=\"post-card__img-wrap\">\r\n              <img decoding=\"async\" class=\"post-card__img\" src=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg\" alt=\"H\u1ed3 b\u01a1i ri\u00eang villa B1.05 Flamingo H\u1ea3i Ti\u1ebfn\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"post-card__body\">\r\n              <span class=\"post-card__category\">Th\u00f4ng Tin Villa \u00b7 M\u1edbi<\/span>\r\n              <h3 class=\"post-card__title\">Villa Flamingo H\u1ea3i Ti\u1ebfn C\u00f3 H\u1ed3 B\u01a1i Ri\u00eang Kh\u00f4ng? C\u00e2u Tr\u1ea3 L\u1eddi Chi Ti\u1ebft<\/h3>\r\n              <p class=\"post-card__excerpt\">Villa B1.05 c\u00f3 h\u1ed3 b\u01a1i ri\u00eang ho\u00e0n to\u00e0n \u2014 kh\u00f4ng chia s\u1ebb, kh\u00f4ng gi\u1edd gi\u1edbi h\u1ea1n. Chi ti\u1ebft tr\u1ea3i nghi\u1ec7m v\u00e0 l\u00fd do \u0111\u00e1ng ch\u1ecdn.<\/p>\r\n              <div class=\"post-card__meta\"><span>Newlife Villa<\/span><span>\u00b7<\/span><span>29 th\u00e1ng 5, 2026<\/span><span>\u00b7<\/span><span>6 ph\u00fat \u0111\u1ecdc<\/span><\/div>\r\n              <span class=\"post-card__read-link\">\u0110\u1ecdc b\u00e0i \u2192<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Booking Form \u2500\u2500 -->\r\n    <section class=\"booking\" id=\"booking\">\r\n      <div class=\"container\">\r\n        <div class=\"booking__inner\">\r\n          <div class=\"booking__info\" data-reveal>\r\n            <span class=\"label\">\u0110\u1eb7t ph\u00f2ng ngay<\/span>\r\n            <h2 class=\"section-heading\" style=\"color:var(--color-white);\">Gi\u1eef villa<br>cho k\u1ef3 ngh\u1ec9 c\u1ee7a b\u1ea1n<\/h2>\r\n            <p class=\"booking__info-text\">\r\n              \u0110i\u1ec1n form ho\u1eb7c li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp qua Zalo\/Phone \u2014 ch\u00fang t\u00f4i x\u00e1c nh\u1eadn trong v\u00f2ng 2 gi\u1edd.\r\n            <\/p>\r\n            <div class=\"booking__contact\">\r\n              <span>Ho\u1eb7c li\u00ean h\u1ec7 ngay:<\/span>\r\n              <a href=\"tel:0969696891\">\ud83d\udcde 0969 696 891 \u2014 Mr. T\u00e2n<\/a>\r\n              <a href=\"https:\/\/zalo.me\/0969696891\" target=\"_blank\" rel=\"noopener\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n                Zalo: 0969 696 891\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"booking__form\" data-reveal data-reveal-delay=\"2\">\r\n            <form id=\"bookingForm\" novalidate action=\"https:\/\/formsubmit.co\/ajax\/huutan.phung@gmail.com\" method=\"POST\">\r\n              <div class=\"form-grid\">\r\n                <div class=\"form-group\">\r\n                  <label for=\"name\">H\u1ecd t\u00ean *<\/label>\r\n                  <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Nguy\u1ec5n V\u0103n A\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"phone\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *<\/label>\r\n                  <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"09xx xxx xxx\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"email\">Email<\/label>\r\n                  <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"email@example.com\">\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"villa\">Ch\u1ecdn Villa *<\/label>\r\n                  <select id=\"villa\" name=\"villa\" required>\r\n                    <option value=\"\">&#8212; Ch\u1ecdn villa &#8212;<\/option>\r\n                    <option value=\"B1.05\">Villa B1.05 \u2014 Flamingo H\u1ea3i Ti\u1ebfn<\/option>\r\n                    <option value=\"C5.19\">Villa C5.19 \u2014 Flamingo H\u1ea3i Ti\u1ebfn<\/option>\r\n                    <option value=\"Ruby\">Ruby C\u00fac Ph\u01b0\u01a1ng \u2014 Mineral Retreat<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"checkin\">Ng\u00e0y nh\u1eadn ph\u00f2ng *<\/label>\r\n                  <input type=\"date\" id=\"checkin\" name=\"checkin\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"checkout\">Ng\u00e0y tr\u1ea3 ph\u00f2ng *<\/label>\r\n                  <input type=\"date\" id=\"checkout\" name=\"checkout\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"guests\">S\u1ed1 kh\u00e1ch *<\/label>\r\n                  <select id=\"guests\" name=\"guests\" required>\r\n                    <option value=\"\">&#8212; S\u1ed1 l\u01b0\u1ee3ng &#8212;<\/option>\r\n                    <option value=\"1-5\">1\u20135 ng\u01b0\u1eddi<\/option>\r\n                    <option value=\"6-10\">6\u201310 ng\u01b0\u1eddi<\/option>\r\n                    <option value=\"11-15\">11\u201315 ng\u01b0\u1eddi<\/option>\r\n                    <option value=\"16-20\">16\u201320 ng\u01b0\u1eddi<\/option>\r\n                    <option value=\"20+\">H\u01a1n 20 ng\u01b0\u1eddi<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"source\">Bi\u1ebft \u0111\u1ebfn qua<\/label>\r\n                  <select id=\"source\" name=\"source\">\r\n                    <option value=\"\">&#8212; Ch\u1ecdn &#8212;<\/option>\r\n                    <option value=\"facebook\">Facebook<\/option>\r\n                    <option value=\"google\">Google<\/option>\r\n                    <option value=\"zalo\">Zalo<\/option>\r\n                    <option value=\"friend\">B\u1ea1n b\u00e8 gi\u1edbi thi\u1ec7u<\/option>\r\n                    <option value=\"other\">Kh\u00e1c<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n                <div class=\"form-group form-group--full\">\r\n                  <label for=\"notes\">Ghi ch\u00fa th\u00eam<\/label>\r\n                  <textarea id=\"notes\" name=\"notes\" placeholder=\"Y\u00eau c\u1ea7u \u0111\u1eb7c bi\u1ec7t, gi\u1edd \u0111\u1ebfn d\u1ef1 ki\u1ebfn, s\u1ed1 ph\u00f2ng ri\u00eang c\u1ea7n...\"><\/textarea>\r\n                <\/div>\r\n                <div class=\"form-submit\">\r\n                  <button type=\"submit\" class=\"btn btn--primary btn--full\">\r\n                    G\u1eedi y\u00eau c\u1ea7u \u0111\u1eb7t ph\u00f2ng\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n                  <\/button>\r\n                  <p class=\"form-disclaimer\">\ud83d\udd12 Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 x\u00e1c nh\u1eadn trong v\u00f2ng 2 gi\u1edd. Th\u00f4ng tin c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c b\u1ea3o m\u1eadt tuy\u1ec7t \u0111\u1ed1i.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/form>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2500\u2500 Location \u2500\u2500 -->\r\n    <section class=\"location\" id=\"contact\">\r\n      <div class=\"container\">\r\n        <div data-reveal>\r\n          <span class=\"label\">V\u1ecb tr\u00ed &#038; H\u01b0\u1edbng d\u1eabn<\/span>\r\n          <h2 class=\"section-heading\">T\u00ecm \u0111\u01b0\u1eddng \u0111\u1ebfn<br>Newlife Villa<\/h2>\r\n        <\/div>\r\n        <div class=\"location__inner\" style=\"margin-top: var(--space-lg);\">\r\n          <div data-reveal>\r\n            <div class=\"map-tabs-nav\" role=\"tablist\">\r\n              <button class=\"map-tab-btn is-active\" data-map=\"b105\" role=\"tab\">Villa B1.05<\/button>\r\n              <button class=\"map-tab-btn\" data-map=\"c519\" role=\"tab\">Villa C5.19<\/button>\r\n              <button class=\"map-tab-btn\" data-map=\"ruby\" role=\"tab\">Ruby C\u00fac Ph\u01b0\u01a1ng<\/button>\r\n            <\/div>\r\n            <div class=\"map-panel is-active\" id=\"map-b105\">\r\n              <div class=\"location__map\">\r\n                <iframe src=\"https:\/\/maps.google.com\/maps?q=19.887832,105.961018&#038;t=&#038;z=17&#038;ie=UTF8&#038;output=embed\" title=\"B\u1ea3n \u0111\u1ed3 Villa B1.05 \u2014 Flamingo H\u1ea3i Ti\u1ebfn\" loading=\"lazy\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"map-panel\" id=\"map-c519\">\r\n              <div class=\"location__map\">\r\n                <iframe src=\"https:\/\/maps.google.com\/maps?q=19.8856617,105.9601118&#038;t=&#038;z=17&#038;ie=UTF8&#038;output=embed\" title=\"B\u1ea3n \u0111\u1ed3 Villa C5.19 \u2014 Flamingo H\u1ea3i Ti\u1ebfn\" loading=\"lazy\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"map-panel\" id=\"map-ruby\">\r\n              <div class=\"location__map\">\r\n                <iframe src=\"https:\/\/maps.google.com\/maps?q=20.2546151,105.7399099&#038;t=&#038;z=17&#038;ie=UTF8&#038;output=embed\" title=\"B\u1ea3n \u0111\u1ed3 Ruby C\u00fac Ph\u01b0\u01a1ng Mineral Retreat\" loading=\"lazy\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/div>\r\n            <\/div>\r\n            <p style=\"margin-top:var(--space-sm); font-size:var(--text-sm); color:var(--color-gray-mid); text-align:center;\" id=\"mapAddress\">\r\n              \ud83d\udccd Khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo H\u1ea3i Ti\u1ebfn, H\u1ea3i Ti\u1ebfn, Ho\u1eb1ng H\u00f3a, Thanh H\u00f3a\r\n            <\/p>\r\n          <\/div>\r\n          <div class=\"location__address\" data-reveal data-reveal-delay=\"2\">\r\n            <div class=\"direction-item\">\r\n              <div class=\"direction-item__icon\">\ud83d\ude97<\/div>\r\n              <div>\r\n                <p class=\"direction-item__title\">T\u1eeb H\u00e0 N\u1ed9i<\/p>\r\n                <p class=\"direction-item__desc\">Kho\u1ea3ng 160km. \u0110i cao t\u1ed1c Ph\u00e1p V\u00e2n \u2013 C\u1ea7u Gi\u1ebd \u2192 Ninh B\u00ecnh \u2192 QL1A v\u1ec1 Thanh H\u00f3a \u2192 QL217B \u0111\u1ebfn H\u1ea3i Ti\u1ebfn. Th\u1eddi gian kho\u1ea3ng 2.5\u20133 gi\u1edd.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"direction-item\">\r\n              <div class=\"direction-item__icon\">\ud83d\ude82<\/div>\r\n              <div>\r\n                <p class=\"direction-item__title\">T\u1eeb ga t\u00e0u Thanh H\u00f3a<\/p>\r\n                <p class=\"direction-item__desc\">Kho\u1ea3ng 25km t\u1eeb ga Thanh H\u00f3a. \u0110\u1eb7t taxi ho\u1eb7c xe \u00f4m c\u00f4ng ngh\u1ec7 v\u1ec1 H\u1ea3i Ti\u1ebfn. Ch\u00fang t\u00f4i c\u00f3 th\u1ec3 h\u1ed7 tr\u1ee3 \u0111\u1eb7t xe \u0111\u00f3n.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"direction-item\">\r\n              <div class=\"direction-item__icon\">\ud83d\udee9\ufe0f<\/div>\r\n              <div>\r\n                <p class=\"direction-item__title\">S\u00e2n bay Th\u1ecd Xu\u00e2n<\/p>\r\n                <p class=\"direction-item__desc\">C\u00e1ch kho\u1ea3ng 50km. C\u00f3 th\u1ec3 \u0111\u1eb7t xe t\u1eeb s\u00e2n bay v\u1ec1 villa. Li\u00ean h\u1ec7 tr\u01b0\u1edbc \u0111\u1ec3 ch\u00fang t\u00f4i h\u1ed7 tr\u1ee3 \u0111\u1eb7t xe gi\u00e1 t\u1ed1t.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"direction-item\">\r\n              <div class=\"direction-item__icon\">\ud83d\udcde<\/div>\r\n              <div>\r\n                <p class=\"direction-item__title\">Li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp<\/p>\r\n                <p class=\"direction-item__desc\">\r\n                  <a href=\"tel:0969696891\" style=\"color:var(--color-flamingo); font-weight:500;\">0969 696 891<\/a> \u2014 Mr. T\u00e2n (Zalo\/G\u1ecdi)<br>\r\n                  H\u1ed7 tr\u1ee3 7:00 \u2013 22:00 m\u1ed7i ng\u00e0y\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <!-- \u2500\u2500 Villa Modal \u2500\u2500 -->\r\n  <div class=\"villa-modal\" id=\"villaModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Chi ti\u1ebft Villa\">\r\n    <div class=\"villa-modal__content\" id=\"villaModalContent\">\r\n      <div class=\"villa-modal__header\">\r\n        <h2 class=\"villa-modal__title\" id=\"villaModalTitle\"><\/h2>\r\n        <button class=\"villa-modal__close\" id=\"villaModalClose\" aria-label=\"\u0110\u00f3ng\">\u2715<\/button>\r\n      <\/div>\r\n      <div class=\"villa-modal__body\">\r\n        <div class=\"villa-modal__grid\" id=\"villaModalGrid\"><\/div>\r\n        <div class=\"villa-modal__cta\">\r\n          <div>\r\n            <span class=\"villa-modal__price\">t\u1eeb 399k<\/span>\r\n            <span class=\"villa-modal__price-unit\">\/ph\u00f2ng\/\u0111\u00eam<\/span>\r\n          <\/div>\r\n          <div class=\"villa-modal__actions\">\r\n            <a href=\"https:\/\/zalo.me\/0969696891\" class=\"btn btn--outline\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n              H\u1ecfi Zalo\r\n            <\/a>\r\n            <a href=\"#booking\" class=\"btn btn--primary\" id=\"villaModalBook\">\u0110\u1eb7t ph\u00f2ng ngay<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <\/main>\r\n\r\n  <!-- \u2500\u2500 Footer \u2500\u2500 -->\r\n  <footer class=\"footer\">\r\n    <div class=\"container\">\r\n      <div class=\"footer__inner\">\r\n        <div>\r\n          <div class=\"footer__logo\">Newlife Villa<\/div>\r\n          <p class=\"footer__tagline\">Villa ngh\u1ec9 d\u01b0\u1ee1ng cao c\u1ea5p t\u1ea1i Flamingo H\u1ea3i Ti\u1ebfn &#038; C\u00fac Ph\u01b0\u01a1ng \u2014 n\u01a1i m\u1ecdi k\u1ef3 ngh\u1ec9 tr\u1edf th\u00e0nh k\u00fd \u1ee9c \u0111\u00e1ng nh\u1edb.<\/p>\r\n          <div class=\"footer__social\">\r\n            <a href=\"#\" aria-label=\"Facebook\" title=\"Facebook\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/zalo.me\/0969696891\" aria-label=\"Zalo\" title=\"Zalo\" target=\"_blank\" rel=\"noopener\">\r\n              <span style=\"font-size:13px; font-weight:700; letter-spacing:-0.5px;\">Z<\/span>\r\n            <\/a>\r\n            <a href=\"tel:0969696891\" aria-label=\"Phone\" title=\"G\u1ecdi \u0111i\u1ec7n\">\r\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"footer__col-heading\">Kh\u00e1m ph\u00e1<\/p>\r\n          <ul class=\"footer__links\">\r\n            <li><a href=\"#villas\">Villa B1.05 \u2014 Flamingo<\/a><\/li>\r\n            <li><a href=\"#villas\">Villa C5.19 \u2014 Flamingo<\/a><\/li>\r\n            <li><a href=\"#villas\">Ruby C\u00fac Ph\u01b0\u01a1ng<\/a><\/li>\r\n            <li><a href=\"#gallery\">Th\u01b0 vi\u1ec7n \u1ea3nh<\/a><\/li>\r\n            <li><a href=\"#services\">D\u1ecbch v\u1ee5 &#038; Ti\u1ec7n \u00edch<\/a><\/li>\r\n            <li><a href=\"#blog\">Blog<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"footer__col-heading\">Li\u00ean h\u1ec7<\/p>\r\n          <ul class=\"footer__contact-list\">\r\n            <li class=\"footer__contact-item\">\r\n              <span>\ud83d\udccd<\/span>\r\n              <span>Khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo H\u1ea3i Ti\u1ebfn, Ho\u1eb1ng H\u00f3a, Thanh H\u00f3a<\/span>\r\n            <\/li>\r\n            <li class=\"footer__contact-item\">\r\n              <span>\ud83d\udcde<\/span>\r\n              <a href=\"tel:0969696891\">0969 696 891 \u2014 Mr. T\u00e2n<\/a>\r\n            <\/li>\r\n            <li class=\"footer__contact-item\">\r\n              <span>\ud83d\udcac<\/span>\r\n              <a href=\"https:\/\/zalo.me\/0969696891\" target=\"_blank\" rel=\"noopener\">Zalo: 0969 696 891<\/a>\r\n            <\/li>\r\n            <li class=\"footer__contact-item\">\r\n              <span>\ud83d\udd50<\/span>\r\n              <span>H\u1ed7 tr\u1ee3 7:00 \u2013 22:00 h\u00e0ng ng\u00e0y<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"footer__bottom\">\r\n        <p class=\"footer__copyright\">\u00a9 2025 Newlife Villa Flamingo H\u1ea3i Ti\u1ebfn. All rights reserved.<\/p>\r\n        <p class=\"footer__copyright\">Thi\u1ebft k\u1ebf b\u1edfi Newlife Villa Team<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- Floating CTAs -->\r\n  <div class=\"fab-group\" aria-label=\"Li\u00ean h\u1ec7 nhanh\">\r\n    <a href=\"https:\/\/zalo.me\/0969696891\" class=\"fab fab--zalo\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat Zalo\">\r\n      <span class=\"fab__tooltip\">Chat Zalo ngay<\/span>\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 40 40\" fill=\"none\" aria-hidden=\"true\">\r\n        <rect width=\"40\" height=\"40\" rx=\"12\" fill=\"#0068FF\"\/>\r\n        <text x=\"50%\" y=\"55%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"sans-serif\" font-size=\"18\" font-weight=\"700\" fill=\"white\">Z<\/text>\r\n      <\/svg>\r\n    <\/a>\r\n    <a href=\"tel:0969696891\" class=\"fab fab--phone\" aria-label=\"G\u1ecdi \u0111i\u1ec7n ngay\">\r\n      <span class=\"fab__tooltip\">G\u1ecdi: 0969 696 891<\/span>\r\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- Lightbox -->\r\n  <div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Xem \u1ea3nh\">\r\n    <button class=\"lightbox__close\" aria-label=\"\u0110\u00f3ng\">\u2715<\/button>\r\n    <button class=\"lightbox__nav lightbox__prev\" aria-label=\"\u1ea2nh tr\u01b0\u1edbc\">\u2039<\/button>\r\n    <img decoding=\"async\" class=\"lightbox__img\" id=\"lightboxImg\" src=\"\" alt=\"Gallery image\">\r\n    <button class=\"lightbox__nav lightbox__next\" aria-label=\"\u1ea2nh sau\">\u203a<\/button>\r\n    <p class=\"lightbox__counter\" id=\"lightboxCounter\"><\/p>\r\n  <\/div>\r\n\r\n  <script defer>\r\ndocument.documentElement.classList.add('js');\r\n\r\n\/\/ \u2500\u2500 Nav scroll \u2500\u2500\r\nconst nav = document.getElementById('nav');\r\nconst hero = document.querySelector('.hero');\r\nconst onScroll = () => {\r\n  const heroBottom = hero ? hero.getBoundingClientRect().bottom : 0;\r\n  nav.classList.toggle('scrolled', heroBottom <= nav.offsetHeight);\r\n};\r\nwindow.addEventListener('scroll', onScroll, { passive: true });\r\nonScroll();\r\n\r\n\/\/ \u2500\u2500 Mobile menu \u2500\u2500\r\nconst hamburger = document.querySelector('.nav__hamburger');\r\nconst mobileMenu = document.getElementById('mobileMenu');\r\nconst mobileClose = document.querySelector('.mobile-menu__close');\r\nconst openMenu = () => { mobileMenu.classList.add('active'); document.body.style.overflow = 'hidden'; };\r\nconst closeMenu = () => { mobileMenu.classList.remove('active'); document.body.style.overflow = ''; };\r\nhamburger.addEventListener('click', openMenu);\r\nmobileClose.addEventListener('click', closeMenu);\r\ndocument.querySelectorAll('.mobile-menu a').forEach(a => a.addEventListener('click', closeMenu));\r\n\r\n\/\/ \u2500\u2500 Scroll reveal \u2500\u2500\r\nconst revealObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) { entry.target.classList.add('revealed'); revealObserver.unobserve(entry.target); }\r\n  });\r\n}, { threshold: 0.08, rootMargin: '80px 0px 0px 0px' });\r\ndocument.querySelectorAll('[data-reveal]').forEach(el => revealObserver.observe(el));\r\nconst revealAll = () => document.querySelectorAll('[data-reveal]:not(.revealed)').forEach(el => { if (el.getBoundingClientRect().top < window.innerHeight + 80) el.classList.add('revealed'); });\r\nrevealAll(); setTimeout(revealAll, 200);\r\n\r\n\/\/ \u2500\u2500 Parallax hero \u2500\u2500\r\nconst heroImg = document.querySelector('.hero__image img');\r\nif (heroImg) window.addEventListener('scroll', () => { if (window.scrollY < window.innerHeight) heroImg.style.transform = `translateY(${window.scrollY * 0.35}px)`; }, { passive: true });\r\n\r\n\/\/ \u2500\u2500 Gallery tabs \u2500\u2500\r\ndocument.querySelectorAll('.gallery-tab-btn').forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    const id = btn.dataset.gallery;\r\n    document.querySelectorAll('.gallery-tab-btn').forEach(b => { b.classList.remove('is-active'); b.setAttribute('aria-selected','false'); });\r\n    document.querySelectorAll('.gallery-panel').forEach(p => p.classList.remove('is-active'));\r\n    btn.classList.add('is-active'); btn.setAttribute('aria-selected','true');\r\n    document.getElementById('gallery-' + id).classList.add('is-active');\r\n  });\r\n});\r\n\r\n\/\/ \u2500\u2500 Map tabs \u2500\u2500\r\nconst mapAddresses = {\r\n  b105: '\ud83d\udccd Villa B1.05 \u2014 Khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo H\u1ea3i Ti\u1ebfn, H\u1ea3i Ti\u1ebfn, Ho\u1eb1ng H\u00f3a, Thanh H\u00f3a',\r\n  c519: '\ud83d\udccd Villa C5.19 \u2014 Khu ngh\u1ec9 d\u01b0\u1ee1ng Flamingo H\u1ea3i Ti\u1ebfn, H\u1ea3i Ti\u1ebfn, Ho\u1eb1ng H\u00f3a, Thanh H\u00f3a',\r\n  ruby: '\ud83d\udccd Ruby Tropical Villa \u2014 C\u00fac Ph\u01b0\u01a1ng Mineral Retreat, Nho Quan, Ninh B\u00ecnh'\r\n};\r\ndocument.querySelectorAll('.map-tab-btn').forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    const id = btn.dataset.map;\r\n    document.querySelectorAll('.map-tab-btn').forEach(b => b.classList.remove('is-active'));\r\n    document.querySelectorAll('.map-panel').forEach(p => p.classList.remove('is-active'));\r\n    btn.classList.add('is-active');\r\n    document.getElementById('map-' + id).classList.add('is-active');\r\n    const addr = document.getElementById('mapAddress');\r\n    if (addr) addr.textContent = mapAddresses[id] || '';\r\n  });\r\n});\r\n\r\n\/\/ \u2500\u2500 Ruby photos (all 51 from folder) \u2500\u2500\r\nconst BASE = 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/';\r\nconst rubyPhotos = [\r\n  { src: BASE+'20250601_121551-scaled.jpg', alt: 'Ruby \u2014 Kh\u00f4ng gian', wide: true },\r\n  { src: BASE+'20250601_121558-scaled.jpg', alt: 'Ruby \u2014 H\u1ed3 b\u01a1i' },\r\n  { src: BASE+'20250601_121707-scaled.jpg', alt: 'Ruby \u2014 Khu v\u1ef1c' },\r\n  { src: BASE+'20250601_165545-scaled.jpg', alt: 'Ruby \u2014 Chi\u1ec1u t\u00e0' },\r\n  { src: BASE+'20250705_180439-scaled.jpg', alt: 'Ruby \u2014 Kho\u00e1ng n\u00f3ng' },\r\n  { src: BASE+'20250712_122325-scaled.jpg', alt: 'Ruby \u2014 Thi\u00ean nhi\u00ean' },\r\n  { src: BASE+'20250712_122334-scaled.jpg', alt: 'Ruby \u2014 View xanh' },\r\n  { src: BASE+'20250712_122550-scaled.jpg', alt: 'Ruby \u2014 C\u1ea3nh quan' },\r\n  { src: BASE+'20250712_122553-scaled.jpg', alt: 'Ruby \u2014 Ngo\u00e0i tr\u1eddi' },\r\n  { src: BASE+'20250712_122557-scaled.jpg', alt: 'Ruby \u2014 Khu resort', wide: true },\r\n  { src: BASE+'20250725_143640-scaled.jpg', alt: 'Ruby \u2014 Kh\u00f4ng gian xanh' },\r\n  { src: BASE+'20250725_143650-scaled.jpg', alt: 'Ruby \u2014 C\u00e2y c\u1ed1i' },\r\n  { src: BASE+'492778749_1266067598852322_8955898406802176834_n.jpg', alt: 'Ruby \u2014 G\u00f3c \u0111\u1eb7c bi\u1ec7t' },\r\n  { src: BASE+'AISelect_20250720_132845_DecAI.jpg', alt: 'Ruby \u2014 Kh\u00f4ng gian ngh\u1ec9 d\u01b0\u1ee1ng' },\r\n  { src: BASE+'AISelect_20250720_133225_DecAI.jpg', alt: 'Ruby \u2014 Khu v\u1ef1c h\u1ed3' },\r\n  { src: BASE+'ChatGPT-Image-16_45_30-6-thg-8-2025.png', alt: 'Ruby \u2014 Render thi\u1ebft k\u1ebf', wide: true },\r\n  { src: BASE+'FB_IMG_1752128384466.jpg', alt: 'Ruby \u2014 H\u1ed3 kho\u00e1ng' },\r\n  { src: BASE+'FB_IMG_1752128416385.jpg', alt: 'Ruby \u2014 B\u1ec3 t\u1eafm' },\r\n  { src: BASE+'FB_IMG_1752838070888.jpg', alt: 'Ruby \u2014 Kho\u1ea3ng xanh' },\r\n  { src: BASE+'FB_IMG_1752838073621.jpg', alt: 'Ruby \u2014 G\u00f3c th\u01b0 gi\u00e3n' },\r\n  { src: BASE+'FB_IMG_1752838075867.jpg', alt: 'Ruby \u2014 L\u1ed1i \u0111i' },\r\n  { src: BASE+'FB_IMG_1752838078848.jpg', alt: 'Ruby \u2014 Kh\u00f4ng gian m\u1edf' },\r\n  { src: BASE+'FB_IMG_1752838105802.jpg', alt: 'Ruby \u2014 Ph\u00f2ng ngh\u1ec9' },\r\n  { src: BASE+'FB_IMG_1752838113260.jpg', alt: 'Ruby \u2014 Ti\u1ec7n nghi' },\r\n  { src: BASE+'FB_IMG_1752838123748.jpg', alt: 'Ruby \u2014 N\u1ed9i th\u1ea5t', wide: true },\r\n  { src: BASE+'FB_IMG_1752838126582.jpg', alt: 'Ruby \u2014 Ph\u00f2ng ng\u1ee7' },\r\n  { src: BASE+'FB_IMG_1752838130761.jpg', alt: 'Ruby \u2014 Gi\u01b0\u1eddng ng\u1ee7' },\r\n  { src: BASE+'FB_IMG_1752838133200.jpg', alt: 'Ruby \u2014 Ph\u00f2ng t\u1eafm' },\r\n  { src: BASE+'FB_IMG_1752838135840.jpg', alt: 'Ruby \u2014 Khu v\u1ec7 sinh' },\r\n  { src: BASE+'FB_IMG_1752838184058.jpg', alt: 'Ruby \u2014 S\u1ea3nh' },\r\n  { src: BASE+'FB_IMG_1752838187466.jpg', alt: 'Ruby \u2014 Khu chung' },\r\n  { src: BASE+'FB_IMG_1752838319447.jpg', alt: 'Ruby \u2014 B\u1eefa \u0103n' },\r\n  { src: BASE+'FB_IMG_1752838323373.jpg', alt: 'Ruby \u2014 Kh\u00f4ng gian \u0103n' },\r\n  { src: BASE+'FB_IMG_1752894863536.jpg', alt: 'Ruby \u2014 Bu\u1ed5i t\u1ed1i', wide: true },\r\n  { src: BASE+'FB_IMG_1752996648238.jpg', alt: 'Ruby \u2014 C\u1ea3nh \u0111\u00eam' },\r\n  { src: BASE+'FB_IMG_1753005034725.jpg', alt: 'Ruby \u2014 Khu ngh\u1ec9' },\r\n  { src: BASE+'FB_IMG_1754893844074.jpg', alt: 'Ruby \u2014 H\u1ed3 b\u01a1i m\u1edbi' },\r\n  { src: BASE+'FB_IMG_1755151485078.jpg', alt: 'Ruby \u2014 View t\u1eeb tr\u00ean' },\r\n  { src: BASE+'FB_IMG_1755279241119.jpg', alt: 'Ruby \u2014 Thi\u00ean nhi\u00ean 2' },\r\n  { src: BASE+'FB_IMG_1755279266540.jpg', alt: 'Ruby \u2014 C\u1ea3nh r\u1eebng' },\r\n  { src: BASE+'IMG_1752838986372_1753005051643.jpg', alt: 'Ruby \u2014 Chi ti\u1ebft 1' },\r\n  { src: BASE+'IMG_1752838986393_1753005052282.jpg', alt: 'Ruby \u2014 Chi ti\u1ebft 2' },\r\n  { src: BASE+'IMG_1752838986418_1753005052866.jpg', alt: 'Ruby \u2014 Chi ti\u1ebft 3', wide: true },\r\n  { src: BASE+'IMG_1752838986442_1753005053289.jpg', alt: 'Ruby \u2014 Chi ti\u1ebft 4' },\r\n  { src: BASE+'IMG_1752838986465_1753005054048.jpg', alt: 'Ruby \u2014 Chi ti\u1ebft 5' },\r\n  { src: BASE+'IMG_1752838986490_1753005054599.jpg', alt: 'Ruby \u2014 Chi ti\u1ebft 6' },\r\n  { src: BASE+'IMG_1754840179614_1754893866096.jpg', alt: 'Ruby \u2014 Ph\u00f2ng suite' },\r\n  { src: BASE+'IMG_1754840179620_1754893866235.jpg', alt: 'Ruby \u2014 C\u1eeda s\u1ed5' },\r\n  { src: BASE+'IMG_1754840179625_1754893866316.jpg', alt: 'Ruby \u2014 G\u00f3c \u0111\u1eb9p' },\r\n  { src: BASE+'IMG_20250720_132554.jpg', alt: 'Ruby \u2014 Ng\u00e0y n\u1eafng' },\r\n  { src: BASE+'IMG_20250811_133116.jpg', alt: 'Ruby \u2014 Khu kho\u00e1ng n\u00f3ng' }\r\n];\r\n\r\n\/\/ Render Ruby gallery grid\r\nconst rubyGrid = document.getElementById('rubyGalleryGrid');\r\nif (rubyGrid) {\r\n  const svgIcon = '<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg>';\r\n  rubyGrid.innerHTML = rubyPhotos.map((p, i) =>\r\n    `<div class=\"gallery__item${p.wide ? ' gallery__item--wide' : ''}\" data-villa=\"ruby\" data-idx=\"${i}\"><img decoding=\"async\" src=\"${p.src}\" alt=\"${p.alt}\" loading=\"lazy\"><div class=\"gallery__item__overlay\">${svgIcon}<\/div><\/div>`\r\n  ).join('');\r\n}\r\n\r\n\/\/ \u2500\u2500 Villa data \u2500\u2500\r\nconst villaData = {\r\n  b105: {\r\n    title: 'Villa B1.05 \u2014 Flamingo H\u1ea3i Ti\u1ebfn',\r\n    photos: [\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_hero.jpg', alt: 'M\u1eb7t ti\u1ec1n Villa B1.05', wide: true },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_exterior.jpg', alt: 'Ngo\u1ea1i c\u1ea3nh' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7043.jpg', alt: 'N\u1ed9i th\u1ea5t' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room1.jpg', alt: 'Ph\u00f2ng ng\u1ee7 1' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_room2.jpg', alt: 'Ph\u00f2ng ng\u1ee7 2' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_bedroom3.jpg', alt: 'Ph\u00f2ng ng\u1ee7 3' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7046.jpg', alt: 'Chi ti\u1ebft' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7050.jpg', alt: 'Kh\u00f4ng gian' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7094.jpg', alt: 'Ti\u1ec7n nghi' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7122.jpg', alt: 'View' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_b105_night.jpg', alt: 'Ban \u0111\u00eam', wide: true },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7622.jpg', alt: 'View bi\u1ec3n' }\r\n    ]\r\n  },\r\n  c519: {\r\n    title: 'Villa C5.19 \u2014 Flamingo H\u1ea3i Ti\u1ebfn',\r\n    photos: [\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_night.jpg', alt: 'M\u1eb7t ti\u1ec1n ban \u0111\u00eam', wide: true },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_room1.jpg', alt: 'Ph\u00f2ng ng\u1ee7 1' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_living.jpg', alt: 'Ph\u00f2ng kh\u00e1ch' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7148.jpg', alt: 'N\u1ed9i th\u1ea5t' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7151.jpg', alt: 'Chi ti\u1ebft' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/newlife_c519_bath.jpg', alt: 'Ph\u00f2ng t\u1eafm' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7162.jpg', alt: 'Kh\u00f4ng gian' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7179.jpg', alt: 'Ph\u00f2ng \u0103n' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7228.jpg', alt: 'Ti\u1ec7n nghi' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7248.jpg', alt: 'View r\u1ed9ng', wide: true },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7260.jpg', alt: 'G\u00f3c nh\u00ecn' },\r\n      { src: 'https:\/\/newlife-villa.com\/wp-content\/uploads\/2025\/09\/120A7263.jpg', alt: 'Ngo\u00e0i tr\u1eddi' }\r\n    ]\r\n  },\r\n  ruby: {\r\n    title: 'Ruby C\u00fac Ph\u01b0\u01a1ng \u2014 Mineral Retreat',\r\n    photos: rubyPhotos\r\n  }\r\n};\r\n\r\n\/\/ \u2500\u2500 Villa modal \u2500\u2500\r\nlet modalImgs = [];\r\n\r\nwindow.openVillaModal = function(id) {\r\n  const data = villaData[id];\r\n  if (!data) return;\r\n  const modal = document.getElementById('villaModal');\r\n  const title = document.getElementById('villaModalTitle');\r\n  const grid = document.getElementById('villaModalGrid');\r\n  title.textContent = data.title;\r\n  modalImgs = data.photos.map(p => p.src);\r\n  const svgIcon = '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg>';\r\n  grid.innerHTML = data.photos.map((p, i) =>\r\n    `<div class=\"villa-modal__photo${p.wide ? ' villa-modal__photo--wide' : ''}\" data-midx=\"${i}\"><img decoding=\"async\" src=\"${p.src}\" alt=\"${p.alt}\" loading=\"lazy\"><div class=\"villa-modal__photo__overlay\">${svgIcon}<\/div><\/div>`\r\n  ).join('');\r\n  grid.querySelectorAll('.villa-modal__photo').forEach(el => {\r\n    el.addEventListener('click', () => openLightbox(modalImgs, parseInt(el.dataset.midx)));\r\n  });\r\n  modal.classList.add('active');\r\n  document.body.style.overflow = 'hidden';\r\n};\r\n\r\nconst closeVillaModal = () => {\r\n  document.getElementById('villaModal').classList.remove('active');\r\n  document.body.style.overflow = '';\r\n};\r\ndocument.getElementById('villaModalClose').addEventListener('click', closeVillaModal);\r\ndocument.getElementById('villaModal').addEventListener('click', e => { if (e.target === document.getElementById('villaModal')) closeVillaModal(); });\r\ndocument.getElementById('villaModalBook').addEventListener('click', closeVillaModal);\r\n\r\n\/\/ \u2500\u2500 Lightbox \u2500\u2500\r\nconst lightbox = document.getElementById('lightbox');\r\nconst lightboxImg = document.getElementById('lightboxImg');\r\nconst lightboxCounter = document.getElementById('lightboxCounter');\r\nlet currentIdx = 0;\r\nlet activeImgs = [];\r\n\r\nconst openLightbox = (imgs, i) => {\r\n  activeImgs = imgs;\r\n  currentIdx = i;\r\n  lightboxImg.src = activeImgs[currentIdx];\r\n  if (lightboxCounter) lightboxCounter.textContent = `${currentIdx + 1} \/ ${activeImgs.length}`;\r\n  lightbox.classList.add('active');\r\n  document.body.style.overflow = 'hidden';\r\n};\r\nconst closeLightbox = () => { lightbox.classList.remove('active'); document.body.style.overflow = ''; };\r\nconst prevImg = () => { currentIdx = (currentIdx - 1 + activeImgs.length) % activeImgs.length; lightboxImg.src = activeImgs[currentIdx]; if (lightboxCounter) lightboxCounter.textContent = `${currentIdx + 1} \/ ${activeImgs.length}`; };\r\nconst nextImg = () => { currentIdx = (currentIdx + 1) % activeImgs.length; lightboxImg.src = activeImgs[currentIdx]; if (lightboxCounter) lightboxCounter.textContent = `${currentIdx + 1} \/ ${activeImgs.length}`; };\r\n\r\ndocument.querySelectorAll('.gallery__item').forEach(item => {\r\n  item.addEventListener('click', () => {\r\n    const panel = item.closest('.gallery-panel');\r\n    const imgs = Array.from(panel ? panel.querySelectorAll('.gallery__item img') : []).map(el => el.src);\r\n    const idx = parseInt(item.dataset.idx || '0');\r\n    openLightbox(imgs, idx);\r\n  });\r\n});\r\n\r\ndocument.querySelector('.lightbox__close').addEventListener('click', closeLightbox);\r\ndocument.querySelector('.lightbox__prev').addEventListener('click', prevImg);\r\ndocument.querySelector('.lightbox__next').addEventListener('click', nextImg);\r\nlightbox.addEventListener('click', e => { if (e.target === lightbox) closeLightbox(); });\r\ndocument.addEventListener('keydown', e => {\r\n  if (!lightbox.classList.contains('active')) return;\r\n  if (e.key === 'Escape') closeLightbox();\r\n  if (e.key === 'ArrowLeft') prevImg();\r\n  if (e.key === 'ArrowRight') nextImg();\r\n});\r\n\r\n\/\/ \u2500\u2500 Booking form \u2500\u2500\r\nconst bookingForm = document.getElementById('bookingForm');\r\nif (bookingForm) {\r\n  bookingForm.addEventListener('submit', async e => {\r\n    e.preventDefault();\r\n    const btn = bookingForm.querySelector('button[type=submit]');\r\n    const orig = btn.innerHTML;\r\n    btn.innerHTML = '\u0110ang g\u1eedi...';\r\n    btn.disabled = true;\r\n    const fd = new FormData(bookingForm);\r\n    fd.append('_subject', '\u0110\u1eb7t ph\u00f2ng Newlife Villa \u2014 ' + (fd.get('villa') || '') + ' \u2014 ' + (fd.get('name') || ''));\r\n    fd.append('_template', 'table');\r\n    fd.append('_captcha', 'false');\r\n    try {\r\n      const res = await fetch('https:\/\/formsubmit.co\/ajax\/huutan.phung@gmail.com', {\r\n        method: 'POST',\r\n        headers: { 'Accept': 'application\/json' },\r\n        body: fd\r\n      });\r\n      if (res.ok) {\r\n        btn.innerHTML = '\u2713 \u0110\u00e3 g\u1eedi! Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 s\u1edbm.';\r\n        btn.style.background = 'var(--color-sage)';\r\n        bookingForm.reset();\r\n        setTimeout(() => { btn.innerHTML = orig; btn.disabled = false; btn.style.background = ''; }, 5000);\r\n      } else throw new Error('HTTP ' + res.status);\r\n    } catch(err) {\r\n      btn.innerHTML = orig;\r\n      btn.disabled = false;\r\n      alert('G\u1eedi kh\u00f4ng th\u00e0nh c\u00f4ng. Vui l\u00f2ng li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp:\\n\ud83d\udcde 0969 696 891 (Zalo\/G\u1ecdi \u2014 Mr. T\u00e2n)');\r\n    }\r\n  });\r\n}\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"<p>\ufeff \ud83d\udd25 Cu\u1ed1i tu\u1ea7n n\u00e0y c\u00f2n tr\u1ed1ng \u2014 \u0110\u1eb7t ngay \u0111\u1ec3 gi\u1eef ch\u1ed7 \u00b7 Li\u00ean h\u1ec7: 0969 696 891 Newlife [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-275","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi - NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newlife-villa.com\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi - NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai\" \/>\n<meta property=\"og:description\" content=\"\ufeff \ud83d\udd25 Cu\u1ed1i tu\u1ea7n n\u00e0y c\u00f2n tr\u1ed1ng \u2014 \u0110\u1eb7t ngay \u0111\u1ec3 gi\u1eef ch\u1ed7 \u00b7 Li\u00ean h\u1ec7: 0969 696 891 Newlife [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newlife-villa.com\/\" \/>\n<meta property=\"og:site_name\" content=\"NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-29T05:40:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newlife-villa.com\/\",\"url\":\"https:\/\/newlife-villa.com\/\",\"name\":\"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi - NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai\",\"isPartOf\":{\"@id\":\"https:\/\/newlife-villa.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newlife-villa.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newlife-villa.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png\",\"datePublished\":\"2026-05-07T06:18:26+00:00\",\"dateModified\":\"2026-05-29T05:40:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/newlife-villa.com\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newlife-villa.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/newlife-villa.com\/#primaryimage\",\"url\":\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png\",\"contentUrl\":\"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png\",\"width\":1916,\"height\":821},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newlife-villa.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\/\/newlife-villa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newlife-villa.com\/#website\",\"url\":\"https:\/\/newlife-villa.com\/\",\"name\":\"NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newlife-villa.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi - NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/newlife-villa.com\/","og_locale":"vi_VN","og_type":"article","og_title":"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi - NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai","og_description":"\ufeff \ud83d\udd25 Cu\u1ed1i tu\u1ea7n n\u00e0y c\u00f2n tr\u1ed1ng \u2014 \u0110\u1eb7t ngay \u0111\u1ec3 gi\u1eef ch\u1ed7 \u00b7 Li\u00ean h\u1ec7: 0969 696 891 Newlife [&hellip;]","og_url":"https:\/\/newlife-villa.com\/","og_site_name":"NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai","article_modified_time":"2026-05-29T05:40:00+00:00","og_image":[{"url":"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"11 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/newlife-villa.com\/","url":"https:\/\/newlife-villa.com\/","name":"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi - NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai","isPartOf":{"@id":"https:\/\/newlife-villa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newlife-villa.com\/#primaryimage"},"image":{"@id":"https:\/\/newlife-villa.com\/#primaryimage"},"thumbnailUrl":"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png","datePublished":"2026-05-07T06:18:26+00:00","dateModified":"2026-05-29T05:40:00+00:00","breadcrumb":{"@id":"https:\/\/newlife-villa.com\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newlife-villa.com\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/newlife-villa.com\/#primaryimage","url":"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png","contentUrl":"https:\/\/newlife-villa.com\/wp-content\/uploads\/2026\/05\/b105-bia.png","width":1916,"height":821},{"@type":"BreadcrumbList","@id":"https:\/\/newlife-villa.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/newlife-villa.com\/"},{"@type":"ListItem","position":2,"name":"Newlife Villa \u2014 Trang ch\u1ee7 Design M\u1edbi"}]},{"@type":"WebSite","@id":"https:\/\/newlife-villa.com\/#website","url":"https:\/\/newlife-villa.com\/","name":"NewLife Villa \u2013 Ngh\u1ec9 d\u01b0\u1ee1ng \u0111\u1ec9nh cao b\u00ean bi\u1ec3n &amp; n\u00fai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newlife-villa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"}]}},"_links":{"self":[{"href":"https:\/\/newlife-villa.com\/index.php?rest_route=\/wp\/v2\/pages\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newlife-villa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newlife-villa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newlife-villa.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/newlife-villa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=275"}],"version-history":[{"count":12,"href":"https:\/\/newlife-villa.com\/index.php?rest_route=\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/newlife-villa.com\/index.php?rest_route=\/wp\/v2\/pages\/275\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/newlife-villa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}