{"id":10,"date":"2026-04-01T06:40:30","date_gmt":"2026-04-01T06:40:30","guid":{"rendered":"https:\/\/orangelanternspa.com\/?page_id=10"},"modified":"2026-05-06T08:44:55","modified_gmt":"2026-05-06T08:44:55","slug":"home","status":"publish","type":"page","link":"http:\/\/orangelanternspa.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n<section class=\"hr-hero-wrap\">\n    <div class=\"hr-hero-slider\">\n        <div class=\"hr-h-slide active\" style=\"background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.35)), url('http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/05\/foot-scaled.jpg');\"><\/div>\n        <div class=\"hr-h-slide\" style=\"background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.35)), url('http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/05\/body-scaled.jpg');\"><\/div>\n        <div class=\"hr-h-slide\" style=\"background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.35)), url('http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/05\/hair-scaled.jpg');\"><\/div>\n    <\/div>\n\n    <div class=\"hr-hero-content\">\n        <div class=\"hr-glass-card\" data-aos=\"fade-up\">\n            <div class=\"hr-h-badge\">\n                <i class=\"fa-solid fa-spa\"><\/i> \n                <span>Hoi An Riverside Spa<\/span>\n            <\/div>\n            \n            <h1 class=\"hr-h-title\">Orange Lantern Spa<\/h1>\n            <div class=\"hr-h-divider\"><\/div>\n            \n            <p class=\"hr-h-desc\">A moment of calm by the river<\/p>\n            <p class=\"hr-h-subdesc\">Free drink after treatment<\/p>\n            \n            <div class=\"hr-h-btns\">\n                <a href=\"#booking\" class=\"hr-btn-gold\">\n                    <span>Book an Appointment<\/span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"hr-scroll-indicator\">\n        <div class=\"hr-mouse\"><\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Core Hero --- *\/\n.hr-hero-wrap { \n    position: relative; \n    height: 100vh; \n    height: calc(var(--vh, 1vh) * 100); \/* Fix l\u1ed7i 100vh tr\u00ean tr\u00ecnh duy\u1ec7t mobile *\/\n    display: flex; \n    align-items: center; \n    justify-content: center; \n    overflow: hidden; \n    background-color: #121212; \n}\n\n.hr-hero-slider, .hr-h-slide { \n    position: absolute; \n    top: 0; left: 0; width: 100%; height: 100%; \n}\n\n.hr-h-slide { \n    background-size: cover; \n    background-position: center; \n    opacity: 0; \n    transform: scale(1.1);\n    transition: opacity 2s ease-in-out, transform 8s linear;\n}\n\n.hr-h-slide.active { opacity: 1; transform: scale(1); z-index: 1; }\n\n\/* --- Content Card & Typography --- *\/\n.hr-hero-content { \n    position: relative; \n    z-index: 10; \n    width: 100%;\n    max-width: 800px; \n    padding: 20px; \n}\n\n.hr-glass-card {\n    background: rgba(0, 0, 0, 0.3);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    padding: 40px 30px;\n    border-radius: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.hr-h-badge { \n    display: inline-flex; \n    align-items: center; gap: 8px;\n    background: rgba(212, 160, 23, 0.2); \n    color: #d4a017;\n    padding: 6px 16px; \n    border-radius: 50px; \n    font-weight: 600; \n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 20px;\n}\n\n.hr-h-title { \n    font-family: 'Playfair Display', serif; \n    font-size: clamp(2.2rem, 10vw, 4.5rem); \/* T\u1ef1 \u0111\u1ed9ng fix size theo m\u00e0n h\u00ecnh *\/\n    color: #fff;\n    margin: 0;\n    line-height: 1.2;\n}\n\n.hr-h-divider {\n    width: 60px; height: 2px;\n    background: #d4a017;\n    margin: 15px auto;\n}\n\n.hr-h-desc { \n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.1rem, 4vw, 1.6rem);\n    font-style: italic;\n    color: #fef9ed;\n    margin-bottom: 10px;\n}\n\n.hr-h-subdesc { \n    font-size: clamp(0.9rem, 3vw, 1.1rem);\n    opacity: 0.85; \n    max-width: 500px;\n    margin: 0 auto 30px;\n    line-height: 1.5;\n    color: #fff;\n}\n\n\/* --- Warm Gold Button --- *\/\n.hr-btn-gold { \n    background: linear-gradient(135deg, #d4a017 0%, #a67c00 100%); \n    color: #fff; \n    padding: 14px 32px; \n    border-radius: 50px; \n    text-decoration: none; \n    font-weight: 700; \n    display: inline-flex;\n    align-items: center; gap: 10px;\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 10px 20px rgba(166, 124, 0, 0.3);\n    transition: 0.3s;\n}\n\n.hr-btn-gold:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(166, 124, 0, 0.5); }\n\n\/* --- Scroll Icon --- *\/\n.hr-scroll-indicator {\n    position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 5;\n}\n.hr-mouse {\n    width: 20px; height: 30px; border: 2px solid rgba(255,255,255,0.5); border-radius: 10px; position: relative;\n}\n.hr-mouse::after {\n    content: ''; width: 3px; height: 6px; background: #d4a017;\n    position: absolute; left: 50%; top: 5px; transform: translateX(-50%);\n    border-radius: 2px; animation: mouseScroll 2s infinite;\n}\n\n@keyframes mouseScroll {\n    0% { opacity: 1; top: 5px; } 100% { opacity: 0; top: 15px; }\n}\n\n\/* --- Mobile Fixes --- *\/\n@media (max-width: 600px) {\n    .hr-hero-wrap { height: 100svh; } \/* H\u1ed7 tr\u1ee3 m\u00e0n h\u00ecnh mobile m\u1edbi *\/\n    .hr-glass-card { \n        padding: 30px 15px; \n        background: transparent; \n        backdrop-filter: none; \n        border: none; \n    }\n    .hr-h-subdesc { margin-bottom: 25px; }\n    .hr-btn-gold { width: 100%; justify-content: center; padding: 16px; }\n    .hr-scroll-indicator { display: none; } \/* \u1ea8n scroll tr\u00ean mobile nh\u1ecf *\/\n}\n<\/style>\n\n<script>\n\/\/ Fix l\u1ed7i chi\u1ec1u cao 100vh tr\u00ean Safari Mobile\nlet vh = window.innerHeight * 0.01;\ndocument.documentElement.style.setProperty('--vh', `${vh}px`);\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const slides = document.querySelectorAll('.hr-h-slide');\n    let currentIndex = 0;\n\n    function changeSlide() {\n        slides[currentIndex].classList.remove('active');\n        currentIndex = (currentIndex + 1) % slides.length;\n        slides[currentIndex].classList.add('active');\n    }\n    setInterval(changeSlide, 5000);\n});\n<\/script>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #touristspecial\" data-bullet=\"false\" data-link=\"#touristspecial\" data-title=\"Tourist Special\"><a name=\"touristspecial\"><\/a><\/span>\n\n\n\n<section class=\"cm-commit-wrap\">\n    <div class=\"cm-container\">\n        <div class=\"cm-grid\">\n            \n            <div class=\"cm-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"cm-img-box\">\n                    <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/8.jpg\" alt=\"Pickup Service\" class=\"cm-img\">\n                    <div class=\"cm-icon-badge\"><i class=\"fa-solid fa-car-side\"><\/i><\/div>\n                <\/div>\n                <div class=\"cm-body\">\n                    <h4 class=\"cm-title\">Pickup Service<\/h4>\n                    <div class=\"cm-divider\"><\/div>\n                    <p class=\"cm-desc\">\n                        <strong>1 person:<\/strong> Free 1-way pickup. <br>\n                        <strong>2 persons:<\/strong> Free pickup & return. <br>\n                        <span class=\"cm-note\">*Within 5km for >60min massage<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"cm-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"cm-img-box\">\n                    <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/9.jpg\" alt=\"Riverside Terrace\" class=\"cm-img\">\n                    <div class=\"cm-icon-badge\"><i class=\"fa-solid fa-mug-hot\"><\/i><\/div>\n                <\/div>\n                <div class=\"cm-body\">\n                    <h4 class=\"cm-title\">Riverside Terrace<\/h4>\n                    <div class=\"cm-divider\"><\/div>\n                    <p class=\"cm-desc\">Take your time and unwind on our riverside terrace with a <strong>complimentary<\/strong> relaxing drink after treatment.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"cm-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <div class=\"cm-img-box\">\n                    <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/10.jpg\" alt=\"Easy Booking\" class=\"cm-img\">\n                    <div class=\"cm-icon-badge\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\n                <\/div>\n                <div class=\"cm-body\">\n                    <h4 class=\"cm-title\">Easy Booking<\/h4>\n                    <div class=\"cm-divider\"><\/div>\n                    <p class=\"cm-desc\">Walk-ins welcome or message us directly via WhatsApp. We make your visit <strong>simple & stress-free<\/strong>.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Commitment Section Styles --- *\/\n.cm-commit-wrap { \n    padding: 40px 0; \n    background: linear-gradient(to bottom, #fdfaf3, #fff); \n    font-family: 'Inter', sans-serif;\n    overflow: hidden; \n}\n\n.cm-container { \n    max-width: 1200px; \n    margin: 0 auto; \n    padding: 0 20px; \n}\n\n\/* --- B\u1ed1 c\u1ee5c Grid cho Desktop --- *\/\n.cm-grid { \n    display: grid; \n    grid-template-columns: repeat(3, 1fr); \n    gap: 40px; \n    padding-top: 70px;\n    align-items: stretch; \/* \u0110\u1ea3m b\u1ea3o c\u00e1c c\u1ed9t cao b\u1eb1ng nhau tr\u00ean desktop *\/\n}\n\n\/* --- Thi\u1ebft k\u1ebf Card --- *\/\n.cm-card { \n    background: #ffffff; \n    border-radius: 30px; \n    padding: 0 30px 40px; \n    text-align: center; \n    box-shadow: 0 15px 45px rgba(139, 90, 43, 0.05); \n    border: 1px solid rgba(212, 160, 23, 0.08); \n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    position: relative;\n    \n    \/* \u0110\u1ed3ng b\u1ed9 Height n\u1ed9i b\u1ed9 *\/\n    display: flex;\n    flex-direction: column;\n}\n\n\/* Body c\u1ee7a card s\u1ebd t\u1ef1 gi\u00e3n \u0111\u1ec3 chi\u1ebfm h\u1ebft chi\u1ec1u cao b\u1eb1ng nhau *\/\n.cm-body {\n    flex: 1; \n    display: flex;\n    flex-direction: column;\n}\n\n.cm-card:hover { \n    transform: translateY(-10px); \n    box-shadow: 0 25px 60px rgba(139, 90, 43, 0.12);\n    border-color: #d4a017;\n}\n\n.cm-img-box { \n    position: relative;\n    width: 130px; \n    height: 130px; \n    margin: -65px auto 25px; \n    flex-shrink: 0;\n}\n\n.cm-img { \n    width: 100%; height: 100%; \n    border-radius: 40px; \n    object-fit: cover; \n    border: 6px solid #fff; \n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n}\n\n.cm-icon-badge {\n    position: absolute; bottom: -5px; right: -5px;\n    background: #d4a017; color: #fff;\n    width: 38px; height: 38px;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.95rem;\n    border: 3px solid #fff;\n}\n\n.cm-title { \n    font-family: 'Playfair Display', serif;\n    color: #2d1e12; \n    font-size: 1.4rem; \n    margin-bottom: 15px; \n    font-weight: 700;\n}\n\n.cm-divider {\n    width: 35px; height: 2.5px; background: #d4a017; margin: 0 auto 20px; border-radius: 2px;\n}\n\n.cm-desc { \n    color: #6b635a; \n    font-size: 1rem; \n    line-height: 1.7; \n    margin: 0;\n}\n\n.cm-desc strong { color: #d4a017; font-weight: 600; }\n.cm-note { display: block; margin-top: 10px; font-size: 0.82rem; font-style: italic; color: #a89a8c; }\n\n\/* --- T\u1ed1i \u01b0u Responsive --- *\/\n\n@media (max-width: 1024px) {\n    .cm-grid { gap: 25px; }\n}\n\n@media (max-width: 768px) {\n    .cm-commit-wrap { padding: 30px 0 20px; }\n    .cm-container { padding: 0; }\n\n    .cm-grid { \n        display: flex; \n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        gap: 20px;\n        padding: 80px 25px 40px; \n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        \n        \/* QUAN TR\u1eccNG: \u0110\u1ed3ng b\u1ed9 Height to\u00e0n b\u1ed9 h\u00e0ng ngang *\/\n        align-items: stretch; \n    }\n\n    .cm-grid::-webkit-scrollbar { display: none; }\n\n    .cm-card { \n        \/* QUAN TR\u1eccNG: \u0110\u1ed3ng b\u1ed9 Width ch\u00ednh x\u00e1c 82% *\/\n        flex: 0 0 82%; \n        min-width: 82%;\n        max-width: 82%;\n        \n        scroll-snap-align: center;\n        margin-bottom: 0; \/* B\u1ecf margin \u0111\u1ec3 stretch height chu\u1ea9n *\/\n    }\n\n    .cm-img-box {\n        width: 110px; height: 110px;\n        margin: -55px auto 20px;\n    }\n\n    .cm-title { font-size: 1.25rem; }\n    .cm-desc { font-size: 0.95rem; }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #pricelist\" data-bullet=\"false\" data-link=\"#pricelist\" data-title=\"Price List\"><a name=\"pricelist\"><\/a><\/span>\n\n\n\t<section class=\"section\" id=\"section_2014600067\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-4080485888\" class=\"text\">\n\t\t\n\n<h2 class=\"ab-title\">OUR SERVICES<\/h2>\n\t\t\n<style>\n#text-4080485888 {\n  text-align: center;\n  color: rgb(0,0,0);\n}\n#text-4080485888 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #footmassage\" data-bullet=\"false\" data-link=\"#footmassage\" data-title=\"Foot Massage\"><a name=\"footmassage\"><\/a><\/span>\n\n\n\n<section class=\"gallery-foot-section\">\n    <div class=\"gf-container\">\n        <!-- Khung \u1ea3nh l\u1edbn, r\u00f5 n\u00e9t -->\n        <div class=\"gf-hero-image\" data-aos=\"zoom-in\">\n            <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/05\/fmassage-scaled.jpg\" alt=\"Foot Massage Treatment\">\n            <div class=\"gf-image-label\">Authentic Therapy<\/div>\n        <\/div>\n\n        <div class=\"gf-content-wrapper\">\n            <div class=\"gf-header\" data-aos=\"fade-up\">\n                <h2 class=\"gf-title\">Foot Massage<\/h2>\n                <p class=\"gf-subtitle\">Rejuvenate your steps with our signature treatments<\/p>\n            <\/div>\n\n            <!-- B\u1ed1 c\u1ee5c Menu tinh g\u1ecdn -->\n            <div class=\"gf-menu-grid\">\n                \n                <!-- D\u1ecbch v\u1ee5 1 -->\n                <div class=\"gf-menu-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"gf-card-inner\">\n                        <div class=\"gf-info\">\n                            <h3>Foot Relaxing<\/h3>\n                            <p>Balancing energy flow<\/p>\n                        <\/div>\n                        <div class=\"gf-pricing-table\">\n                            <div class=\"gf-price-row\"><span>45 Minutes<\/span> <strong>245.000\u0111<\/strong><\/div>\n                            <div class=\"gf-price-row\"><span>60 Minutes<\/span> <strong>350.000\u0111<\/strong><\/div>\n                            <div class=\"gf-price-row gf-best-value\"><span>90 Minutes<\/span> <strong>475.000\u0111<\/strong><\/div>\n                        <\/div>\n                        <div class=\"fm-card-action\">\n                            <a href=\"#book\" class=\"fm-btn-small\">Book Now <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- D\u1ecbch v\u1ee5 2 -->\n                <div class=\"gf-menu-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"gf-card-inner\">\n                        <div class=\"gf-info\">\n                            <h3>Hotstone Reflexology<\/h3>\n                            <p>Thermal muscle recovery<\/p>\n                        <\/div>\n                        <div class=\"gf-pricing-table\">\n                            <div class=\"gf-price-row\"><span>60 Minutes<\/span> <strong>419.000\u0111<\/strong><\/div>\n                            <div class=\"gf-price-row gf-best-value\"><span>90 Minutes<\/span> <strong>539.000\u0111<\/strong><\/div>\n                        <\/div>\n                        <div class=\"fm-card-action\">\n                            <a href=\"#book\" class=\"fm-btn-small\">Book Now <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Gallery Style Setup --- *\/\n.gallery-foot-section {\n    padding: 60px 0;\n    background: #ffffff;\n    font-family: 'Inter', sans-serif;\n}\n\n.gf-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* \u1ea2nh r\u00f5 n\u00e9t v\u00e0 l\u1edbn *\/\n.gf-hero-image {\n    position: relative;\n    width: 100%;\n    height: 450px;\n    border-radius: 24px;\n    overflow: hidden;\n    margin-bottom: 50px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n}\n\n.gf-hero-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n}\n\n.gf-hero-image:hover img {\n    transform: scale(1.05);\n}\n\n.gf-image-label {\n    position: absolute;\n    bottom: 30px;\n    left: 30px;\n    background: rgba(255, 255, 255, 0.9);\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #2d1e12;\n}\n\n\/* Header tinh g\u1ecdn *\/\n.gf-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.gf-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.8rem;\n    color: #2d1e12;\n    margin: 0 0 10px 0;\n}\n\n.gf-subtitle {\n    color: #8a7b6e;\n    font-size: 1rem;\n}\n\n\/* Menu Grid *\/\n.gf-menu-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n}\n\n.gf-menu-card {\n    background: #faf9f6;\n    border-radius: 20px;\n    padding: 35px;\n    transition: 0.3s ease;\n}\n\n.gf-menu-card:hover {\n    background: #f4f1eb;\n}\n\n.gf-info h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.5rem;\n    margin: 0 0 5px 0;\n    color: #2d1e12;\n}\n\n.gf-info p {\n    font-size: 0.85rem;\n    color: #8a7b6e;\n    margin-bottom: 25px;\n}\n\n.gf-pricing-table {\n    margin-bottom: 30px;\n}\n\n.gf-price-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px 0;\n    border-bottom: 1px solid rgba(0,0,0,0.05);\n    font-size: 0.95rem;\n}\n\n.gf-best-value {\n    color: #b8860b;\n    font-weight: 700;\n}\n\n\/* Gi\u1eef nguy\u00ean class n\u00fat b\u1ea5m fm-btn-small *\/\n.fm-btn-small {\n    display: flex; \n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background: #2d1e12; \n    color: #fff;\n    padding: 12px 25px; \n    border-radius: 8px; \n    text-decoration: none; \n    font-weight: 600;\n    font-size: 0.85rem; \n    transition: 0.3s;\n    width: 100%; \/* Tinh g\u1ecdn theo chi\u1ec1u ngang card *\/\n}\n\n.fm-btn-small:hover {\n    background: #b8860b;\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n    .gf-hero-image { height: 300px; }\n    .gf-menu-grid { grid-template-columns: 1fr; }\n    .gf-title { font-size: 2.2rem; }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #bodymassage\" data-bullet=\"false\" data-link=\"#bodymassage\" data-title=\"Body Massage\"><a name=\"bodymassage\"><\/a><\/span>\n\n\n\n<section class=\"bm-body-massage-v3\">\n    <div class=\"bm-container-compact\">\n        <div class=\"bm-head-mini\" data-aos=\"fade-down\">\n            <h2 class=\"bm-title-compact\">Body Massage Menu<\/h2>\n            <div class=\"bm-line-gold\"><\/div>\n        <\/div>\n\n        <div class=\"bm-scroll-wrapper\">\n            <div class=\"bm-body-grid-compact\">\n                \n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-spa\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Body Massage with Oil<\/h3>\n                            <p>Smooth & basic relaxation<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>429.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>569.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>789.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item bm-featured-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-fire-flame-curved\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Hotstone Massage<\/h3>\n                            <p>Deep heat & scent therapy<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>449.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>619.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>819.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Aroma Oil<\/h3>\n                            <p>Stretching & acupressure<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>449.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>619.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>819.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-hand-holding-heart\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Thai Massage with Oil<\/h3>\n                            <p>Perfect combination<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>459.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>629.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>849.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-water\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Thai Massage without Oil<\/h3>\n                            <p>Gentle flow & rhythm<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>479.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>669.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>879.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Back, Neck, Head, Shoulder<\/h3>\n                            <p>Muscle tension release<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>439.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>599.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>809.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"700\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-wind\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Massage for Pregnant Women<\/h3>\n                            <p>Traditional healing<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>399.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>549.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line bm-highlight-row\"><span>120 Minutes<\/span><strong>729.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"800\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-Gem\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Kids Massge<\/h3>\n                            <p>Unique pressure points<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>339.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>459.000\u0111<\/strong><\/div>\n                        \n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bm-card-item\" data-aos=\"fade-up\" data-aos-delay=\"900\">\n                    <div class=\"bm-card-header-mini\">\n                        <div class=\"bm-icon-box\"><i class=\"fa-solid fa-moon\"><\/i><\/div>\n                        <div class=\"bm-title-group\">\n                            <h3>Four Hands Massage<\/h3>\n                            <p>Ultimate relaxation<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bm-price-list\">\n                        <div class=\"bm-price-line\"><span>60 Minutes<\/span><strong>829.000\u0111<\/strong><\/div>\n                        <div class=\"bm-price-line\"><span>90 Minutes<\/span><strong>1.149.000\u0111<\/strong><\/div>\n                        \n                    <\/div>\n                    <div class=\"bm-card-action\">\n                        <a href=\"#book\" class=\"bm-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Base Styles --- *\/\n.bm-body-massage-v3 { \n    padding: 40px 0; \n    font-family: 'Inter', sans-serif;\n}\n.bm-container-compact { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n\/* --- Header Section --- *\/\n.bm-head-mini { text-align: center; margin-bottom: 40px; }\n.bm-title-compact { \n    color: #2d1e12; \n    font-size: 2.2rem; \n    margin: 0; \n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n}\n.bm-line-gold { \n    width: 50px; \n    height: 3px; \n    background: linear-gradient(to right, transparent, #d4a017, transparent); \n    margin: 15px auto; \n}\n\n\/* --- Layout Grid --- *\/\n.bm-body-grid-compact { \n    display: grid; \n    grid-template-columns: repeat(3, 1fr); \/* \u0110\u1ed5i th\u00e0nh 3 c\u1ed9t \u0111\u1ec3 hi\u1ec3n th\u1ecb 9 card c\u00e2n \u0111\u1ed1i (3x3) *\/\n    gap: 20px; \n}\n\n\/* --- Card Design --- *\/\n.bm-card-item {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 25px 20px;\n    border: 1px solid rgba(212, 160, 23, 0.1);\n    box-shadow: 0 10px 30px rgba(74, 51, 32, 0.05);\n    display: flex;\n    flex-direction: column;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    position: relative;\n}\n\n.bm-card-item:hover { \n    transform: translateY(-10px); \n    border-color: #d4a017;\n    box-shadow: 0 20px 40px rgba(212, 160, 23, 0.12);\n}\n\n.bm-featured-card {\n    border: 1.5px solid #d4a017;\n    background: #fffefb;\n    z-index: 1;\n}\n.bm-featured-card::after {\n    content: \"Recommended\";\n    position: absolute;\n    top: -12px;\n    right: 20px;\n    background: #d4a017;\n    color: white;\n    font-size: 0.65rem;\n    padding: 2px 12px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n}\n\n\/* --- Card Header --- *\/\n.bm-card-header-mini { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }\n.bm-icon-box { \n    width: 45px; height: 45px; \n    background: linear-gradient(135deg, #fef9ed 0%, #f7f0e0 100%); \n    color: #d4a017; \n    border-radius: 12px; \n    display: flex; \n    align-items: center; \n    justify-content: center; \n    font-size: 1.2rem;\n    flex-shrink: 0;\n    transition: 0.3s;\n}\n.bm-card-item:hover .bm-icon-box { background: #d4a017; color: #fff; }\n\n.bm-title-group h3 { font-size: 1.1rem; color: #2d1e12; margin: 0; font-weight: 700; line-height: 1.2; }\n.bm-title-group p { font-size: 0.75rem; color: #8a7b6e; margin: 4px 0 0; }\n\n\/* --- Price List Styling --- *\/\n.bm-price-list { \n    border-top: 1px solid #f3ece0; \n    padding-top: 15px; \n    flex-grow: 1; \n}\n.bm-price-line { \n    display: flex; justify-content: space-between; align-items: center;\n    padding: 8px 0; font-size: 0.85rem; \n}\n.bm-price-line span { color: #5c4033; font-weight: 400; }\n.bm-price-line strong { color: #2d1e12; font-weight: 700; font-size: 0.9rem; }\n\n.bm-highlight-row { \n    background: #fdf8eb; \n    margin: 5px -10px; \n    padding: 8px 10px; \n    border-radius: 8px;\n    border-left: 3px solid #d4a017;\n}\n\n\/* --- Call to Action --- *\/\n.bm-card-action { margin-top: 20px; }\n.bm-btn-small {\n    display: block; \n    text-align: center; \n    background: #2d1e12; \n    color: #fff;\n    padding: 12px; \n    border-radius: 10px; \n    text-decoration: none; \n    font-weight: 600;\n    font-size: 0.85rem; \n    transition: all 0.3s ease;\n    letter-spacing: 0.5px;\n}\n.bm-btn-small:hover { \n    background: #d4a017; \n    box-shadow: 0 5px 15px rgba(212, 160, 23, 0.3);\n}\n\n\/* --- Mobile Responsive --- *\/\n@media (max-width: 1024px) {\n    .bm-body-grid-compact { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n    .bm-title-compact{\n       font-size: 1.8rem;\n     }\n    .bm-body-massage-v3 { padding: 40px 0; }\n    .bm-scroll-wrapper {\n        overflow-x: auto;\n        padding: 10px 20px 30px;\n        margin: 0 -20px;\n        -webkit-overflow-scrolling: touch;\n    }\n    .bm-scroll-wrapper::-webkit-scrollbar { height: 4px; }\n    .bm-scroll-wrapper::-webkit-scrollbar-thumb { background: #d4a017; border-radius: 10px; }\n    \n    .bm-body-grid-compact { \n        display: flex; \n        gap: 15px; \n        width: max-content; \n    }\n    .bm-card-item {\n        min-width: 280px;\n        max-width: 280px;\n    }\n    .bm-featured-card { transform: scale(1); }\n}\n<\/style>\n\n<div class=\"row\"  id=\"row-1982352314\">\n\n\n\t<div id=\"col-1303566034\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #speciallanternspa\" data-bullet=\"false\" data-link=\"#speciallanternspa\" data-title=\"Special Lantern Spa\"><a name=\"speciallanternspa\"><\/a><\/span>\n\n\n\n<section class=\"sls-airy-v10\">\n    <div class=\"sls-airy-container\">\n        \n        <header class=\"sls-external-header\" data-aos=\"fade-down\">\n            \n            <h2 class=\"sls-main-title\">Special Lantern Spa<\/h2>\n            <div class=\"sls-title-line\"><\/div>\n        <\/header>\n\n        <div class=\"sls-floating-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n            <div class=\"sls-card-inner\">\n                \n                <div class=\"sls-service-box\">\n                    <div class=\"sls-service-icon\">\n                        <i class=\"fa-solid fa-feather-pointed\"><\/i>\n                    <\/div>\n                    <div class=\"sls-service-text\">\n                        <h3>Combination Therapy<\/h3>\n                        <p>A refined blend of Aroma, Hot Stone & Thai techniques<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sls-price-container\">\n                    <div class=\"sls-price-row\">\n                        <span class=\"sls-duration\">90 Minutes<\/span>\n                        <span class=\"sls-cost\">629.000\u0111<\/span>\n                    <\/div>\n                    \n                    <div class=\"sls-price-row sls-row-featured\">\n                        <div class=\"sls-row-content\">\n                            <span class=\"sls-duration\">120 Minutes<\/span>\n                            <span class=\"sls-cost\">890.000\u0111<\/span>\n                        <\/div>\n                        <span class=\"sls-mini-badge\">Most Popular<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sls-action-wrapper\">\n                    <a href=\"#book\" class=\"sls-btn-airy\">\n                        <span>Book an Appointment<\/span>\n                        <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Setup --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n.sls-airy-v10 {\n    padding: 40px 0;\n   \n    font-family: 'Plus Jakarta Sans', sans-serif;\n    display: flex;\n    justify-content: center;\n}\n\n.sls-airy-container {\n    width: 100%;\n    max-width: 480px; \/* Nh\u1ecf g\u1ecdn *\/\n    padding: 0 20px;\n}\n\n\/* --- External Header --- *\/\n.sls-external-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.sls-pre-title {\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    color: #d4a017;\n    display: block;\n    margin-bottom: 8px;\n}\n\n.sls-main-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    color: #2d1e12;\n    margin: 0;\n}\n\n.sls-title-line {\n    width: 50px; \n    height: 3px; \n    background: linear-gradient(to right, transparent, #d4a017, transparent); \n    margin: 15px auto;\n}\n\n\/* --- Floating Card --- *\/\n.sls-floating-card {\n    background: #ffffff;\n    border-radius: 35px;\n    padding: 40px;\n    box-shadow: 0 20px 50px rgba(45, 30, 18, 0.06);\n    border: 1px solid #d4a017;\n    position: relative;\n    transition: 0.4s ease;\n}\n\n.sls-floating-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 60px rgba(184, 134, 11, 0.1);\n}\n\n\/* Service Info *\/\n.sls-service-box {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 35px;\n}\n\n.sls-service-icon {\n    width: 50px;\n    height: 50px;\n    background: #fdf8eb;\n    color: #d4a017;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.sls-service-text h3 {\n    font-size: 1.2rem;\n    margin: 0;\n    color: #2d1e12;\n    font-weight: 700;\n}\n\n.sls-service-text p {\n    font-size: 0.85rem;\n    color: #8a7b6e;\n    margin: 4px 0 0;\n    line-height: 1.4;\n}\n\n\/* Pricing Section *\/\n.sls-price-container {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 35px;\n}\n\n.sls-price-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px 20px;\n    background: #f8f9fa;\n    border-radius: 18px;\n    transition: 0.3s;\n}\n\n.sls-row-featured {\n    background: #2d1e12;\n    color: #fff;\n    position: relative;\n}\n\n.sls-row-content {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    align-items: center;\n}\n\n.sls-duration { font-size: 0.8rem; font-weight: 500; opacity: 0.8; }\n.sls-cost { font-size: 1.1rem; font-weight: 700; }\n\n.sls-row-featured .sls-cost { color: #d4a017; }\n\n.sls-mini-badge {\n    position: absolute;\n    top: -8px;\n    right: 20px;\n    background: #d4a017;\n    color: #fff;\n    font-size: 0.6rem;\n    font-weight: 700;\n    padding: 2px 10px;\n    border-radius: 6px;\n    text-transform: uppercase;\n}\n\n\/* Action Button *\/\n.sls-btn-airy {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background: #d4a017;\n    color: #fff;\n    text-decoration: none;\n    padding: 18px;\n    border-radius: 100px;\n    font-weight: 700;\n    font-size: 0.9rem;\n    transition: 0.3s;\n    box-shadow: 0 10px 20px rgba(212, 160, 23, 0.2);\n}\n\n.sls-btn-airy:hover {\n    background: #2d1e12;\n    box-shadow: 0 15px 30px rgba(45, 30, 18, 0.2);\n    color: #d4a017;\n}\n\n\/* Mobile *\/\n@media (max-width: 480px) {\n    .sls-main-title { font-size: 1.8rem; }\n    .sls-floating-card { padding: 30px 20px; }\n.sls-airy-v10{ \n padding: 30px 0;\n}\n\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-315016543\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #facemassage\" data-bullet=\"false\" data-link=\"#facemassage\" data-title=\"Face Massage\"><a name=\"facemassage\"><\/a><\/span>\n\n\n\n<section class=\"fam-airy-v10\">\n    <div class=\"fam-airy-container\">\n        \n        <header class=\"fam-external-header\" data-aos=\"fade-down\">\n            <h2 class=\"fam-main-title\">Facial Massage<\/h2>\n            <div class=\"fam-title-line\"><\/div>\n        <\/header>\n\n        <div class=\"fam-floating-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n            <div class=\"fam-card-inner\">\n                \n                <div class=\"fam-service-box\">\n                    <div class=\"fam-service-icon\">\n                        <i class=\"fa-solid fa-spa\"><\/i>\n                    <\/div>\n                    <div class=\"fam-service-text\">\n                        <h3>Relaxing Facial<\/h3>\n                        <p>Gentle cleansing & soothing massage for radiant skin<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"fam-price-container\">\n                    <div class=\"fam-price-row\">\n                        <span class=\"fam-duration\">30 Minutes<\/span>\n                        <span class=\"fam-cost\">229.000\u0111<\/span>\n                    <\/div>\n                    \n                    <div class=\"fam-price-row fam-row-featured\">\n                        <div class=\"fam-row-content\">\n                            <span class=\"fam-duration\">60 Minutes<\/span>\n                            <span class=\"fam-cost\">409.000\u0111<\/span>\n                        <\/div>\n                        <span class=\"fam-mini-badge\">Most Popular<\/span>\n                    <\/div>\n\n                    <div class=\"fam-price-row\">\n                        <span class=\"fam-duration\">90 Minutes<\/span>\n                        <span class=\"fam-cost\">569.000\u0111<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"fam-action-wrapper\">\n                    <a href=\"#book\" class=\"fam-btn-airy\">\n                        <span>Book an Appointment<\/span>\n                        <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Setup --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n.fam-airy-v10 {\n    padding: 30px 0;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    display: flex;\n    justify-content: center;\n}\n\n.fam-airy-container {\n    width: 100%;\n    max-width: 460px; \/* Nh\u1ecf g\u1ecdn t\u1ed1i \u01b0u *\/\n    padding: 0 20px;\n}\n\n\/* --- External Header --- *\/\n.fam-external-header {\n    text-align: center;\n    margin-bottom: 35px;\n}\n\n.fam-main-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    color: #2d1e12;\n    margin: 0;\n}\n\n.fam-title-line {\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(to right, transparent, #d4a017, transparent);\n    margin: 12px auto 0;\n}\n\n\/* --- Floating Card --- *\/\n.fam-floating-card {\n    background: #ffffff;\n    border-radius: 35px;\n    padding: 40px;\n    box-shadow: 0 20px 50px rgba(45, 30, 18, 0.06);\n    border: 1px solid #d4a017;\n    position: relative;\n    transition: 0.4s ease;\n}\n\n.fam-floating-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 60px rgba(184, 134, 11, 0.12);\n}\n\n\/* Service Info *\/\n.fam-service-box {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    margin-bottom: 30px;\n}\n\n.fam-service-icon {\n    width: 48px;\n    height: 48px;\n    background: #fdf8eb;\n    color: #d4a017;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.fam-service-text h3 {\n    font-size: 1.15rem;\n    margin: 0;\n    color: #2d1e12;\n    font-weight: 700;\n}\n\n.fam-service-text p {\n    font-size: 0.85rem;\n    color: #8a7b6e;\n    margin: 4px 0 0;\n    line-height: 1.4;\n}\n\n\/* Pricing Section *\/\n.fam-price-container {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-bottom: 30px;\n}\n\n.fam-price-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 20px;\n    background: #f8f9fa;\n    border-radius: 18px;\n    transition: 0.3s;\n}\n\n.fam-row-featured {\n    background: #2d1e12;\n    color: #fff;\n    position: relative;\n    box-shadow: 0 8px 20px rgba(45, 30, 18, 0.15);\n}\n\n.fam-row-content {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    align-items: center;\n}\n\n.fam-duration { font-size: 0.8rem; font-weight: 500; opacity: 0.8; }\n.fam-cost { font-size: 1.05rem; font-weight: 700; }\n\n.fam-row-featured .fam-cost { color: #d4a017; }\n\n.fam-mini-badge {\n    position: absolute;\n    top: -8px;\n    right: 20px;\n    background: #d4a017;\n    color: #fff;\n    font-size: 0.6rem;\n    font-weight: 700;\n    padding: 2px 10px;\n    border-radius: 6px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* Action Button *\/\n.fam-btn-airy {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background: #d4a017;\n    color: #fff;\n    text-decoration: none;\n    padding: 18px;\n    border-radius: 100px;\n    font-weight: 700;\n    font-size: 0.9rem;\n    transition: 0.3s;\n    box-shadow: 0 10px 20px rgba(212, 160, 23, 0.2);\n}\n\n.fam-btn-airy:hover {\n    background: #2d1e12;\n    box-shadow: 0 15px 30px rgba(45, 30, 18, 0.2);\n    color: #d4a017;\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 480px) {\n    .fam-main-title { font-size: 1.8rem; }\n    .fam-floating-card { padding: 30px 20px; }\n    .fam-cost { font-size: 1rem; }\n    .fam-airy-v10{\n      padding: 30px 0\n}\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<span class=\"scroll-to\" data-label=\"Scroll to: #hairwash\" data-bullet=\"false\" data-link=\"#hairwash\" data-title=\"Hair Wash\"><a name=\"hairwash\"><\/a><\/span>\n\n\n\n<section class=\"hw-hair-wash-v3\">\n    <div class=\"hw-container-compact\">\n        <div class=\"hw-head-mini\" data-aos=\"fade-down\">\n            <h2 class=\"hw-title-compact\">Hair Wash<\/h2>\n            <div class=\"hw-line-gold\"><\/div>\n        <\/div>\n\n        <div class=\"hw-scroll-wrapper\">\n            <div class=\"hw-body-grid-compact\">\n                \n                <div class=\"hw-card-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"hw-card-header-mini\">\n                        <div class=\"hw-icon-box\"><i class=\"fa-solid fa-spa\"><\/i><\/div>\n                        <div class=\"hw-title-group\">\n                            <h3>Vietnamese Hair Wash<\/h3>\n                            <p>Smooth & basic relaxation<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hw-price-list\">\n                        <div class=\"hw-price-line hw-highlight-row\"><span>30 Minutes<\/span><strong>200.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"hw-card-action\">\n                        <a href=\"#book\" class=\"hw-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hw-card-item hw-featured-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"hw-card-header-mini\">\n                        <div class=\"hw-icon-box\"><i class=\"fa-solid fa-fire-flame-curved\"><\/i><\/div>\n                        <div class=\"hw-title-group\">\n                            <h3>Hair Wash + Head + Shoulder<\/h3>\n                            <p>Deep heat & scent therapy<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hw-price-list\">\n                        <div class=\"hw-price-line\"><span>30 Minutes<\/span><strong>259.000\u0111<\/strong><\/div>\n                        <div class=\"hw-price-line hw-highlight-row\"><span>60 Minutes<\/span><strong>350.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"hw-card-action\">\n                        <a href=\"#book\" class=\"hw-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hw-card-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"hw-card-header-mini\">\n                        <div class=\"hw-icon-box\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\n                        <div class=\"hw-title-group\">\n                            <h3>Hair Cut<\/h3>\n                            <p>Stretching & acupressure<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hw-price-list\">\n                        <div class=\"hw-price-line hw-highlight-row\"><span>30 Minutes<\/span><strong>319.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"hw-card-action\">\n                        <a href=\"#book\" class=\"hw-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hw-card-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"hw-card-header-mini\">\n                        <div class=\"hw-icon-box\"><i class=\"fa-solid fa-hand-holding-heart\"><\/i><\/div>\n                        <div class=\"hw-title-group\">\n                            <h3>Face Shave<\/h3>\n                            <p>Perfect combination<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hw-price-list\">\n                        <div class=\"hw-price-line hw-highlight-row\"><span>30 Minutes<\/span><strong>249.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"hw-card-action\">\n                        <a href=\"#book\" class=\"hw-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hw-card-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n                    <div class=\"hw-card-header-mini\">\n                        <div class=\"hw-icon-box\"><i class=\"fa-solid fa-water\"><\/i><\/div>\n                        <div class=\"hw-title-group\">\n                            <h3>Clean Ears<\/h3>\n                            <p>Gentle flow & rhythm<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hw-price-list\">\n                        <div class=\"hw-price-line hw-highlight-row\"><span>30 Minutes<\/span><strong>249.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"hw-card-action\">\n                        <a href=\"#book\" class=\"hw-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hw-card-item\" data-aos=\"fade-up\" data-aos-delay=\"600\">\n                    <div class=\"hw-card-header-mini\">\n                        <div class=\"hw-icon-box\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\n                        <div class=\"hw-title-group\">\n                            <h3>Eyeslash Extensions<\/h3>\n                            <p>Muscle tension release<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hw-price-list\">\n                        <div class=\"hw-price-line hw-highlight-row\"><span>120 Minutes<\/span><strong>599.000\u0111<\/strong><\/div>\n                    <\/div>\n                    <div class=\"hw-card-action\">\n                        <a href=\"#book\" class=\"hw-btn-small\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Base Styles --- *\/\n.hw-hair-wash-v3 { \n    padding: 40px 0; \n    font-family: 'Inter', sans-serif;\n}\n.hw-container-compact { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n\/* --- Header Section --- *\/\n.hw-head-mini { text-align: center; margin-bottom: 40px; }\n.hw-title-compact { \n    color: #2d1e12; \n    font-size: 2.2rem; \n    margin: 0; \n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n}\n.hw-line-gold { \n    width: 50px; \n    height: 3px; \n    background: linear-gradient(to right, transparent, #d4a017, transparent); \n    margin: 15px auto; \n}\n\n\/* --- Layout Grid --- *\/\n.hw-body-grid-compact { \n    display: grid; \n    grid-template-columns: repeat(3, 1fr); \n    gap: 20px; \n}\n\n\/* --- Card Design --- *\/\n.hw-card-item {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 25px 20px;\n    border: 1px solid rgba(212, 160, 23, 0.1);\n    box-shadow: 0 10px 30px rgba(74, 51, 32, 0.05);\n    display: flex;\n    flex-direction: column;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    position: relative;\n}\n\n.hw-card-item:hover { \n    transform: translateY(-10px); \n    border-color: #d4a017;\n    box-shadow: 0 20px 40px rgba(212, 160, 23, 0.12);\n}\n\n.hw-featured-card {\n    border: 1.5px solid #d4a017;\n    background: #fffefb;\n    z-index: 1;\n}\n.hw-featured-card::after {\n    content: \"Recommended\";\n    position: absolute;\n    top: -12px;\n    right: 20px;\n    background: #d4a017;\n    color: white;\n    font-size: 0.65rem;\n    padding: 2px 12px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n}\n\n\/* --- Card Header --- *\/\n.hw-card-header-mini { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }\n.hw-icon-box { \n    width: 45px; height: 45px; \n    background: linear-gradient(135deg, #fef9ed 0%, #f7f0e0 100%); \n    color: #d4a017; \n    border-radius: 12px; \n    display: flex; \n    align-items: center; \n    justify-content: center; \n    font-size: 1.2rem;\n    flex-shrink: 0;\n    transition: 0.3s;\n}\n.hw-card-item:hover .hw-icon-box { background: #d4a017; color: #fff; }\n\n.hw-title-group h3 { font-size: 1.1rem; color: #2d1e12; margin: 0; font-weight: 700; line-height: 1.2; }\n.hw-title-group p { font-size: 0.75rem; color: #8a7b6e; margin: 4px 0 0; }\n\n\/* --- Price List Styling --- *\/\n.hw-price-list { \n    border-top: 1px solid #f3ece0; \n    padding-top: 15px; \n    flex-grow: 1; \n}\n.hw-price-line { \n    display: flex; justify-content: space-between; align-items: center;\n    padding: 8px 0; font-size: 0.85rem; \n}\n.hw-price-line span { color: #5c4033; font-weight: 400; }\n.hw-price-line strong { color: #2d1e12; font-weight: 700; font-size: 0.9rem; }\n\n.hw-highlight-row { \n    background: #fdf8eb; \n    margin: 5px -10px; \n    padding: 8px 10px; \n    border-radius: 8px;\n    border-left: 3px solid #d4a017;\n}\n\n\/* --- Call to Action --- *\/\n.hw-card-action { margin-top: 20px; }\n.hw-btn-small {\n    display: block; \n    text-align: center; \n    background: #2d1e12; \n    color: #fff;\n    padding: 12px; \n    border-radius: 10px; \n    text-decoration: none; \n    font-weight: 600;\n    font-size: 0.85rem; \n    transition: all 0.3s ease;\n    letter-spacing: 0.5px;\n}\n.hw-btn-small:hover { \n    background: #d4a017; \n    box-shadow: 0 5px 15px rgba(212, 160, 23, 0.3);\n}\n\n\/* --- Mobile Responsive --- *\/\n@media (max-width: 1024px) {\n    .hw-body-grid-compact { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n    .hw-title-compact {\n       font-size: 1.8rem;\n    }\n    .hw-hair-wash-v3 { padding: 40px 0; }\n    .hw-scroll-wrapper {\n        overflow-x: auto;\n        padding: 10px 20px 30px;\n        margin: 0 -20px;\n        -webkit-overflow-scrolling: touch;\n    }\n    .hw-scroll-wrapper::-webkit-scrollbar { height: 4px; }\n    .hw-scroll-wrapper::-webkit-scrollbar-thumb { background: #d4a017; border-radius: 10px; }\n    \n    .hw-body-grid-compact { \n        display: flex; \n        gap: 15px; \n        width: max-content; \n    }\n    .hw-card-item {\n        min-width: 280px;\n        max-width: 280px;\n    }\n    .hw-featured-card { transform: scale(1); }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #nailservices\" data-bullet=\"false\" data-link=\"#nailservices\" data-title=\"Nail Services\"><a name=\"nailservices\"><\/a><\/span>\n\n\n\n<section class=\"ns-luxury-final\">\n    <div class=\"ns-container\">\n        \n        <!-- Hero Section: \u0110\u00e3 s\u1eeda l\u1ed7i hi\u1ec3n th\u1ecb ch\u1eef \u0111\u00e8 l\u00ean \u1ea3nh -->\n        <div class=\"ns-hero\" data-aos=\"fade-down\">\n            <div class=\"ns-hero-inner\">\n                <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/05\/nail-scaled.jpg\" alt=\"Nail Art\" class=\"ns-img-bg\">\n                <div class=\"ns-overlay\"><\/div>\n                <div class=\"ns-hero-content\">\n                    <span class=\"ns-tag\">Premium Collection<\/span>\n                    <h2 class=\"ns-main-title\">Nail Artistry Menu<\/h2>\n                    <div class=\"ns-gold-line\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Menu Section: C\u1ea5u tr\u00fac list 2 c\u1ed9t c\u1ed5 \u0111i\u1ec3n -->\n        <div class=\"ns-menu-wrapper\">\n            <div class=\"ns-grid\">\n                <!-- C\u1ed9t tr\u00e1i -->\n                <div class=\"ns-col\" data-aos=\"fade-right\">\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Classic Manicure<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">199.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ns-item ns-featured\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Gel Nail Design <span class=\"ns-badge\">Popular<\/span><\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">499.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Classic Pedicure<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">199.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Take of Gel<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">150.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- C\u1ed9t ph\u1ea3i -->\n                <div class=\"ns-col\" data-aos=\"fade-left\">\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Gel Nail Extensions<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">629.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Polish Nail<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">199.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Builder Gel Nails<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">649.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ns-item\">\n                        <div class=\"ns-item-info\">\n                            <span class=\"ns-name\">Pure Gel Nails<\/span>\n                            <div class=\"ns-dots\"><\/div>\n                            <span class=\"ns-price\">449.000\u0111<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- N\u00fat b\u1ea5m phong c\u00e1ch Gold Gradient -->\n            <div class=\"ns-action\" data-aos=\"fade-up\">\n                <a href=\"#book\" class=\"ns-btn-gold\">Book Your Experience<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,500&family=Plus+Jakarta+Sans:wght@300;400;600&display=swap');\n\n.ns-luxury-final {\n    --gold: #c5a059;\n    --dark: #1a1a1a;\n    --text: #4a4a4a;\n    --bg: #fdfbf7;\n    padding: 60px 0;\n    background: var(--bg);\n    font-family: 'Plus Jakarta Sans', sans-serif;\n}\n\n.ns-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* --- H\u1ed9p ch\u1ee9a \u1ea3nh Hero --- *\/\n.ns-hero {\n    margin-bottom: 50px;\n}\n\n.ns-hero-inner {\n    position: relative;\n    height: 350px;\n    border-radius: 15px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n}\n\n.ns-img-bg {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    object-fit: cover;\n    z-index: 1;\n}\n\n.ns-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.4); \/* L\u00e0m t\u1ed1i \u1ea3nh \u0111\u1ec3 n\u1ed5i ch\u1eef *\/\n    z-index: 2;\n}\n\n.ns-hero-content {\n    position: relative;\n    z-index: 3;\n    color: #fff;\n}\n\n.ns-tag {\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    margin-bottom: 10px;\n    display: block;\n    color: var(--gold);\n}\n\n.ns-main-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 3rem;\n    margin: 0;\n    font-weight: 600;\n    color: #FFFFFF;\n}\n\n.ns-gold-line {\n    width: 60px;\n    height: 2px;\n    background: var(--gold);\n    margin: 20px auto 0;\n}\n\n\/* --- Menu Grid --- *\/\n.ns-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0 60px;\n}\n\n.ns-item {\n    margin-bottom: 25px;\n}\n\n.ns-item-info {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n}\n\n.ns-name {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: var(--dark);\n    white-space: nowrap;\n}\n\n.ns-dots {\n    flex-grow: 1;\n    border-bottom: 1px dashed #d1d1d1;\n    position: relative;\n    top: -4px;\n}\n\n.ns-price {\n    font-weight: 600;\n    color: var(--gold);\n    font-size: 1rem;\n}\n\n.ns-badge {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 0.6rem;\n    background: var(--gold);\n    color: white;\n    padding: 2px 8px;\n    border-radius: 4px;\n    margin-left: 5px;\n    text-transform: uppercase;\n    vertical-align: middle;\n}\n\n.ns-featured .ns-name {\n    color: var(--gold);\n}\n\n\/* --- Button --- *\/\n.ns-action {\n    text-align: center;\n    margin-top: 40px;\n}\n\n.ns-btn-gold {\n    display: inline-block;\n    padding: 16px 40px;\n    background: linear-gradient(135deg, #c5a059 0%, #9e7d41 100%);\n    color: white;\n    text-decoration: none;\n    border-radius: 50px;\n    font-weight: 600;\n    letter-spacing: 1px;\n    box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3);\n    transition: all 0.3s ease;\n}\n\n.ns-btn-gold:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 30px rgba(197, 160, 89, 0.4);\n}\n\n\/* --- Mobile --- *\/\n@media (max-width: 850px) {\n    .ns-grid { grid-template-columns: 1fr; }\n    .ns-main-title { font-size: 2.2rem; }\n    .ns-hero-inner { height: 250px; }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #waxingservices\" data-bullet=\"false\" data-link=\"#waxingservices\" data-title=\"Waxing Services\"><a name=\"waxingservices\"><\/a><\/span>\n\n\n\n<section class=\"wx-nail-full-v3\">\n    <div class=\"wx-wrapper\">\n        <div class=\"wx-header\" data-aos=\"fade-down\">\n            <h2 class=\"wx-title\">Waxing Services Menu<\/h2>\n            <div class=\"wx-divider\">\n                <span class=\"wx-dot\"><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"wx-action-group\" data-aos=\"fade-up\">\n            <a href=\"#book\" class=\"wx-btn-gold\">Book an Appointment<\/a>\n        <\/div>\n\n        <div class=\"wx-grid\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-hand-sparkles\"><\/i><\/div>\n                    <span class=\"wx-name\">Eyebrow<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">169.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item wx-featured\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\n                    <span class=\"wx-name\">Bikini Full<\/span>\n                    <span class=\"wx-badge\">Popular<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">649.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-brush\"><\/i><\/div>\n                    <span class=\"wx-name\">Lip \/ Chin<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">199.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\n                    <span class=\"wx-name\">Under Arm<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">329.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-spray-can\"><\/i><\/div>\n                    <span class=\"wx-name\">Full Arms<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">429.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-soap\"><\/i><\/div>\n                    <span class=\"wx-name\">Half Leg<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">339.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-eraser\"><\/i><\/div>\n                    <span class=\"wx-name\">Full Legs<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">419.000\u0111<\/div>\n            <\/div>\n\n            <div class=\"wx-item\">\n                <div class=\"wx-info\">\n                    <div class=\"wx-icon\"><i class=\"fa-solid fa-shield-heart\"><\/i><\/div>\n                    <span class=\"wx-name\">Bikini Line<\/span>\n                <\/div>\n                <div class=\"wx-spacer\"><\/div>\n                <div class=\"wx-price\">499.000\u0111<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"wx-action-group\" data-aos=\"fade-up\">\n            <a href=\"#book\" class=\"wx-btn-dark\">Book an Appointment<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Reset & Variables --- *\/\n:root {\n    --gold: #d4a017;\n    --dark: #2d1e12;\n    --light-gold: #fdf8eb;\n    --text-muted: #8a7b6e;\n    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.wx-nail-full-v3 {\n    padding: 40px 0;\n    width: 100%;\n    overflow: hidden;\n    background: transparent;\n}\n\n.wx-wrapper {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* --- Header Section --- *\/\n.wx-header { text-align: center; margin-bottom: 40px; }\n.wx-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    color: var(--dark);\n    margin: 10px 0;\n}\n.wx-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-top: 10px;\n}\n.wx-divider::before, .wx-divider::after {\n    content: \"\";\n    width: 50px;\n    height: 1px;\n    background: var(--gold);\n}\n.wx-dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; }\n\n\/* --- Services Grid --- *\/\n.wx-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0 60px;\n    margin: 40px 0;\n}\n\n.wx-item {\n    display: flex;\n    align-items: center;\n    padding: 20px 0;\n    border-bottom: 1px solid #eee;\n    transition: var(--transition);\n}\n\n.wx-item:hover { transform: translateX(5px); }\n\n.wx-info { display: flex; align-items: center; gap: 15px; }\n.wx-icon {\n    width: 40px;\n    height: 40px;\n    background: var(--light-gold);\n    color: var(--gold);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 1rem;\n}\n\n.wx-name {\n    font-weight: 700;\n    color: var(--dark);\n    font-size: 1rem;\n    white-space: nowrap;\n}\n\n.wx-badge {\n    background: var(--gold);\n    color: white;\n    font-size: 0.6rem;\n    padding: 2px 8px;\n    border-radius: 20px;\n    text-transform: uppercase;\n    margin-left: 10px;\n}\n\n.wx-spacer {\n    flex-grow: 1;\n    margin: 0 15px;\n    border-bottom: 1px dotted #ccc;\n    position: relative;\n    top: -4px;\n}\n\n.wx-price {\n    font-weight: 700;\n    color: var(--dark);\n    font-size: 1rem;\n    min-width: 90px;\n    text-align: right;\n}\n\n\/* Featured Row *\/\n.wx-item.wx-featured {\n    border-bottom: 1px solid var(--gold);\n}\n.wx-item.wx-featured .wx-name { color: var(--gold); }\n\n\/* --- Buttons --- *\/\n.wx-action-group {\n    display: flex;\n    justify-content: center;\n    margin: 20px 0;\n}\n\n.wx-btn-gold, .wx-btn-dark {\n    background: var(--gold);\n    color: #fff;\n    padding: 15px 45px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 0.9rem;\n    box-shadow: 0 10px 20px rgba(212, 160, 23, 0.2);\n    transition: var(--transition);\n    cursor: pointer;\n}\n\n.wx-btn-gold:hover, .wx-btn-dark:hover {\n    transform: translateY(-3px);\n    opacity: 0.9;\n}\n\n\/* --- Mobile Responsive --- *\/\n@media (max-width: 1024px) {\n    .wx-grid { grid-template-columns: 1fr; gap: 0; }\n    .wx-wrapper { padding: 0 20px; }\n}\n\n@media (max-width: 600px) {\n    .wx-title{\n       font-size: 1.8rem;\n    }\n    .wx-item { flex-wrap: nowrap; }\n    .wx-name { font-size: 0.9rem; }\n    .wx-price { font-size: 0.9rem; min-width: 80px; }\n    .wx-spacer { margin: 0 8px; }\n    .wx-btn-gold, .wx-btn-dark { width: 100%; text-align: center; }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #bodyscrub\" data-bullet=\"false\" data-link=\"#bodyscrub\" data-title=\"Body Scrub\"><a name=\"bodyscrub\"><\/a><\/span>\n\n\n\n<section class=\"bs-foot-mobile-scroll\">\n    <div class=\"bs-container-compact\">\n        <div class=\"bs-head-mini\" data-aos=\"fade-down\">\n            <h2 class=\"bs-title-compact\">Body Scrub Menu<\/h2>\n            <div class=\"bs-line-gold\"><\/div>\n        <\/div>\n\n        <div class=\"bs-scroll-wrapper\">\n            <div class=\"bs-foot-grid-compact\">\n                \n                <div class=\"bs-card-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"bs-card-header-mini\">\n                        <div class=\"bs-icon-box\">\n                            <i class=\"fa-solid fa-shoe-prints\"><\/i>\n                        <\/div>\n                        <div class=\"bs-title-group\">\n                            <h3>Milk & Coffee Scrub<\/h3>\n                            <p>Energy balance therapy<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"bs-price-list\">\n                        \n                        <div class=\"bs-price-line bs-highlight-row\">\n                            <span>60 Minutes<\/span>\n                            <strong>419.000\u0111<\/strong>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bs-card-action\">\n                        <a href=\"#book\" class=\"bs-btn-small\">Book an Appointment <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bs-card-item bs-featured-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"bs-card-header-mini\">\n                        <div class=\"bs-icon-box\">\n                            <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                        <\/div>\n                        <div class=\"bs-title-group\">\n                            <h3>Milk & Salt Scrub<\/h3>\n                            <p>Deep muscle relief<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"bs-price-list\">\n                        \n                        \n                        <div class=\"bs-price-line bs-highlight-row\">\n                            <span>60 Minutes<\/span>\n                            <strong>419.000\u0111<\/strong>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bs-card-action\">\n                        <a href=\"#book\" class=\"bs-btn-small\">Book an Appointment <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Base Styles --- *\/\n.bs-foot-mobile-scroll { \n    padding: 40px 0; \n    font-family: 'Inter', sans-serif;\n}\n.bs-container-compact { max-width: 900px; margin: 0 auto; padding: 0 20px; }\n\n\/* --- Header Section --- *\/\n.bs-head-mini { text-align: center; margin-bottom: 40px; }\n.bs-tag-gold { \n    color: #b8860b; \n    font-weight: 600; \n    text-transform: uppercase; \n    letter-spacing: 3px; \n    font-size: 0.75rem;\n    display: block;\n    margin-bottom: 10px;\n}\n.bs-title-compact { \n    color: #2d1e12; \n    font-size: 2.2rem; \n    margin: 0; \n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n}\n.bs-line-gold { \n    width: 50px; \n    height: 3px; \n    background: linear-gradient(to right, transparent, #d4a017, transparent); \n    margin: 15px auto; \n}\n\n\/* --- Layout Grid --- *\/\n.bs-foot-grid-compact { \n    display: grid; \n    grid-template-columns: repeat(2, 1fr); \n    gap: 25px; \n}\n\n\/* --- Card Design --- *\/\n.bs-card-item {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 25px;\n    border: 1px solid rgba(212, 160, 23, 0.1);\n    box-shadow: 0 10px 30px rgba(74, 51, 32, 0.05);\n    display: flex;\n    flex-direction: column;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    position: relative;\n}\n\n.bs-card-item:hover { \n    transform: translateY(-8px); \n    border-color: #d4a017;\n    box-shadow: 0 20px 40px rgba(212, 160, 23, 0.12);\n}\n\n.bs-featured-card {\n    border: 1.5px solid #d4a017;\n    background: #fffefb;\n}\n\n.bs-featured-card::after {\n    content: \"Popular Choice\";\n    position: absolute;\n    top: -12px;\n    right: 20px;\n    background: #d4a017;\n    color: white;\n    font-size: 0.65rem;\n    padding: 2px 12px;\n    border-radius: 10px;\n    text-transform: uppercase;\n    font-weight: 700;\n}\n\n\/* --- Card Header --- *\/\n.bs-card-header-mini { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }\n.bs-icon-box { \n    width: 45px; height: 45px; \n    background: linear-gradient(135deg, #fef9ed 0%, #f7f0e0 100%); \n    color: #d4a017; \n    border-radius: 12px; \n    display: flex; \n    align-items: center; \n    justify-content: center; \n    font-size: 1.2rem;\n    flex-shrink: 0;\n    transition: 0.3s;\n}\n.bs-card-item:hover .bs-icon-box { background: #d4a017; color: #fff; }\n\n.bs-title-group h3 { font-size: 1.15rem; color: #2d1e12; margin: 0; font-weight: 700; line-height: 1.2; }\n.bs-title-group p { font-size: 0.8rem; color: #8a7b6e; margin: 4px 0 0; }\n\n\/* --- Price List Styling --- *\/\n.bs-price-list { \n    border-top: 1px solid #f3ece0; \n    padding-top: 15px; \n    flex-grow: 1; \n}\n.bs-price-line { \n    display: flex; justify-content: space-between; align-items: center;\n    padding: 8px 0; font-size: 0.9rem; border-bottom: 1px solid #faf7f0;\n}\n.bs-price-line:last-child { border-bottom: none; }\n.bs-price-line span { color: #5c4033; font-weight: 400; }\n.bs-price-line strong { color: #2d1e12; font-weight: 700; font-size: 0.95rem; }\n\n.bs-highlight-row { \n    background: #fdf8eb; \n    margin: 5px -10px; \n    padding: 8px 10px; \n    border-radius: 8px;\n    border-left: 3px solid #d4a017;\n}\n\n\/* --- Call to Action --- *\/\n.bs-card-action { margin-top: 20px; }\n.bs-btn-small {\n    display: flex; \n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    background: #2d1e12; \n    color: #fff;\n    padding: 12px; \n    border-radius: 10px; \n    text-decoration: none; \n    font-weight: 600;\n    font-size: 0.85rem; \n    transition: all 0.3s ease;\n}\n.bs-btn-small i { font-size: 0.7rem; transition: 0.3s; }\n.bs-btn-small:hover { \n    background: #d4a017; \n    box-shadow: 0 5px 15px rgba(212, 160, 23, 0.3);\n}\n.bs-btn-small:hover i { transform: translateX(3px); }\n\n\/* --- Mobile Responsive: Horizontal Scroll --- *\/\n@media (max-width: 767px) {\n    .bs-head-mini { margin-bottom: 25px; }\n    .bs-title-compact { font-size: 1.8rem; }\n    \n    .bs-scroll-wrapper {\n        overflow-x: auto;\n        padding: 10px 20px 35px 20px;\n        margin: 0 -20px;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n    }\n    .bs-scroll-wrapper::-webkit-scrollbar { display: none; }\n\n    .bs-foot-grid-compact { \n        display: flex; \n        gap: 15px; \n        width: max-content; \n    }\n\n    .bs-card-item {\n        min-width: 290px;\n        max-width: 290px;\n    }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #specialpackages\" data-bullet=\"false\" data-link=\"#specialpackages\" data-title=\"Special Packages\"><a name=\"specialpackages\"><\/a><\/span>\n\n\n\n<section class=\"pk-package-section\">\n    <div class=\"pk-container\">\n        <div class=\"pk-head\" data-aos=\"fade-down\">\n            <span class=\"pk-subtitle\">Exclusive Offers<\/span>\n            <h2 class=\"pk-title\">Special Packages<\/h2>\n            <div class=\"pk-line\"><\/div>\n        <\/div>\n\n        <div class=\"pk-scroll-wrapper\">\n            <div class=\"pk-grid\">\n                \n                <div class=\"pk-card pk-orange\" data-aos=\"fade-up\">\n                    <div class=\"pk-card-inner\">\n                        <div class=\"pk-badge\">120 Mins<\/div>\n                        <h3 class=\"pk-name\">PACKAGE<\/h3>\n                        <div class=\"pk-price\">929.000\u0111<\/div>\n                        <p class=\"pk-desc\">Manicure + Pedicure + Body Scrub + Massage Relaxing Facial + Body Massage<\/p>\n                        <p class=\"pk-ko\">\ub9e4\ub2c8\ud050\uc5b4 + \ud398\ub514\ud050\uc5b4 + \ubc14\ub514 \uc2a4\ud06c\ub7fd + \ub9c8\uc0ac\uc9c0 \ud3b8\uc548\ud55c \ud398\uc774\uc15c + \ubc14\ub514 \ub9c8\uc0ac\uc9c0<\/p>\n                        <a href=\"#book\" class=\"pk-btn\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pk-card pk-green\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"pk-card-inner\">\n                        <div class=\"pk-badge\">180 Mins<\/div>\n                        <h3 class=\"pk-name\">PACKAGE<\/h3>\n                        <div class=\"pk-price\">1.250.000\u0111<\/div>\n                        <p class=\"pk-desc\">Manicure + Pedicure Color + Body Scrub + Massage Relaxing Facial + Body Thai + Hotstone + Aroma<\/p>\n                        <p class=\"pk-ko\">\ub9e4\ub2c8\ud050\uc5b4 + \ud398\ub514\ud050\uc5b4 (\uceec\ub7ec) + \ubc14\ub514 \uc2a4\ud06c\ub7fd + \ub9c8\uc0ac\uc9c0 (\ub9b4\ub799\uc2f1 \ud398\uc774\uc15c) + \ubc14\ub514 \ud0c0\uc774 \ub9c8\uc0ac\uc9c0 + \ud56b\uc2a4\ud1a4 + \uc544\ub85c\ub9c8<\/p>\n                        <a href=\"#book\" class=\"pk-btn\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pk-card pk-orange pk-featured\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"pk-card-inner\">\n                        <div class=\"pk-badge\">Couple<\/div>\n                        <h3 class=\"pk-name\">COUPLE SPA PACKAGE<\/h3>\n                        <div class=\"pk-price\">1.119.000\u0111<\/div>\n                        <p class=\"pk-desc\">Hoi An couple experience full body massage + hairwash (2 persons)<\/p>\n                        <p class=\"pk-ko\">\ud638\uc774\uc548 \ucee4\ud50c \uccb4\ud5d8 \uc804\uc2e0 \ub9c8\uc0ac\uc9c0 + \ud5e4\uc5b4\uc6cc\uc2dc (2\uc778)<\/p>\n                        <a href=\"#book\" class=\"pk-btn\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pk-card pk-green\" data-aos=\"fade-up\">\n                    <div class=\"pk-card-inner\">\n                        <div class=\"pk-badge\">Beauty<\/div>\n                        <h3 class=\"pk-name\">LADIES BEAUTY PACKAGE<\/h3>\n                        <div class=\"pk-price\">789.000\u0111<\/div>\n                        <p class=\"pk-desc\">Manicure + Pedicure + Massage Facial<\/p>\n                        <p class=\"pk-ko\">\ub9e4\ub2c8\ud050\uc5b4 + \ud398\ub514\ud050\uc5b4 + \ub9c8\uc0ac\uc9c0 \ud398\uc774\uc15c<\/p>\n                        <a href=\"#book\" class=\"pk-btn\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pk-card pk-orange\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"pk-card-inner\">\n                        <div class=\"pk-badge\">Special<\/div>\n                        <h3 class=\"pk-name\">LANTERN LADIES DAY<\/h3>\n                        <div class=\"pk-price\">890.000\u0111<\/div>\n                        <p class=\"pk-desc\">Full Body Massage + Facial Massage + Manicure + Pedicure<\/p>\n                        <p class=\"pk-ko\">\uc804\uc2e0 \ub9c8\uc0ac\uc9c0 + \uc5bc\uad74 \ub9c8\uc0ac\uc9c0 + \ub9e4\ub2c8\ud050\uc5b4 + \ud398\ub514\ud050\uc5b4<\/p>\n                        <a href=\"#book\" class=\"pk-btn\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pk-card pk-green\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"pk-card-inner\">\n                        <div class=\"pk-badge\">Family<\/div>\n                        <h3 class=\"pk-name\">FAMILY PACKAGE<\/h3>\n                        <div class=\"pk-price\">949.000\u0111<\/div>\n                        <p class=\"pk-desc\">60min Full Body Massage (2 adults) + 30 min Foot Massage or Hair Wash<\/p>\n                        <p class=\"pk-ko\">60\ubd84 \uc804\uc2e0 \ub9c8\uc0ac\uc9c0 (\uc131\uc778 2\uc778) + 30\ubd84 \ubc1c \ub9c8\uc0ac\uc9c0 \ub610\ub294 \ud5e4\uc5b4 \uc6cc\uc2dc<\/p>\n                        <a href=\"#book\" class=\"pk-btn\">Book an Appointment<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n:root {\n    --pk-orange: #e67e5f;\n    --pk-green: #a4c37a;\n    --pk-dark: #2d1e12;\n    --pk-gold: #d4a017;\n}\n\n.pk-package-section {\n    padding: 40px 0;\n    font-family: 'Inter', sans-serif;\n}\n\n.pk-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n\/* Header *\/\n.pk-head { text-align: center; margin-bottom: 50px; }\n.pk-subtitle { color: var(--pk-gold); text-transform: uppercase; letter-spacing: 3px; font-size: 0.8rem; font-weight: 700; }\n.pk-title { font-family: 'Playfair Display', serif; font-size: 2.5rem; color: var(--pk-dark); margin: 10px 0; }\n.pk-line { width: 60px; height: 3px; background: var(--pk-gold); margin: 15px auto; }\n\n\/* Grid System *\/\n.pk-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr); \/* 3 c\u1ed9t tr\u00ean desktop *\/\n    gap: 30px;\n}\n\n\/* Card Styling *\/\n.pk-card {\n    height: 100%;\n    transition: transform 0.4s ease;\n}\n\n.pk-card-inner {\n    height: 100%;\n    padding: 40px 30px;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    position: relative;\n    color: #fff;\n}\n\n.pk-orange .pk-card-inner { background-color: var(--pk-orange); }\n.pk-green .pk-card-inner { background-color: var(--pk-green); }\n\n.pk-card:hover { transform: translateY(-10px); }\n\n\/* Card Elements *\/\n.pk-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background: rgba(255,255,255,0.2);\n    padding: 4px 12px;\n    border-radius: 50px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.pk-name {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n    margin-bottom: 15px;\n    min-height: 3rem;\n    display: flex;\n    align-items: center;\n    text-transform: uppercase;\n}\n\n.pk-price {\n    font-size: 1.8rem;\n    font-weight: 800;\n    margin-bottom: 20px;\n    letter-spacing: -0.5px;\n}\n\n.pk-desc {\n    font-size: 0.9rem;\n    line-height: 1.6;\n    margin-bottom: 15px;\n    flex-grow: 1;\n    font-weight: 500;\n}\n\n.pk-ko {\n    font-size: 0.8rem;\n    opacity: 0.9;\n    font-weight: 300;\n    margin-bottom: 25px;\n}\n\n.pk-btn {\n    background: #fff;\n    color: var(--pk-dark);\n    padding: 12px 30px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 0.85rem;\n    transition: 0.3s;\n}\n\n.pk-orange .pk-btn { color: var(--pk-orange); }\n.pk-green .pk-btn { color: var(--pk-green); }\n\n.pk-btn:hover {\n    background: var(--pk-dark);\n    color: #fff !important;\n}\n\n\n\/* --- Mobile Responsive: Horizontal Scroll --- *\/\n@media (max-width: 991px) {\n    .pk-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 767px) {\n    .pk-scroll-wrapper {\n        overflow-x: auto;\n        padding: 20px 20px 40px 20px;\n        margin: 0 -20px;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none; \/* Firefox *\/\n    }\n    .pk-scroll-wrapper::-webkit-scrollbar { display: none; } \/* Chrome\/Safari *\/\n\n    .pk-grid {\n        display: flex; \/* Chuy\u1ec3n sang flex \u0111\u1ec3 scroll ngang *\/\n        width: max-content;\n        gap: 20px;\n    }\n\n    .pk-card {\n        width: 300px; \/* \u0110\u1ed9 r\u1ed9ng c\u1ed1 \u0111\u1ecbnh c\u1ee7a card tr\u00ean mobile *\/\n    }\n\n    .pk-title { font-size: 2rem; }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2014600067 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255, 251, 244);\n}\n<\/style>\n\t<\/section>\n\t\n\t\t<div class=\"hidden\">\n\t\t\t\t\n\n<section class=\"sv-serv-wrap\">\n    <div class=\"sv-container\">\n        <div class=\"sv-head-box\" data-aos=\"fade-down\">\n            <span class=\"sv-tag\">Our Services<\/span>\n            <h2 class=\"sv-title\">Signature Experiences<\/h2>\n            <div class=\"sv-line\"><\/div>\n        <\/div>\n\n        <div class=\"sv-scroll-container\">\n            <div class=\"sv-grid\">\n                \n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-shoe-prints\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Foot Massage<\/h3>\n                    <p class=\"sv-card-desc\">Recover your tired feet with our specialized pressure point therapy after walking the Old Town.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-spa\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Body Massage<\/h3>\n                    <p class=\"sv-card-desc\">Deeply relaxing treatments using premium oils, hot stones, and traditional Thai techniques.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card sv-highlight\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"sv-badge\">Popular<\/div>\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-fire-flame-curved\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Lantern Special<\/h3>\n                    <p class=\"sv-card-desc\">Our signature Aroma + Hotstone + Thai combo or the synchronised Four Hand Massage.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-face-smile\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Face Massage<\/h3>\n                    <p class=\"sv-card-desc\">A refreshing journey combining gentle facial care with deep scalp relaxation.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-leaf\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Body Scrub<\/h3>\n                    <p class=\"sv-card-desc\">Exfoliate and glow with natural ingredients like Milk & Coffee or Milk & Sea Salt.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-hands-bubbles\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Nourishing Hairwash<\/h3>\n                    <p class=\"sv-card-desc\">A traditional Vietnamese hair wash combined with a soothing neck and head massage.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-hand-sparkles\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Nail Care<\/h3>\n                    <p class=\"sv-card-desc\">Professional manicure, pedicure, and gel art in a calm, sanitary environment.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n                <div class=\"sv-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"sv-icon-wrap\">\n                        <i class=\"fa-solid fa-droplet\"><\/i>\n                    <\/div>\n                    <h3 class=\"sv-card-title\">Waxing<\/h3>\n                    <p class=\"sv-card-desc\">Professional and gentle waxing services for smooth, clean, and healthy skin.<\/p>\n                    <a href=\"#\" class=\"sv-link\">Detail <i class=\"fa-solid fa-chevron-right\"><\/i><\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Core Styling --- *\/\n.sv-serv-wrap { \n    padding: 100px 0; \n    \/* Thay \u0111\u1ed5i background sang m\u00e0u be \u1ea5m \u00e1p *\/\n    background: #fdfaf3; \n    font-family: 'Inter', sans-serif;\n}\n.sv-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n\/* --- Header --- *\/\n.sv-head-box { text-align: center; margin-bottom: 60px; }\n.sv-tag { \n    color: #d4a017; font-weight: 700; text-transform: uppercase; \n    letter-spacing: 3px; font-size: 0.8rem; display: block; margin-bottom: 10px; \n}\n.sv-title { \n    font-family: 'Playfair Display', serif; font-size: clamp(2rem, 5vw, 3rem); \n    color: #2d1e12; font-weight: 700; margin: 0; \n}\n.sv-line { \n    width: 50px; height: 3px; background: #d4a017; margin: 20px auto; border-radius: 2px; \n}\n\n\/* --- Grid Layout --- *\/\n.sv-grid { \n    display: grid; \n    grid-template-columns: repeat(4, 1fr); \n    gap: 30px; \n}\n\n\/* --- Card Design --- *\/\n.sv-card { \n    background: #ffffff; \/* Gi\u1eef card m\u00e0u tr\u1eafng \u0111\u1ec3 n\u1ed5i b\u1eadt tr\u00ean n\u1ec1n be *\/\n    border: 1px solid rgba(212, 160, 23, 0.1); \n    border-radius: 30px; \n    padding: 40px 25px; \n    text-align: center; \n    display: flex; \n    flex-direction: column; \n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); \n    position: relative;\n    box-shadow: 0 10px 30px rgba(139, 90, 43, 0.04);\n}\n\n.sv-card:hover { \n    transform: translateY(-12px); \n    border-color: #d4a017; \n    box-shadow: 0 20px 40px rgba(212, 160, 23, 0.15);\n}\n\n\/* Icon Wrap *\/\n.sv-icon-wrap { \n    width: 70px; height: 70px; \n    background: #fffcf5; \/* M\u00e0u n\u1ec1n icon nh\u1ea1t h\u01a1n m\u1ed9t ch\u00fat *\/\n    color: #d4a017; border-radius: 50%; \n    display: flex; align-items: center; justify-content: center; \n    margin: 0 auto 25px; font-size: 2rem; transition: 0.4s;\n    border: 1px solid rgba(212, 160, 23, 0.1);\n}\n.sv-card:hover .sv-icon-wrap { background: #d4a017; color: #fff; transform: rotateY(360deg); }\n\n.sv-card-title { \n    color: #2d1e12; font-size: 1.25rem; margin-bottom: 15px; \n    font-weight: 700; font-family: 'Playfair Display', serif; \n}\n.sv-card-desc { color: #6b635a; font-size: 0.92rem; line-height: 1.6; flex-grow: 1; }\n\n\/* Link Style *\/\n.sv-link { \n    text-decoration: none; color: #d4a017; font-weight: 700; \n    margin-top: 25px; font-size: 0.8rem; text-transform: uppercase; \n    letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n}\n.sv-link i { font-size: 0.7rem; transition: 0.3s; }\n.sv-card:hover .sv-link i { transform: translateX(5px); }\n\n\/* Highlight Card *\/\n.sv-highlight { \n    background: linear-gradient(180deg, #ffffff 0%, #fef9ed 100%); \n    border: 2px solid #d4a017; \n}\n.sv-badge {\n    position: absolute; top: 15px; right: 15px; background: #d4a017; \n    color: #fff; font-size: 0.65rem; padding: 4px 12px; border-radius: 20px;\n    font-weight: 800; text-transform: uppercase;\n}\n\n\/* --- Mobile Responsive --- *\/\n@media (max-width: 1024px) {\n    .sv-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n}\n\n@media (max-width: 600px) {\n    .sv-serv-wrap { padding: 60px 0; }\n    \n    .sv-scroll-container {\n        overflow-x: auto;\n        padding: 20px 20px 40px;\n        margin: 0 -20px;\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        display: flex;\n    }\n    \n    .sv-scroll-container::-webkit-scrollbar { display: none; }\n    \n    .sv-grid { \n        display: flex; \n        gap: 15px;\n    }\n    \n    .sv-card { \n        min-width: 280px; \n        max-width: 280px; \n        scroll-snap-align: center;\n        padding: 35px 20px;\n        box-shadow: 0 10px 25px rgba(139, 90, 43, 0.08);\n    }\n\n    .sv-head-box { margin-bottom: 30px; }\n}\n<\/style>\n\t\t<\/div>\n\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #aboutus\" data-bullet=\"false\" data-link=\"#aboutus\" data-title=\"About Us\"><a name=\"aboutus\"><\/a><\/span>\n\n\n\n<section class=\"ab-about-wrap\">\n    <div class=\"ab-container\">\n        <div class=\"ab-grid\">\n            \n            <div class=\"ab-content\" data-aos=\"fade-right\">\n                <span class=\"ab-tag\">Our Philosophy<\/span>\n                <h2 class=\"ab-title\">Step away from the busy streets of Hoi An<\/h2>\n                <div class=\"ab-divider\"><\/div>\n                \n                <p class=\"ab-text\">At <strong>Orange Lantern Spa<\/strong>, we enter a place where time slows down. We combine traditional Vietnamese techniques with modern comfort to create a truly relaxing experience.<\/p>\n                \n                <p class=\"ab-text\">Soft lights, warm colors, and the gentle river breeze set the mood. Whether you\u2019ve been exploring the Old Town all day or simply want to treat yourself, this is your moment to unwind.<\/p>\n                \n                <div class=\"ab-quote-card\">\n                    <div class=\"ab-quote-icon\">\n                        <i class=\"fa-solid fa-quote-left\"><\/i>\n                    <\/div>\n                    <p>No rush, no stress\u2014just good treatments, skilled hands, and a peaceful atmosphere. Every treatment is designed to help your body recover and your mind reset.<\/p>\n                <\/div>\n                \n                <div class=\"ab-features\">\n                    <div class=\"ab-feat-item\">\n                        <i class=\"fa-solid fa-check\"><\/i>\n                        <span>Skilled Therapists<\/span>\n                    <\/div>\n                    <div class=\"ab-feat-item\">\n                        <i class=\"fa-solid fa-check\"><\/i>\n                        <span>Riverside Terrace<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ab-image-section\" data-aos=\"fade-left\">\n                <div class=\"ab-img-wrapper main-img\">\n                    <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/2.jpg\" alt=\"Orange Lantern Spa Interior\">\n                <\/div>\n                <div class=\"ab-img-wrapper sub-img\">\n                    <img decoding=\"async\" src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/6.jpg\" alt=\"Relaxing Treatment\">\n                <\/div>\n                <div class=\"ab-shape\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Base Styles --- *\/\n.ab-about-wrap { \n    padding: 100px 0; \n    background: #fffcf5; \n    overflow: hidden;\n    font-family: 'Inter', sans-serif;\n}\n.ab-container { max-width: 1200px; margin: 0 auto; padding: 0 25px; }\n\n\/* --- Layout Grid --- *\/\n.ab-grid { \n    display: grid; \n    grid-template-columns: 1.1fr 0.9fr; \n    gap: 80px; \n    align-items: center; \n}\n\n\/* --- Content Styling --- *\/\n.ab-tag { \n    color: #d4a017; \n    font-weight: 700; \n    text-transform: uppercase; \n    letter-spacing: 3px; \n    font-size: 0.8rem; \n    display: block; \n    margin-bottom: 15px; \n}\n\n.ab-title { \n    font-size: clamp(1.8rem, 4vw, 2.6rem); \n    color: #2d1e12; \n    margin-bottom: 20px; \n    line-height: 1.2; \n    font-family: 'Playfair Display', serif; \n    font-weight: 700;\n}\n\n.ab-divider {\n    width: 60px;\n    height: 3px;\n    background: #d4a017;\n    margin-bottom: 30px;\n}\n\n.ab-text { \n    color: #5c4b3c; \n    line-height: 1.8; \n    margin-bottom: 20px; \n    font-size: clamp(0.95rem, 2vw, 1.05rem);\n}\n\n.ab-text strong { color: #2d1e12; }\n\n\/* --- Quote Card --- *\/\n.ab-quote-card { \n    background: #ffffff; \n    padding: 30px; \n    border-radius: 20px; \n    box-shadow: 0 15px 35px rgba(139, 90, 43, 0.06); \n    margin: 35px 0;\n    position: relative;\n    border: 1px solid rgba(212, 160, 23, 0.1);\n}\n\n.ab-quote-icon {\n    color: #d4a017;\n    font-size: 1.6rem;\n    margin-bottom: 12px;\n    opacity: 0.6;\n}\n\n.ab-quote-card p { \n    font-style: italic; \n    color: #4a3320; \n    margin: 0; \n    line-height: 1.6;\n    font-size: 0.95rem;\n}\n\n\/* --- Features List --- *\/\n.ab-features { display: flex; gap: 30px; }\n.ab-feat-item { display: flex; align-items: center; gap: 8px; color: #2d1e12; font-weight: 600; font-size: 0.9rem; }\n.ab-feat-item i { color: #d4a017; font-size: 0.75rem; background: #fef9ed; padding: 6px; border-radius: 50%; }\n\n\/* --- Image Composition --- *\/\n.ab-image-section { position: relative; display: flex; align-items: flex-start; justify-content: flex-end; }\n\n.ab-img-wrapper { \n    border-radius: 25px; \n    overflow: hidden; \n    box-shadow: 0 20px 40px rgba(0,0,0,0.1); \n    transition: 0.5s ease;\n}\n\n.main-img { width: 85%; z-index: 2; border: 8px solid #fff; }\n\n.sub-img { \n    position: absolute; \n    width: 60%; \n    bottom: -40px; \n    left: -10%; \n    z-index: 3; \n    border: 8px solid #fff; \n}\n\n.ab-image-section:hover .main-img { transform: translateY(-10px); }\n.ab-image-section:hover .sub-img { transform: translate(10px, -15px); }\n\n.ab-img-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n.ab-shape {\n    position: absolute;\n    top: -20px;\n    right: -20px;\n    width: 120px;\n    height: 120px;\n    background: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23d4a017' fill-opacity='0.15'\/%3E%3C\/svg%3E\");\n    z-index: 1;\n}\n\n\/* --- Responsive Optimization --- *\/\n@media (max-width: 991px) {\n    .ab-grid { gap: 40px; }\n}\n\n@media (max-width: 768px) {\n    .ab-about-wrap { padding: 60px 0; }\n    .ab-grid { grid-template-columns: 1fr; gap: 50px; }\n    \n    .ab-image-section { \n        padding-left: 10%; \n        justify-content: center;\n        margin-top: 10px;\n    }\n    \n    .main-img { width: 100%; }\n    .sub-img { width: 55%; left: 0; bottom: -25px; }\n    \n    .ab-features { flex-direction: row; flex-wrap: wrap; gap: 15px; }\n    \n    .ab-quote-card { padding: 25px 20px; margin: 25px 0; }\n}\n<\/style>\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #reviewus\" data-bullet=\"false\" data-link=\"#reviewus\" data-title=\"Review Us\"><a name=\"reviewus\"><\/a><\/span>\n\n\n\t<section class=\"section\" id=\"section_1098694067\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1149985292\">\n\n\n\t<div id=\"col-1084219588\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3130374667\" class=\"text\">\n\t\t\n\n<h1 class=\"ab-title\">What Customers Say About Us?<\/h1>\n\t\t\n<style>\n#text-3130374667 {\n  text-align: left;\n  color: rgb(0,0,0);\n}\n#text-3130374667 > * {\n  color: rgb(0,0,0);\n}\n@media (min-width:550px) {\n  #text-3130374667 {\n    text-align: center;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n<pre class=\"ti-widget\"><template id=\"trustindex-google-widget-html\"><div class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d %s ago|today|day|days|week|weeks|month|months|year|years\" data-plugin-version=\"13.2.8\" data-layout-id=\"13\" data-layout-category=\"slider\" data-set-id=\"drop-shadow\" data-pid=\"\" data-language=\"en\" data-close-locale=\"Close\" data-review-target-width=\"275\" data-css-version=\"2\" data-reply-by-locale=\"Owner's reply\" data-only-rating-locale=\"This user only left a rating.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer source-Google\"> <div class=\"ti-row\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh6.googleusercontent.com\/-1jzVTzaMJAk\/AAAAAAAAAAI\/AAAAAAAAAAA\/IFPSxosQbxM\/s160-p-k-no-ns-nd\/photo.jpg\" alt=\"\ud83c\udf4a Orange Lantern Spa &amp; Beauty\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> \ud83c\udf4a Orange Lantern Spa &amp; Beauty<\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\"><strong>7 Google reviews<\/strong><\/span> <\/div> <div class=\"ti-header-write-btn-container\"> <a href=\"https:\/\/admin.trustindex.io\/api\/googleWriteReview?place-id=ChIJ5dMPFjENQjERa5sTxVfX5xw\" class=\"ti-header-write-btn\" role=\"button\" aria-label=\"Write a review to Google\" target=\"_blank\" rel=\"noopener\">Write a review<\/a> <\/div>  <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1774915200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKdMrDCLkrrYN8cwM1n_kBamj3eb_r0JGSeFpAeemLBu7TeAQ=w40-h40-c-rp-mo-br100\" alt=\"Eliesha Burke profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Eliesha Burke <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->My husband and I stopped here after lunch. Great view of the river. I got a pedicure and my husband got a foot massage. He said it was incredible (he has had recent surgery so they got rid of the swelling) my pedicure was beautiful!! The owners were so welcoming and gave us free beer while getting massages and pedicure!\nHighly recommend coming here!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774915200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLH8frFHLqfMZtGQy4Bq_gnkwiY7kEEI1LLso7FsBXmos2AEA=w40-h40-c-rp-mo-br100\" alt=\"\uc774\ubbf8\uc988 profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> \uc774\ubbf8\uc988 <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->The area around Hoi An is beautiful, so I stopped by for a pedicure during my bike tour. The service was incredibly friendly, and best of all, they gave me a beer as a welcome drink\u2014it was free! The pedicure was also perfect; they accommodated all my requests. C\u1ea3m \u01a1n\ud83d\ude09<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774828800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjW4OoXzNVkUWDiqQA0KrttCgtxvQOeijleeS2VLzWQBkUc1vIg=w40-h40-c-rp-mo-br100\" alt=\"edwin van eijk profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> edwin van eijk <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Goede massage gehad, prijs\/kwaliteit is goed. En kreeg ook nog een gratis drankje(bier).\nKom zeker terug<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774224000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVcnZZDh-jPtruKKtJTH88mFJve_pcsJzXUHyZ_fuBYnfKZoc0=w40-h40-c-rp-mo-br100\" alt=\"Kim thoa Nguy\u1ec5n profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Kim thoa Nguy\u1ec5n <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->It was a pleasant experience using the services here. The staff were friendly and enthusiastic. I was very satisfied with my relaxing stay here. A must-try when in Hoi An.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1774137600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXeShwuR67hbvVPiGlSvxmWmXLtvRZZ2mhxPkzCu4U6l-A4tmI=w40-h40-c-rp-mo-br100\" alt=\"Annhie Mach profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Annhie Mach <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Excellent service. Luxurious rooms. Beautiful river view. Perfect for relaxing moments.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div>   <\/div> <\/div> <\/div> <\/template><\/pre><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?wp-widget\" data-template-id=\"trustindex-google-widget-html\" data-css-url=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/trustindex-google-widget.css?1775198270\"><\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1098694067 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255, 251, 244);\n}\n<\/style>\n\t<\/section>\n\t\n<span class=\"scroll-to\" data-label=\"Scroll to: #whychooseus\" data-bullet=\"false\" data-link=\"#whychooseus\" data-title=\"Why Choose Us\"><a name=\"whychooseus\"><\/a><\/span>\n\n\n\n<section class=\"bn-benefit-wrap\">\n    <div class=\"bn-container\">\n        <div class=\"bn-flex\">\n            \n            <div class=\"bn-card bn-left\" data-aos=\"fade-up\">\n                <div class=\"bn-card-inner\">\n                    <span class=\"bn-tag\">Excellence<\/span>\n                    <h2 class=\"bn-title\">Why Choose Us<\/h2>\n                    <div class=\"bn-divider\"><\/div>\n                    \n                    <ul class=\"bn-list\">\n                        <li>\n                            <div class=\"bn-icon-box\"><i class=\"fa-solid fa-hand-holding-heart\"><\/i><\/div>\n                            <div class=\"bn-list-content\">\n                                <strong>Friendly & Skilled<\/strong>\n                                <span>Certified therapists with a warm smile.<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"bn-icon-box\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\n                            <div class=\"bn-list-content\">\n                                <strong>Premium Space<\/strong>\n                                <span>Clean, calm, and riverside breeze.<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"bn-icon-box\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\n                            <div class=\"bn-list-content\">\n                                <strong>Great Value<\/strong>\n                                <span>High-quality treatments at honest prices.<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"bn-icon-box\"><i class=\"fa-solid fa-car-side\"><\/i><\/div>\n                            <div class=\"bn-list-content\">\n                                <strong>Convenient Pickup<\/strong>\n                                <span>Free service to make your visit easy.<\/span>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"bn-card bn-right\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"bn-card-inner\">\n                    <span class=\"bn-tag\">Traveler's Choice<\/span>\n                    <h2 class=\"bn-title\">For Travelers<\/h2>\n                    <div class=\"bn-divider\"><\/div>\n                    \n                    <p class=\"bn-p\">After walking through the Old Town or exploring under the sun, your body deserves a professional recovery.<\/p>\n                    <p class=\"bn-p\">Our treatments are specially designed for travelers who need <strong>quick recovery<\/strong> and <strong>deep relaxation<\/strong>. No more stiff muscles or travel fatigue.<\/p>\n                    \n                    <div class=\"bn-slogan-box\">\n                        <h4 class=\"bn-slogan\">Relax. Recharge. <br>Stay a little longer.<\/h4>\n                    <\/div>\n                    \n                    <div class=\"bn-booking-info\">\n                        <i class=\"fa-solid fa-circle-check\"><\/i>\n                        <span>Walk-ins & Messages Welcome<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- Benefits & Travelers Styling --- *\/\n.bn-benefit-wrap { \n    padding: 100px 0; \n    background: #fdfaf3; \n    font-family: 'Inter', sans-serif;\n}\n.bn-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n.bn-flex { \n    display: flex; \n    gap: 40px; \n    align-items: stretch;\n}\n\n\/* --- Card Design --- *\/\n.bn-card { \n    flex: 1; \n    background: #fff; \n    border-radius: 35px; \n    position: relative;\n    box-shadow: 0 15px 40px rgba(139, 90, 43, 0.06);\n    border: 1px solid rgba(212, 160, 23, 0.1);\n    overflow: hidden;\n    transition: 0.4s ease;\n}\n\n.bn-card:hover { transform: translateY(-10px); border-color: #d4a017; }\n\n.bn-card-inner { padding: 50px; }\n\n.bn-tag { \n    color: #d4a017; font-size: 0.75rem; font-weight: 800; \n    text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; display: block;\n}\n\n.bn-title { \n    font-family: 'Playfair Display', serif; font-size: 2.2rem; \n    color: #2d1e12; margin-bottom: 20px; \n}\n\n.bn-divider { \n    width: 50px; height: 3px; background: #d4a017; margin-bottom: 35px; border-radius: 2px;\n}\n\n\/* --- List Styles --- *\/\n.bn-list { list-style: none; padding: 0; margin: 0; }\n.bn-list li { \n    display: flex; gap: 20px; margin-bottom: 25px; align-items: flex-start;\n}\n\n.bn-icon-box { \n    min-width: 45px; height: 45px; background: #fef9ed; color: #d4a017;\n    border-radius: 12px; display: flex; align-items: center; justify-content: center;\n    font-size: 1.2rem; border: 1px solid rgba(212, 160, 23, 0.15);\n}\n\n.bn-list-content strong { display: block; color: #2d1e12; font-size: 1.05rem; margin-bottom: 4px; }\n.bn-list-content span { color: #6b635a; font-size: 0.9rem; line-height: 1.5; }\n\n\/* --- Right Column Styles --- *\/\n.bn-p { color: #5c4b3c; line-height: 1.8; margin-bottom: 20px; font-size: 1rem; }\n.bn-p strong { color: #d4a017; }\n\n.bn-slogan-box { \n    margin: 35px 0; padding: 25px; background: linear-gradient(135deg, #fef9ed, #fff); \n    border-left: 4px solid #d4a017; border-radius: 0 20px 20px 0;\n}\n\n.bn-slogan { \n    font-family: 'Playfair Display', serif; color: #d4a017; \n    font-size: 1.6rem; font-style: italic; margin: 0; line-height: 1.3;\n}\n\n.bn-booking-info { \n    display: flex; align-items: center; gap: 10px; color: #2d1e12; \n    font-weight: 700; font-size: 0.9rem;\n}\n.bn-booking-info i { color: #25d366; font-size: 1.1rem; }\n\n\/* --- Responsive Optimization --- *\/\n@media (max-width: 1024px) {\n    .bn-card-inner { padding: 40px; }\n    .bn-title { font-size: 1.8rem; }\n}\n\n@media (max-width: 768px) {\n    .bn-benefit-wrap { padding: 60px 0; }\n    .bn-flex { flex-direction: column; gap: 30px; }\n    .bn-card-inner { padding: 35px 25px; }\n    .bn-title { font-size: 1.6rem; }\n    .bn-slogan { font-size: 1.4rem; }\n    .bn-card { border-radius: 25px; }\n}\n<\/style>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n<div class=\"gs-album-container\">\n    <div class=\"gs-album-header\">\n        <h2 class=\"gs-tieude\">GALLERY OF WELLNESS<\/h2>\n        <div class=\"gs-divider\"><\/div>\n    <\/div>\n    <div class=\"swiper gs-main-slider\">\n        <div class=\"swiper-wrapper\" id=\"gs-gallery-wrapper\"><\/div>\n        <div class=\"swiper-button-next gs-nav-btn\"><\/div>\n        <div class=\"swiper-button-prev gs-nav-btn\"><\/div>\n    <\/div>\n    <div class=\"swiper gs-thumb-slider\">\n        <div class=\"swiper-wrapper\" id=\"gs-thumb-wrapper\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n:root {\n    --gs-gold: #D8A92D;\n    --gs-gold-light: #e2c27d;\n    --gs-bg: #ffffff;\n    --gs-glass: rgba(0, 0, 0, 0.1);\n}\n\n.gs-album-container {\n    padding: 40px 0;\n    background: var(--gs-bg);\n    font-family: \"Segoe UI\", Roboto, sans-serif;\n}\n\n.gs-album-header {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.gs-tieude {\n    color: var(--gs-gold);\n    font-weight: bold;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n}\n\n.gs-divider {\n    width: 60px;\n    height: 2px;\n    background: var(--gs-gold);\n    margin: 0 auto;\n}\n\n.gs-main-slider {\n    width: 100%;\n    max-width: 1000px;\n    height: 500px;\n    border-radius: 8px;\n    border: 1px solid var(--gs-glass);\n    margin: 0 auto;\n}\n\n.gs-main-slider img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.gs-nav-btn {\n    color: var(--gs-gold) !important;\n    background: rgba(255, 255, 255, 0.8); \/* \u0110\u1ed5i sang n\u1ec1n s\u00e1ng cho \u0111\u1eb9p *\/\n    width: 45px !important;\n    height: 45px !important;\n    border-radius: 50%;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\n.gs-nav-btn:after {\n    font-size: 18px !important;\n    font-weight: bold;\n}\n\n.gs-thumb-slider {\n    margin: 20px auto 0;\n    max-width: 1000px;\n    height: 100px;\n    box-sizing: border-box;\n    padding: 10px 0;\n}\n\n.gs-thumb-slider .swiper-slide {\n    width: 25%;\n    height: 100%;\n    opacity: 0.5;\n    cursor: pointer;\n    transition: 0.3s;\n    border-radius: 6px;\n    overflow: hidden;\n    border: 2px solid transparent;\n}\n\n.gs-thumb-slider .swiper-slide-thumb-active {\n    opacity: 1;\n    border: 2px solid var(--gs-gold);\n}\n\n.gs-thumb-slider img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n@media (max-width: 768px) {\n    .gs-main-slider { height: 350px; }\n    .gs-thumb-slider { height: 80px; }\n    .gs-nav-btn { width: 35px !important; height: 35px !important; }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const galleryWrapper = document.getElementById('gs-gallery-wrapper');\n    const thumbWrapper = document.getElementById('gs-thumb-wrapper');\n\n    const imageUrls = [\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742063425028_af1c329fab681c6666c0898fa79c0c49-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742063427799_4a0794c911b1af6e03e917ac73c44254-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742063444480_0ee8b1aa0107db336bccc9ff04e7f8e8-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742063449040_ed1aa61ad62f06572483ca221635bd33-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742063468244_afa816911da872d2c1318bd6867a2504-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742063469977_71d8f43c842bf21f598f1369441ac58e-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742075401093_358e46aa3f062092314d2e55c09f7275-scaled.jpg\",\n        \"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/z7742075413400_5ffd7fb8131c482b9e67b8e60f99e84e-scaled.jpg\"\n    ];\n\n    imageUrls.forEach((imgUrl, index) => {\n        \/\/ Slide ch\u00ednh\n        const slide = `<div class=\"swiper-slide\"><img decoding=\"async\" src=\"${imgUrl}\" loading=\"lazy\" alt=\"Spa Image ${index + 1}\"><\/div>`;\n        galleryWrapper.insertAdjacentHTML('beforeend', slide);\n        \n        \/\/ Slide thumbnail\n        const thumb = `<div class=\"swiper-slide\"><img decoding=\"async\" src=\"${imgUrl}\" alt=\"Thumb ${index + 1}\"><\/div>`;\n        thumbWrapper.insertAdjacentHTML('beforeend', thumb);\n    });\n\n    const swiperThumbs = new Swiper(\".gs-thumb-slider\", {\n        spaceBetween: 10,\n        slidesPerView: 4,\n        freeMode: true,\n        watchSlidesProgress: true,\n        breakpoints: {\n            480: { slidesPerView: 4 },\n            768: { slidesPerView: 6 },\n            1024: { slidesPerView: 8 }\n        }\n    });\n\n    const swiperMain = new Swiper(\".gs-main-slider\", {\n        spaceBetween: 10,\n        navigation: {\n            nextEl: \".swiper-button-next\",\n            prevEl: \".swiper-button-prev\",\n        },\n        thumbs: {\n            swiper: swiperThumbs,\n        },\n        autoplay: {\n            delay: 4000,\n            disableOnInteraction: false,\n        },\n        effect: 'fade',\n        fadeEffect: {\n            crossFade: true\n        },\n    });\n});\n<\/script>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n<div class=\"gs-video-container\">\n    <div class=\"gs-album-header\">\n        <h2 class=\"gs-tieude\">RELAXING VIDEOS<\/h2>\n        <div class=\"gs-divider\"><\/div>\n    <\/div>\n\n    <div class=\"swiper gs-video-slider\">\n        <div class=\"swiper-wrapper\">\n            <div class=\"swiper-slide gs-video-item\">\n                <div class=\"gs-video-box\">\n                    <video src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/7742076073200.mp4\" controls playsinline muted><\/video>\n                <\/div>\n            <\/div>\n            <div class=\"swiper-slide gs-video-item\">\n                <div class=\"gs-video-box\">\n                    <video src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/7742649033269.mp4\" controls playsinline muted><\/video>\n                <\/div>\n            <\/div>\n            <div class=\"swiper-slide gs-video-item\">\n                <div class=\"gs-video-box\">\n                    <video src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/7742649434021.mp4\" controls playsinline muted><\/video>\n                <\/div>\n            <\/div>\n            <div class=\"swiper-slide gs-video-item\">\n                <div class=\"gs-video-box\">\n                    <video src=\"http:\/\/orangelanternspa.com\/wp-content\/uploads\/2026\/04\/7742649802836.mp4\" controls playsinline muted><\/video>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-pagination gs-video-pagination\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n:root {\n    --gs-gold: #D8A92D;\n    --gs-bg: #ffffff;\n}\n\n.gs-video-container {\n    padding: 40px 0;\n    max-width: 1100px;\n    margin: 0 auto;\n}\n\n.gs-album-header { text-align: center; margin-bottom: 30px; }\n.gs-tieude { color: var(--gs-gold); font-weight: bold; letter-spacing: 2px; text-transform: uppercase; font-size: 1.2rem; }\n.gs-divider { width: 50px; height: 2px; background: var(--gs-gold); margin: 10px auto 0; }\n\n\/* C\u1ea5u h\u00ecnh hi\u1ec3n th\u1ecb video *\/\n.gs-video-box {\n    width: 100%;\n    border-radius: 12px;\n    overflow: hidden;\n    background: #000;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    aspect-ratio: 9\/16;\n}\n\n.gs-video-box video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* DESKTOP: D\u00e0n h\u00e0ng ngang 4 video, kh\u00f4ng slide *\/\n@media (min-width: 1024px) {\n    .gs-video-slider .swiper-wrapper {\n        display: flex !important;\n        transform: none !important;\n        justify-content: center;\n        gap: 15px;\n    }\n    .gs-video-item {\n        width: calc(25% - 12px) !important;\n        margin: 0 !important;\n    }\n    .gs-video-pagination { display: none !important; }\n}\n\n\/* MOBILE\/TABLET: B\u1eadt cu\u1ed9n ngang *\/\n@media (max-width: 1023px) {\n    .gs-video-slider {\n        padding-bottom: 40px !important;\n    }\n    .gs-video-pagination .swiper-pagination-bullet-active {\n        background: var(--gs-gold) !important;\n    }\n}\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ 1. Kh\u1edfi t\u1ea1o Swiper cho Mobile\n    const swiperVideo = new Swiper(\".gs-video-slider\", {\n        slidesPerView: 1.4,\n        centeredSlides: true,\n        spaceBetween: 15,\n        pagination: {\n            el: \".gs-video-pagination\",\n            clickable: true,\n        },\n        breakpoints: {\n            768: {\n                slidesPerView: 2.5,\n                centeredSlides: false,\n            },\n            1024: {\n                enabled: false, \/\/ T\u1eaft Swiper tr\u00ean Desktop\n            }\n        },\n        on: {\n            slideChangeTransitionStart: function() {\n                \/\/ T\u1ef1 \u0111\u1ed9ng d\u1eebng t\u1ea5t c\u1ea3 video khi vu\u1ed1t slide\n                stopAllVideos();\n            }\n        }\n    });\n\n    \/\/ 2. Logic: Ch\u1ec9 ph\u00e1t 1 video duy nh\u1ea5t\n    const allVideos = document.querySelectorAll('.gs-video-item video');\n\n    function stopAllVideos() {\n        allVideos.forEach(v => {\n            v.pause();\n        });\n    }\n\n    allVideos.forEach(video => {\n        video.addEventListener('play', function() {\n            \/\/ Khi video n\u00e0y Play, ra l\u1ec7nh d\u1eebng t\u1ea5t c\u1ea3 c\u00e1c video c\u00f2n l\u1ea1i\n            allVideos.forEach(otherVideo => {\n                if (otherVideo !== video) {\n                    otherVideo.pause();\n                }\n            });\n        });\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":78,"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":216,"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/216"}],"wp:attachment":[{"href":"http:\/\/orangelanternspa.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}