{"id":9,"date":"2026-08-18T11:39:38","date_gmt":"2026-08-18T11:39:38","guid":{"rendered":"https:\/\/hrresortbuengkhonglong.com\/%e0%b8%ab%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%9e%e0%b8%b1%e0%b8%81%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%a3%e0%b8%b2%e0%b8%84%e0%b8%b2\/"},"modified":"2026-08-27T15:06:56","modified_gmt":"2026-08-27T08:06:56","slug":"rooms-and-rates","status":"publish","type":"page","link":"https:\/\/hrresortbuengkhonglong.com\/en\/rooms-and-rates\/","title":{"rendered":"Rooms &amp; Rates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-914dcc6 e-con-full e-flex e-con e-parent\" data-id=\"914dcc6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0c70e elementor-widget elementor-widget-html\" data-id=\"8c0c70e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 ROOMS HERO\r\n     AUTO POSITION CARD \/ DO NOT COVER MAIN BG\r\n     WordPress \/ Elementor \/ Custom HTML\r\n     HTML + CSS + JS IN ONE SECTION\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"hrRoomsHero\"\r\n    class=\"hrfit-hero\"\r\n    aria-label=\"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\"\r\n>\r\n\r\n    <!-- AMBIENT BLUR BACKGROUND -->\r\n    <div class=\"hrfit-ambient\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <div class=\"hrfit-image\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- LIGHT SHADE -->\r\n    <div class=\"hrfit-shade\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- CONTENT LAYER -->\r\n    <div class=\"hrfit-container\">\r\n\r\n        <div class=\"hrfit-card\" id=\"hrfitCard\">\r\n\r\n            <div class=\"hrfit-eyebrow\">\r\n                <span class=\"hrfit-eyebrow-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M4 7h2v5h12V9h2a2 2 0 0 1 2 2v7h-2v-2H4v2H2V9h2v5h16v-2H4V7Zm4 2a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <span>ROOMS AT HR RESORT<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"hrfit-title\">\r\n                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 <span>HR Resort<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hrfit-info\">\r\n                \u0e1e\u0e31\u0e01\u0e2a\u0e1a\u0e32\u0e22 \u2022 8 \u0e2b\u0e25\u0e31\u0e07 \u2022 35 \u0e15\u0e23.\u0e21. \u2022 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32\r\n            <\/p>\r\n\r\n            <div class=\"hrfit-bottom\">\r\n                <div class=\"hrfit-price\">\r\n                    <small>\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/small>\r\n                    <strong>\r\n                        1,200\r\n                        <span>\u0e1a\u0e32\u0e17<\/span>\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n                <a\r\n                    href=\"#book-now\"\r\n                    class=\"hrfit-button\"\r\n                    aria-label=\"\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\"\r\n                >\r\n                    <span>\u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"m13.2 5.3 5.7 5.7H4v2h14.9l-5.7 5.7 1.4 1.4L22.7 12l-8.1-8.1-1.4 1.4Z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n#hrRoomsHero{\r\n    --hr-blue:#93c5fd;\r\n    --hr-navy:#082f56;\r\n    --hr-fit-height:700px;\r\n    --card-left:24px;\r\n    --card-bottom:24px;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    height:var(--hr-fit-height);\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    background:#071b2e;\r\n    font-family:'Noto Sans Thai',sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AMBIENT BACKGROUND\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-ambient{\r\n    position:absolute;\r\n    inset:-30px;\r\n    z-index:-5;\r\n    background-image:url('https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/hero.png');\r\n    background-position:center;\r\n    background-repeat:no-repeat;\r\n    background-size:cover;\r\n    filter:blur(22px);\r\n    transform:scale(1.08);\r\n    opacity:.46;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN IMAGE\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-image{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-4;\r\n    background-image:url('https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/hero.png');\r\n    background-repeat:no-repeat;\r\n    background-position:center center;\r\n    background-size:contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHADE\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-shade{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-3;\r\n    pointer-events:none;\r\n    background:\r\n        linear-gradient(\r\n            55deg,\r\n            rgba(3,18,32,.30) 0%,\r\n            rgba(3,18,32,.14) 18%,\r\n            rgba(3,18,32,.04) 31%,\r\n            rgba(3,18,32,0) 44%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(3,17,29,.12) 0%,\r\n            rgba(3,17,29,0) 24%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-container{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:5;\r\n    width:100%;\r\n    height:100%;\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-card{\r\n    position:absolute;\r\n    left:var(--card-left);\r\n    bottom:var(--card-bottom);\r\n\r\n    width:clamp(250px,18vw,320px);\r\n\r\n    padding:16px 18px 15px;\r\n\r\n    color:#fff;\r\n\r\n    border-radius:20px;\r\n\r\n    border:1px solid rgba(255,255,255,.24);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(7,38,65,.80),\r\n            rgba(6,32,55,.66)\r\n        );\r\n\r\n    box-shadow:\r\n        0 18px 50px rgba(0,0,0,.22);\r\n\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n\r\n    pointer-events:auto;\r\n\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n\r\n    transition:\r\n        opacity .65s ease,\r\n        transform .65s cubic-bezier(.2,.8,.2,1),\r\n        left .25s ease,\r\n        bottom .25s ease;\r\n}\r\n\r\n#hrRoomsHero.hrfit-ready .hrfit-card{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-bottom:8px;\r\n    color:rgba(255,255,255,.78);\r\n    font-size:9px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:1.55px;\r\n}\r\n\r\n#hrRoomsHero .hrfit-eyebrow-icon{\r\n    width:22px;\r\n    height:22px;\r\n    display:grid;\r\n    place-items:center;\r\n    flex:0 0 22px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.12);\r\n    border:1px solid rgba(255,255,255,.15);\r\n}\r\n\r\n#hrRoomsHero .hrfit-eyebrow-icon svg{\r\n    width:10px;\r\n    height:10px;\r\n    fill:#ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-title{\r\n    margin:0;\r\n    color:#ffffff;\r\n    font-size:clamp(24px,2.2vw,38px);\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-.8px;\r\n    text-shadow:0 2px 12px rgba(0,0,0,.16);\r\n}\r\n\r\n#hrRoomsHero .hrfit-title span{\r\n    color:var(--hr-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-info{\r\n    margin:6px 0 0;\r\n    color:rgba(255,255,255,.74);\r\n    font-size:10px;\r\n    line-height:1.5;\r\n    font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-bottom{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    margin-top:12px;\r\n    padding-top:11px;\r\n    border-top:1px solid rgba(255,255,255,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRICE\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-price{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:1px;\r\n}\r\n\r\n#hrRoomsHero .hrfit-price small{\r\n    color:rgba(255,255,255,.56);\r\n    font-size:8px;\r\n    font-weight:600;\r\n}\r\n\r\n#hrRoomsHero .hrfit-price strong{\r\n    color:#ffffff;\r\n    font-size:18px;\r\n    line-height:1.15;\r\n    font-weight:800;\r\n}\r\n\r\n#hrRoomsHero .hrfit-price strong span{\r\n    color:rgba(255,255,255,.72);\r\n    font-size:10px;\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#hrRoomsHero .hrfit-button{\r\n    min-height:36px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:7px;\r\n    padding:7px 14px;\r\n    border-radius:999px;\r\n    background:#ffffff;\r\n    color:#0b3559;\r\n    text-decoration:none !important;\r\n    white-space:nowrap;\r\n    font-size:10px;\r\n    font-weight:700;\r\n    box-shadow:0 8px 20px rgba(0,0,0,.13);\r\n    transition:\r\n        transform .25s ease,\r\n        color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n#hrRoomsHero .hrfit-button svg{\r\n    width:12px;\r\n    height:12px;\r\n    fill:currentColor;\r\n    transition:transform .25s ease;\r\n}\r\n\r\n#hrRoomsHero .hrfit-button:hover{\r\n    background:#eff6ff;\r\n    color:#2563eb;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n#hrRoomsHero .hrfit-button:hover svg{\r\n    transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOW HEIGHT DESKTOP\r\n========================================================= *\/\r\n\r\n@media (max-height:800px) and (min-width:768px){\r\n\r\n    #hrRoomsHero .hrfit-card{\r\n        width:290px;\r\n        padding:14px 15px;\r\n        border-radius:17px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-title{\r\n        font-size:30px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-info{\r\n        font-size:9px;\r\n        margin-top:4px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-bottom{\r\n        margin-top:8px;\r\n        padding-top:8px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-price strong{\r\n        font-size:17px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-button{\r\n        min-height:32px;\r\n        padding:6px 11px;\r\n        font-size:9px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n    #hrRoomsHero .hrfit-card{\r\n        width:280px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px){\r\n\r\n    #hrRoomsHero{\r\n        height:clamp(390px,58svh,540px);\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-ambient{\r\n        filter:blur(18px);\r\n        opacity:.52;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-image{\r\n        background-position:center center;\r\n        background-size:contain;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-shade{\r\n        background:\r\n            linear-gradient(\r\n                0deg,\r\n                rgba(3,19,34,.50) 0%,\r\n                rgba(3,19,34,.20) 22%,\r\n                rgba(3,19,34,0) 45%\r\n            );\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-card{\r\n        left:10px !important;\r\n        bottom:10px !important;\r\n        width:min(260px,76%);\r\n        padding:11px 13px;\r\n        border-radius:14px;\r\n        backdrop-filter:blur(9px);\r\n        -webkit-backdrop-filter:blur(9px);\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-eyebrow{\r\n        display:none;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-title{\r\n        font-size:clamp(21px,6.2vw,28px);\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-info{\r\n        margin-top:3px;\r\n        font-size:8px;\r\n        white-space:nowrap;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-bottom{\r\n        margin-top:7px;\r\n        padding-top:7px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-price small{\r\n        font-size:7px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-price strong{\r\n        font-size:16px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-price strong span{\r\n        font-size:8px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-button{\r\n        min-height:29px;\r\n        padding:5px 10px;\r\n        font-size:8px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-button svg{\r\n        width:10px;\r\n        height:10px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:430px){\r\n\r\n    #hrRoomsHero .hrfit-card{\r\n        width:220px;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-info{\r\n        display:none;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-bottom{\r\n        margin-top:5px;\r\n        padding-top:5px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n    #hrRoomsHero *,\r\n    #hrRoomsHero *::before,\r\n    #hrRoomsHero *::after{\r\n        animation:none !important;\r\n        transition:none !important;\r\n    }\r\n\r\n    #hrRoomsHero .hrfit-card{\r\n        opacity:1;\r\n        transform:none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    'use strict';\r\n\r\n    const hero = document.getElementById('hrRoomsHero');\r\n    const card = document.getElementById('hrfitCard');\r\n\r\n    if(!hero || !card){\r\n        return;\r\n    }\r\n\r\n    const IMAGE_RATIO = 16 \/ 9;\r\n\r\n    function setHeroHeight(){\r\n\r\n        if(window.innerWidth <= 767){\r\n            hero.style.removeProperty('--hr-fit-height');\r\n            return;\r\n        }\r\n\r\n        const rect = hero.getBoundingClientRect();\r\n        const heroTop = Math.max(rect.top, 0);\r\n\r\n        let availableHeight = window.innerHeight - heroTop;\r\n        availableHeight = Math.max(430, availableHeight);\r\n\r\n        hero.style.setProperty('--hr-fit-height', availableHeight + 'px');\r\n    }\r\n\r\n    function getContainedImageBox(containerWidth, containerHeight){\r\n\r\n        let imageWidth;\r\n        let imageHeight;\r\n        let imageLeft;\r\n        let imageTop;\r\n\r\n        if((containerWidth \/ containerHeight) > IMAGE_RATIO){\r\n            imageHeight = containerHeight;\r\n            imageWidth  = imageHeight * IMAGE_RATIO;\r\n            imageLeft   = (containerWidth - imageWidth) \/ 2;\r\n            imageTop    = 0;\r\n        }else{\r\n            imageWidth  = containerWidth;\r\n            imageHeight = imageWidth \/ IMAGE_RATIO;\r\n            imageLeft   = 0;\r\n            imageTop    = (containerHeight - imageHeight) \/ 2;\r\n        }\r\n\r\n        return {\r\n            width:imageWidth,\r\n            height:imageHeight,\r\n            left:imageLeft,\r\n            top:imageTop\r\n        };\r\n    }\r\n\r\n    function positionCard(){\r\n\r\n        if(window.innerWidth <= 767){\r\n            hero.style.setProperty('--card-left', '10px');\r\n            hero.style.setProperty('--card-bottom', '10px');\r\n            return;\r\n        }\r\n\r\n        const heroRect = hero.getBoundingClientRect();\r\n        const box = getContainedImageBox(heroRect.width, heroRect.height);\r\n\r\n        const cardWidth = card.offsetWidth;\r\n        const leftPadding = 18;\r\n        const gapToImage = 16;\r\n        const minBottom = Math.max(14, Math.round(heroRect.height * 0.045));\r\n\r\n        const availableLeftArea = box.left;\r\n\r\n        let left;\r\n\r\n        if(availableLeftArea >= (cardWidth + gapToImage + leftPadding)){\r\n            left = Math.round(box.left - cardWidth - gapToImage);\r\n        }else if(availableLeftArea >= (cardWidth * 0.72)){\r\n            left = leftPadding;\r\n        }else{\r\n            left = Math.max(leftPadding, Math.round(box.left + 14));\r\n        }\r\n\r\n        hero.style.setProperty('--card-left', left + 'px');\r\n        hero.style.setProperty('--card-bottom', minBottom + 'px');\r\n    }\r\n\r\n    function updateLayout(){\r\n        setHeroHeight();\r\n\r\n        requestAnimationFrame(function(){\r\n            positionCard();\r\n        });\r\n    }\r\n\r\n    function initHero(){\r\n        updateLayout();\r\n\r\n        requestAnimationFrame(function(){\r\n            hero.classList.add('hrfit-ready');\r\n        });\r\n    }\r\n\r\n    if(document.readyState === 'complete'){\r\n        setTimeout(initHero, 80);\r\n    }else{\r\n        window.addEventListener('load', function(){\r\n            setTimeout(initHero, 80);\r\n        }, { once:true });\r\n    }\r\n\r\n    let resizeTimer;\r\n\r\n    window.addEventListener('resize', function(){\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(updateLayout, 100);\r\n    }, { passive:true });\r\n\r\n    window.addEventListener('orientationchange', function(){\r\n        setTimeout(updateLayout, 250);\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895ab68 e-con-full e-flex e-con e-parent\" data-id=\"895ab68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd0e9e elementor-widget elementor-widget-html\" data-id=\"bcd0e9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HR RESORT \u2014 MINIMAL ROOMS UI (WITH COMPLETE ANATOMY)\r\n     Bueng Khong Long, Bueng Kan\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"hrRoomsMinimal\" class=\"hrm-section\" aria-labelledby=\"hrmTitle\">\r\n    <div class=\"hrm-container\">\r\n\r\n        <!-- =====================================================\r\n             HEADER\r\n        ====================================================== -->\r\n        <header class=\"hrm-header\">\r\n            <div class=\"hrm-header-main\">\r\n                <span class=\"hrm-eyebrow\">HR RESORT \u00b7 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07<\/span>\r\n                <h2 id=\"hrmTitle\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 <span>\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/span><\/h2>\r\n                <p>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\u0e17\u0e35\u0e48 HR Resort \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22 \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 35 \u0e15\u0e23.\u0e21. \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e23\u0e31\u0e01 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 \u0e41\u0e25\u0e30\u0e19\u0e31\u0e01\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e21\u0e32\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c<\/p>\r\n            <\/div>\r\n            <div class=\"hrm-starting\">\r\n                <span class=\"hrm-starting-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\r\n                <div class=\"hrm-starting-price\">\r\n                    <small>\u0e3f<\/small><strong>1,200<\/strong><span>\u0e1a\u0e32\u0e17<\/span>\r\n                <\/div>\r\n                <div class=\"hrm-included\"><span class=\"hrm-check\">\u2713<\/span>\u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/div>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- =====================================================\r\n             QUICK INFO\r\n        ====================================================== -->\r\n        <div class=\"hrm-quick-info\">\r\n            <div class=\"hrm-quick-item\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 11.4 12 3l9 8.4V21h-6v-6H9v6H3v-9.6Zm2 .9V19h2v-6h10v6h2v-6.7L12 5.8 5 12.3Z\"\/><\/svg>\r\n                <div><strong>8 \u0e2b\u0e25\u0e31\u0e07<\/strong><span>\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"hrm-quick-item\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 2h4v2h-2v2H8V8Zm8 8h-4v-2h2v-2h2v4Z\"\/><\/svg>\r\n                <div><strong>35 \u0e15\u0e23.\u0e21.<\/strong><span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"hrm-quick-item\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 7h16v12h-2v-2H6v2H4V7Zm2 2v6h12V9H6Z\"\/><\/svg>\r\n                <div><strong>2 \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a<\/strong><span>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e40\u0e15\u0e35\u0e22\u0e07<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"hrm-quick-item\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5h12v8a6 6 0 0 1-12 0V5Zm2 2v6a4 4 0 0 0 8 0V7H6Zm11 1h1a3 3 0 0 1 0 6h-1v-2h1a1 1 0 1 0 0-2h-1V8ZM3 19h16v2H3v-2Z\"\/><\/svg>\r\n                <div><strong>\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/strong><span>\u0e23\u0e27\u0e21\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             ROOMS\r\n        ====================================================== -->\r\n        <div class=\"hrm-rooms\">\r\n            <div class=\"hrm-section-head\">\r\n                <div><span class=\"hrm-small-label\">\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span><h3>\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/h3><\/div>\r\n                <p>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e20\u0e32\u0e1e \u0e23\u0e32\u0e04\u0e32 \u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/p>\r\n            <\/div>\r\n\r\n            <!-- ROOM TABS -->\r\n            <div class=\"hrm-tabs\" role=\"tablist\" aria-label=\"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\">\r\n                <button type=\"button\" class=\"hrm-tab is-active\" data-hrm-tab=\"twin\" role=\"tab\" aria-selected=\"true\" aria-controls=\"hrmTwin\" id=\"hrmTwinTab\">\r\n                    <span class=\"hrm-tab-info\"><strong>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48<\/strong><small>2 \u0e40\u0e15\u0e35\u0e22\u0e07 \u00b7 3.5 \u0e1f\u0e38\u0e15<\/small><\/span>\r\n                    <span class=\"hrm-tab-price\">\u0e3f1,400<\/span>\r\n                <\/button>\r\n                <button type=\"button\" class=\"hrm-tab\" data-hrm-tab=\"single\" role=\"tab\" aria-selected=\"false\" aria-controls=\"hrmSingle\" id=\"hrmSingleTab\">\r\n                    <span class=\"hrm-tab-info\"><strong>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27<\/strong><small>1 \u0e40\u0e15\u0e35\u0e22\u0e07 \u00b7 6 \u0e1f\u0e38\u0e15<\/small><\/span>\r\n                    <span class=\"hrm-tab-price\">\u0e3f1,200<\/span>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- TWIN ROOM -->\r\n            <article id=\"hrmTwin\" class=\"hrm-room-panel is-active\" data-hrm-panel=\"twin\" role=\"tabpanel\" aria-labelledby=\"hrmTwinTab\">\r\n                <div class=\"hrm-gallery\">\r\n                    <button type=\"button\" class=\"hrm-main-image-button\" data-hrm-open-lightbox aria-label=\"\u0e14\u0e39\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\">\r\n                        <img class=\"hrm-main-image\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940021_0.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\" loading=\"lazy\" decoding=\"async\">\r\n                        <span class=\"hrm-view-photo\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/><\/svg> \u0e14\u0e39\u0e20\u0e32\u0e1e<\/span>\r\n                    <\/button>\r\n                    <div class=\"hrm-thumbnails\" aria-label=\"\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48\">\r\n                        <button type=\"button\" class=\"hrm-thumb is-active\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940021_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940021_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940022_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940022_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940040_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940040_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940017_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940017_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940019_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940019_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940030_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940030_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hrm-room-detail\">\r\n                    <div class=\"hrm-room-title\">\r\n                        <span class=\"hrm-room-type\">TWIN ROOM<\/span>\r\n                        <h3>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e04\u0e39\u0e48<\/h3>\r\n                        <p>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e02\u0e19\u0e32\u0e14\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 35 \u0e15\u0e23.\u0e21. \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e15\u0e35\u0e22\u0e07\u0e02\u0e19\u0e32\u0e14 3.5 \u0e1f\u0e38\u0e15 \u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e40\u0e15\u0e35\u0e22\u0e07 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e22\u0e01\u0e40\u0e15\u0e35\u0e22\u0e07<\/p>\r\n                    <\/div>\r\n                    <div class=\"hrm-room-specs\">\r\n                        <div><span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/span><strong>35 \u0e15\u0e23.\u0e21.<\/strong><\/div>\r\n                        <div><span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e15\u0e35\u0e22\u0e07<\/span><strong>2 \u0e40\u0e15\u0e35\u0e22\u0e07<\/strong><\/div>\r\n                        <div><span>\u0e02\u0e19\u0e32\u0e14\u0e40\u0e15\u0e35\u0e22\u0e07<\/span><strong>3.5 \u0e1f\u0e38\u0e15<\/strong><\/div>\r\n                        <div><span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e49\u0e2d\u0e07<\/span><strong>2 \u0e2b\u0e49\u0e2d\u0e07<\/strong><\/div>\r\n                    <\/div>\r\n                    <div class=\"hrm-room-price-box\">\r\n                        <div><span class=\"hrm-price-label\">\u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span><div class=\"hrm-price\"><small>\u0e3f<\/small><strong>1,400<\/strong><span>\u0e1a\u0e32\u0e17<\/span><\/div><\/div>\r\n                        <div class=\"hrm-breakfast-status\"><span>\u2713<\/span><div><strong>\u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/strong><small>Breakfast included<\/small><\/div><\/div>\r\n                    <\/div>\r\n                    <a href=\"#book-now\" class=\"hrm-room-cta\">\u0e40\u0e0a\u0e47\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07 <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 11h10.2l-3.6-3.6L13 6l6 6-6 6-1.4-1.4 3.6-3.6H5v-2Z\"\/><\/svg><\/a>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- SINGLE ROOM -->\r\n            <article id=\"hrmSingle\" class=\"hrm-room-panel\" data-hrm-panel=\"single\" role=\"tabpanel\" aria-labelledby=\"hrmSingleTab\" hidden>\r\n                <div class=\"hrm-gallery\">\r\n                    <button type=\"button\" class=\"hrm-main-image-button\" data-hrm-open-lightbox aria-label=\"\u0e14\u0e39\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\">\r\n                        <img class=\"hrm-main-image\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940014_0.jpg\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27 6 \u0e1f\u0e38\u0e15 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\" loading=\"lazy\" decoding=\"async\">\r\n                        <span class=\"hrm-view-photo\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z\"\/><\/svg> \u0e14\u0e39\u0e20\u0e32\u0e1e<\/span>\r\n                    <\/button>\r\n                    <div class=\"hrm-thumbnails\" aria-label=\"\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\">\r\n                        <button type=\"button\" class=\"hrm-thumb is-active\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940014_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940014_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940013_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940013_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940051_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940051_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940050_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940050_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940047_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940047_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940038_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940038_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940035_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940035_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0-1.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940032_0-1.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940031_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940031_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                        <button type=\"button\" class=\"hrm-thumb\" data-src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940026_0.jpg\"><img decoding=\"async\" src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/S__18940026_0.jpg\" alt=\"\" loading=\"lazy\"><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hrm-room-detail\">\r\n                    <div class=\"hrm-room-title\">\r\n                        <span class=\"hrm-room-type\">SINGLE BED<\/span>\r\n                        <h3>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27<\/h3>\r\n                        <p>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e02\u0e19\u0e32\u0e14\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 35 \u0e15\u0e23.\u0e21. \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e15\u0e35\u0e22\u0e07\u0e02\u0e19\u0e32\u0e14 6 \u0e1f\u0e38\u0e15 \u0e08\u0e33\u0e19\u0e27\u0e19 1 \u0e40\u0e15\u0e35\u0e22\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e2a\u0e1a\u0e32\u0e22<\/p>\r\n                    <\/div>\r\n                    <div class=\"hrm-room-specs\">\r\n                        <div><span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/span><strong>35 \u0e15\u0e23.\u0e21.<\/strong><\/div>\r\n                        <div><span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e15\u0e35\u0e22\u0e07<\/span><strong>1 \u0e40\u0e15\u0e35\u0e22\u0e07<\/strong><\/div>\r\n                        <div><span>\u0e02\u0e19\u0e32\u0e14\u0e40\u0e15\u0e35\u0e22\u0e07<\/span><strong>6 \u0e1f\u0e38\u0e15<\/strong><\/div>\r\n                        <div><span>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e2b\u0e49\u0e2d\u0e07<\/span><strong>6 \u0e2b\u0e49\u0e2d\u0e07<\/strong><\/div>\r\n                    <\/div>\r\n                    <div class=\"hrm-room-price-box\">\r\n                        <div><span class=\"hrm-price-label\">\u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/span><div class=\"hrm-price\"><small>\u0e3f<\/small><strong>1,200<\/strong><span>\u0e1a\u0e32\u0e17<\/span><\/div><\/div>\r\n                        <div class=\"hrm-breakfast-status\"><span>\u2713<\/span><div><strong>\u0e23\u0e27\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/strong><small>Breakfast included<\/small><\/div><\/div>\r\n                    <\/div>\r\n                    <a href=\"#book-now\" class=\"hrm-room-cta\">\u0e40\u0e0a\u0e47\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07 <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 11h10.2l-3.6-3.6L13 6l6 6-6 6-1.4-1.4 3.6-3.6H5v-2Z\"\/><\/svg><\/a>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             ROOM ANATOMY \/ EXPLODED DIAGRAM\r\n        ====================================================== -->\r\n        <div class=\"hrm-anatomy-section\">\r\n            <div class=\"hrm-section-head\">\r\n                <div>\r\n                    <span class=\"hrm-small-label\">Room Structure<\/span>\r\n                    <h3>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/h3>\r\n                <\/div>\r\n                <p>\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e43\u0e2a\u0e48\u0e43\u0e08\u0e43\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u0e17\u0e31\u0e49\u0e07\u0e40\u0e15\u0e35\u0e22\u0e07\u0e19\u0e2d\u0e19 \u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33 \u0e41\u0e25\u0e30\u0e21\u0e38\u0e21\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"hrm-anatomy-grid\">\r\n                <!-- BED ANATOMY (FULL WIDTH) -->\r\n                <div class=\"hrm-anatomy-item hrm-anatomy-full\">\r\n                    <span class=\"hrm-anatomy-title\">\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e40\u0e15\u0e35\u0e22\u0e07\u0e19\u0e2d\u0e19 (Bed Structure)<\/span>\r\n                    <div class=\"hrm-anatomy-image-wrap\">\r\n                        <img src=\"http:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/57dce62c-1399-4276-ae89-a35fda5cd4f5.png\" alt=\"\u0e20\u0e32\u0e1e\u0e41\u0e22\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e2d\u0e19 HR Resort\" loading=\"lazy\" decoding=\"async\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"hrm-anatomy-cols\">\r\n                    <!-- BATHROOM ANATOMY (HALF WIDTH) -->\r\n                    <div class=\"hrm-anatomy-item\">\r\n                        <span class=\"hrm-anatomy-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33 (Bathroom)<\/span>\r\n                        <div class=\"hrm-anatomy-image-wrap\">\r\n                            <img src=\"http:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/32411a58-5e55-467b-867d-ec60419bae8f.png\" alt=\"\u0e20\u0e32\u0e1e\u0e41\u0e22\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33 HR Resort\" loading=\"lazy\" decoding=\"async\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- TV UNIT ANATOMY (HALF WIDTH) -->\r\n                    <div class=\"hrm-anatomy-item\">\r\n                        <span class=\"hrm-anatomy-title\">\u0e0a\u0e38\u0e14\u0e2a\u0e34\u0e48\u0e07\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01 (TV Unit)<\/span>\r\n                        <div class=\"hrm-anatomy-image-wrap\">\r\n                            <img src=\"http:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/6636e523-719e-419c-8a23-712499bdd106.png\" alt=\"\u0e20\u0e32\u0e1e\u0e41\u0e22\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e0a\u0e38\u0e14\u0e17\u0e35\u0e27\u0e35 HR Resort\" loading=\"lazy\" decoding=\"async\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             INFORMATION\r\n        ====================================================== -->\r\n        <div class=\"hrm-info-section\">\r\n            <div class=\"hrm-section-head\">\r\n                <div><span class=\"hrm-small-label\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/span><h3>\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e04\u0e27\u0e23\u0e23\u0e39\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/h3><\/div>\r\n            <\/div>\r\n            <div class=\"hrm-info-grid\">\r\n                <article class=\"hrm-info-card hrm-breakfast-card\">\r\n                    <div class=\"hrm-info-card-head\">\r\n                        <div class=\"hrm-icon-box\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 5h12v8a6 6 0 0 1-12 0V5Zm2 2v6a4 4 0 0 0 8 0V7H6Zm11 1h1a3 3 0 0 1 0 6h-1v-2h1a1 1 0 1 0 0-2h-1V8ZM3 19h16v2H3v-2Z\"\/><\/svg><\/div>\r\n                        <div><span>\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/span><h4>\u0e23\u0e27\u0e21\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/h4><\/div>\r\n                    <\/div>\r\n                    <div class=\"hrm-food-list\">\r\n                        <span>\u0e02\u0e49\u0e32\u0e27\u0e15\u0e49\u0e21<\/span><span>\u0e02\u0e19\u0e21\u0e1b\u0e31\u0e07 + \u0e41\u0e22\u0e21<\/span><span>\u0e01\u0e32\u0e41\u0e1f<\/span><span>\u0e42\u0e2d\u0e27\u0e31\u0e25\u0e15\u0e34\u0e19<\/span><span>\u0e1c\u0e25\u0e44\u0e21\u0e49<\/span><span>\u0e40\u0e21\u0e19\u0e39\u0e44\u0e02\u0e48<\/span>\r\n                    <\/div>\r\n                    <p class=\"hrm-info-note\">\u0e40\u0e21\u0e19\u0e39\u0e44\u0e02\u0e48 \u0e40\u0e0a\u0e48\u0e19 \u0e44\u0e02\u0e48\u0e14\u0e32\u0e27 \u0e44\u0e02\u0e48\u0e21\u0e49\u0e27\u0e19 \u0e41\u0e25\u0e30 Scrambled Eggs \u0e42\u0e14\u0e22\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2d\u0e32\u0e08\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e15\u0e32\u0e21\u0e40\u0e21\u0e19\u0e39\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e27\u0e31\u0e19<\/p>\r\n                <\/article>\r\n\r\n                <article class=\"hrm-info-card\">\r\n                    <div class=\"hrm-info-card-head\">\r\n                        <div class=\"hrm-icon-box\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM4 22v-3c0-3.3 3.6-5 8-5s8 1.7 8 5v3h-2v-3c0-1.5-2.3-3-6-3s-6 1.5-6 3v3H4Z\"\/><\/svg><\/div>\r\n                        <div><span>\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/span><h4>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h4><\/div>\r\n                    <\/div>\r\n                    <ul class=\"hrm-simple-list\">\r\n                        <li><span class=\"hrm-list-check\">\u2713<\/span><div><strong>\u0e40\u0e14\u0e47\u0e01\u0e2d\u0e32\u0e22\u0e38\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32 5 \u0e1b\u0e35<\/strong><span>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e1f\u0e23\u0e35\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 2 \u0e04\u0e19<\/span><\/div><\/li>\r\n                        <li><span class=\"hrm-list-check\">\u2713<\/span><div><strong>\u0e17\u0e35\u0e48\u0e19\u0e2d\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21<\/strong><span>300 \u0e1a\u0e32\u0e17 \/ \u0e04\u0e19<\/span><\/div><\/li>\r\n                        <li><span class=\"hrm-list-check\">\u2713<\/span><div><strong>\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07<\/strong><span>\u0e21\u0e35\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14<\/span><\/div><\/li>\r\n                    <\/ul>\r\n                    <p class=\"hrm-info-note\">\u0e01\u0e23\u0e13\u0e35\u0e19\u0e33\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e17\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32<\/p>\r\n                <\/article>\r\n\r\n                <article class=\"hrm-info-card\">\r\n                    <div class=\"hrm-info-card-head\">\r\n                        <div class=\"hrm-icon-box\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm0 2.2L18 6.5V11c0 3.8-2.4 7.5-6 8.8C8.4 18.5 6 14.8 6 11V6.5l6-2.3Z\"\/><\/svg><\/div>\r\n                        <div><span>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/span><h4>\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/h4><\/div>\r\n                    <\/div>\r\n                    <ul class=\"hrm-simple-list\">\r\n                        <li><span class=\"hrm-list-check\">\u2713<\/span><div><strong>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e0b\u0e31\u0e01\u0e1c\u0e49\u0e32<\/strong><span>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/span><\/div><\/li>\r\n                        <li><span class=\"hrm-list-check\">\u2713<\/span><div><strong>\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e14\u0e39\u0e41\u0e25\u0e0a\u0e48\u0e27\u0e07\u0e01\u0e25\u0e32\u0e07\u0e04\u0e37\u0e19<\/strong><span>\u0e14\u0e39\u0e41\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e04\u0e48\u0e33\u0e04\u0e37\u0e19<\/span><\/div><\/li>\r\n                        <li><span class=\"hrm-list-check\">\u2713<\/span><div><strong>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/strong><span>\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01<\/span><\/div><\/li>\r\n                    <\/ul>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- =====================================================\r\n             FINAL CTA\r\n        ====================================================== -->\r\n        <div class=\"hrm-final-cta\">\r\n            <div>\r\n                <span>HR RESORT \u00b7 BUENG KHONG LONG<\/span>\r\n                <h3>\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e07?<\/h3>\r\n                <p>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 1,200 \u0e1a\u0e32\u0e17 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32<\/p>\r\n            <\/div>\r\n            <a href=\"#book-now\" class=\"hrm-final-button\">\r\n                <span>\u0e40\u0e0a\u0e47\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07<\/span>\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 11h10.2l-3.6-3.6L13 6l6 6-6 6-1.4-1.4 3.6-3.6H5v-2Z\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     LIGHTBOX\r\n========================================================= -->\r\n<div id=\"hrRoomsMinimalLightbox\" class=\"hrm-lightbox\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u0e20\u0e32\u0e1e\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\">\r\n    <button type=\"button\" class=\"hrm-lightbox-close\" aria-label=\"\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\">\u00d7<\/button>\r\n    <button type=\"button\" class=\"hrm-lightbox-nav hrm-lightbox-prev\" aria-label=\"\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"><svg viewBox=\"0 0 24 24\"><path d=\"m15.4 7.4-4.6 4.6 4.6 4.6L14 18l-6-6 6-6 1.4 1.4Z\"\/><\/svg><\/button>\r\n    <div class=\"hrm-lightbox-content\">\r\n        <img decoding=\"async\" class=\"hrm-lightbox-image\" src=\"\" alt=\"\">\r\n        <div class=\"hrm-lightbox-caption\">HR Resort \u00b7 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c<\/div>\r\n    <\/div>\r\n    <button type=\"button\" class=\"hrm-lightbox-nav hrm-lightbox-next\" aria-label=\"\u0e20\u0e32\u0e1e\u0e16\u0e31\u0e14\u0e44\u0e1b\"><svg viewBox=\"0 0 24 24\"><path d=\"m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z\"\/><\/svg><\/button>\r\n<\/div>\r\n\r\n<style>\r\n\/* =========================================================\r\n   HR RESORT MINIMAL UI\r\n========================================================= *\/\r\n#hrRoomsMinimal {\r\n    --hrm-primary: #2563EB;\r\n    --hrm-primary-hover: #1D4ED8;\r\n    --hrm-primary-soft: #EFF6FF;\r\n    --hrm-text: #172033;\r\n    --hrm-text-soft: #526174;\r\n    --hrm-muted: #7A8798;\r\n    --hrm-white: #FFFFFF;\r\n    --hrm-bg: #F8FAFC;\r\n    --hrm-border: #E5EAF0;\r\n    --hrm-border-dark: #D9E0E8;\r\n    --hrm-green: #16845B;\r\n    --hrm-green-soft: #ECFDF5;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: clamp(64px, 7vw, 100px) 20px;\r\n    overflow: hidden;\r\n    background: var(--hrm-white);\r\n    color: var(--hrm-text);\r\n    font-family: \"Noto Sans Thai\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#hrRoomsMinimal *, #hrRoomsMinimal *::before, #hrRoomsMinimal *::after { box-sizing: border-box; }\r\n#hrRoomsMinimal button, #hrRoomsMinimal a { font-family: inherit; }\r\n#hrRoomsMinimal button { appearance: none; -webkit-appearance: none; }\r\n#hrRoomsMinimal img { display: block; max-width: 100%; }\r\n#hrRoomsMinimal .hrm-container { width: min(100%, 1180px); margin: 0 auto; }\r\n\r\n\/* HEADER *\/\r\n#hrRoomsMinimal .hrm-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 50px; padding-bottom: 42px; border-bottom: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-header-main { max-width: 720px; }\r\n#hrRoomsMinimal .hrm-eyebrow { display: block; margin-bottom: 14px; color: var(--hrm-primary); font-size: 12px; font-weight: 700; letter-spacing: .08em; }\r\n#hrRoomsMinimal .hrm-header h2 { margin: 0; color: var(--hrm-text); font-size: clamp(36px, 5vw, 62px); line-height: 1.16; letter-spacing: -.035em; font-weight: 800; }\r\n#hrRoomsMinimal .hrm-header h2 span { color: var(--hrm-primary); }\r\n#hrRoomsMinimal .hrm-header-main > p { max-width: 670px; margin: 18px 0 0; color: var(--hrm-text-soft); font-size: 15px; line-height: 1.85; }\r\n#hrRoomsMinimal .hrm-starting { min-width: 215px; padding-left: 30px; border-left: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-starting-label { display: block; color: var(--hrm-muted); font-size: 12px; font-weight: 600; }\r\n#hrRoomsMinimal .hrm-starting-price { display: flex; align-items: baseline; gap: 4px; margin-top: 5px; }\r\n#hrRoomsMinimal .hrm-starting-price small { color: var(--hrm-primary); font-size: 18px; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-starting-price strong { color: var(--hrm-text); font-size: 38px; line-height: 1.1; letter-spacing: -.04em; font-weight: 800; }\r\n#hrRoomsMinimal .hrm-starting-price span { color: var(--hrm-text-soft); font-size: 13px; font-weight: 600; }\r\n#hrRoomsMinimal .hrm-included { display: flex; align-items: center; gap: 7px; margin-top: 9px; color: var(--hrm-green); font-size: 12px; font-weight: 600; }\r\n#hrRoomsMinimal .hrm-check { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--hrm-green-soft); font-size: 12px; }\r\n\r\n\/* QUICK INFO *\/\r\n#hrRoomsMinimal .hrm-quick-info { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-quick-item { min-width: 0; display: flex; align-items: center; gap: 14px; padding: 25px 22px; }\r\n#hrRoomsMinimal .hrm-quick-item:not(:last-child) { border-right: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-quick-item svg { width: 22px; height: 22px; flex: 0 0 auto; fill: var(--hrm-primary); }\r\n#hrRoomsMinimal .hrm-quick-item div { min-width: 0; }\r\n#hrRoomsMinimal .hrm-quick-item strong { display: block; color: var(--hrm-text); font-size: 14px; line-height: 1.4; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-quick-item span { display: block; margin-top: 2px; color: var(--hrm-muted); font-size: 11px; line-height: 1.5; }\r\n\r\n\/* GENERIC SECTION HEAD *\/\r\n#hrRoomsMinimal .hrm-rooms, #hrRoomsMinimal .hrm-info-section { padding-top: clamp(58px, 7vw, 84px); }\r\n#hrRoomsMinimal .hrm-section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 25px; }\r\n#hrRoomsMinimal .hrm-small-label { display: block; margin-bottom: 6px; color: var(--hrm-primary); font-size: 11px; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-section-head h3 { margin: 0; color: var(--hrm-text); font-size: clamp(25px, 3vw, 34px); line-height: 1.35; letter-spacing: -.02em; font-weight: 750; }\r\n#hrRoomsMinimal .hrm-section-head > p { max-width: 380px; margin: 0; color: var(--hrm-muted); font-size: 13px; line-height: 1.7; text-align: right; }\r\n\r\n\/* ROOM TABS *\/\r\n#hrRoomsMinimal .hrm-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 710px; margin-bottom: 25px; }\r\n#hrRoomsMinimal .hrm-tab { width: 100%; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 16px; border: 1px solid var(--hrm-border); border-radius: 12px; background: var(--hrm-white); color: var(--hrm-text); cursor: pointer; text-align: left; transition: border-color .2s ease, background .2s ease, color .2s ease; }\r\n#hrRoomsMinimal .hrm-tab:hover { border-color: #B7C7DF; }\r\n#hrRoomsMinimal .hrm-tab.is-active { border-color: var(--hrm-primary); background: var(--hrm-primary-soft); }\r\n#hrRoomsMinimal .hrm-tab-info { min-width: 0; }\r\n#hrRoomsMinimal .hrm-tab-info strong { display: block; font-size: 14px; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-tab-info small { display: block; margin-top: 3px; color: var(--hrm-muted); font-size: 11px; font-weight: 500; }\r\n#hrRoomsMinimal .hrm-tab-price { flex: 0 0 auto; color: var(--hrm-primary); font-size: 16px; font-weight: 800; }\r\n\r\n\/* ROOM PANEL & GALLERY *\/\r\n#hrRoomsMinimal .hrm-room-panel { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(350px, .85fr); gap: clamp(32px, 5vw, 60px); align-items: start; padding-top: 5px; }\r\n#hrRoomsMinimal .hrm-room-panel[hidden] { display: none !important; }\r\n#hrRoomsMinimal .hrm-gallery { min-width: 0; }\r\n#hrRoomsMinimal .hrm-main-image-button { position: relative; width: 100%; aspect-ratio: 4 \/ 3; display: block; padding: 0; overflow: hidden; border: 0; border-radius: 16px; background: #EEF2F6; cursor: zoom-in; }\r\n#hrRoomsMinimal .hrm-main-image { width: 100%; height: 100%; object-fit: cover; transition: opacity .16s ease, transform .4s ease; }\r\n#hrRoomsMinimal .hrm-main-image-button:hover .hrm-main-image { transform: scale(1.015); }\r\n#hrRoomsMinimal .hrm-view-photo { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 11px; border-radius: 9px; background: rgba(255,255,255,.94); color: var(--hrm-text); box-shadow: 0 4px 15px rgba(15,23,42,.08); font-size: 11px; font-weight: 650; }\r\n#hrRoomsMinimal .hrm-view-photo svg { width: 15px; height: 15px; fill: currentColor; }\r\n#hrRoomsMinimal .hrm-thumbnails { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; margin-top: 8px; }\r\n#hrRoomsMinimal .hrm-thumb { width: 100%; aspect-ratio: 1 \/ 1; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 9px; background: #EDF1F5; cursor: pointer; transition: border-color .2s ease, opacity .2s ease; }\r\n#hrRoomsMinimal .hrm-thumb:not(.is-active) { opacity: .67; }\r\n#hrRoomsMinimal .hrm-thumb:hover { opacity: 1; }\r\n#hrRoomsMinimal .hrm-thumb.is-active { border-color: var(--hrm-primary); opacity: 1; }\r\n#hrRoomsMinimal .hrm-thumb img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n\/* ROOM DETAILS & PRICE *\/\r\n#hrRoomsMinimal .hrm-room-detail { padding-top: 5px; }\r\n#hrRoomsMinimal .hrm-room-type { display: block; margin-bottom: 7px; color: var(--hrm-primary); font-size: 10px; font-weight: 750; letter-spacing: .09em; }\r\n#hrRoomsMinimal .hrm-room-title h3 { margin: 0; color: var(--hrm-text); font-size: clamp(27px, 3vw, 37px); line-height: 1.3; letter-spacing: -.025em; font-weight: 780; }\r\n#hrRoomsMinimal .hrm-room-title p { margin: 12px 0 0; color: var(--hrm-text-soft); font-size: 13.5px; line-height: 1.8; }\r\n#hrRoomsMinimal .hrm-room-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 26px; border-top: 1px solid var(--hrm-border); border-left: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-room-specs > div { padding: 14px 15px; border-right: 1px solid var(--hrm-border); border-bottom: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-room-specs span { display: block; color: var(--hrm-muted); font-size: 10px; line-height: 1.4; }\r\n#hrRoomsMinimal .hrm-room-specs strong { display: block; margin-top: 3px; color: var(--hrm-text); font-size: 13px; line-height: 1.5; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-room-price-box { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding: 19px; border-radius: 13px; background: var(--hrm-bg); }\r\n#hrRoomsMinimal .hrm-price-label { display: block; color: var(--hrm-muted); font-size: 10px; font-weight: 600; }\r\n#hrRoomsMinimal .hrm-price { display: flex; align-items: baseline; gap: 3px; margin-top: 3px; }\r\n#hrRoomsMinimal .hrm-price small { color: var(--hrm-primary); font-size: 16px; font-weight: 800; }\r\n#hrRoomsMinimal .hrm-price strong { color: var(--hrm-text); font-size: 30px; line-height: 1; letter-spacing: -.04em; font-weight: 800; }\r\n#hrRoomsMinimal .hrm-price span { color: var(--hrm-text-soft); font-size: 11px; font-weight: 600; }\r\n#hrRoomsMinimal .hrm-breakfast-status { display: flex; align-items: center; gap: 9px; }\r\n#hrRoomsMinimal .hrm-breakfast-status > span { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: var(--hrm-green-soft); color: var(--hrm-green); font-size: 13px; font-weight: 800; }\r\n#hrRoomsMinimal .hrm-breakfast-status strong { display: block; color: var(--hrm-text); font-size: 11px; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-breakfast-status small { display: block; margin-top: 1px; color: var(--hrm-muted); font-size: 9px; }\r\n#hrRoomsMinimal .hrm-room-cta { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 13px; padding: 10px 18px; border-radius: 10px; background: var(--hrm-primary); color: #FFFFFF !important; text-decoration: none !important; font-size: 13px; font-weight: 700; transition: background .2s ease, transform .2s ease; }\r\n#hrRoomsMinimal .hrm-room-cta:hover { background: var(--hrm-primary-hover); transform: translateY(-1px); }\r\n#hrRoomsMinimal .hrm-room-cta svg { width: 17px; height: 17px; fill: currentColor; }\r\n\r\n\/* =========================================================\r\n   ROOM ANATOMY (NEW 3-IMAGE GRID)\r\n========================================================= *\/\r\n#hrRoomsMinimal .hrm-anatomy-section { \r\n    margin-top: clamp(65px, 8vw, 100px); \r\n    padding-top: clamp(50px, 6vw, 70px); \r\n    border-top: 1px solid var(--hrm-border); \r\n}\r\n#hrRoomsMinimal .hrm-anatomy-grid { \r\n    display: flex; \r\n    flex-direction: column; \r\n    gap: 20px; \r\n}\r\n#hrRoomsMinimal .hrm-anatomy-cols { \r\n    display: grid; \r\n    grid-template-columns: repeat(2, minmax(0, 1fr)); \r\n    gap: 20px; \r\n}\r\n#hrRoomsMinimal .hrm-anatomy-item { \r\n    background: var(--hrm-bg); \r\n    border: 1px solid var(--hrm-border); \r\n    border-radius: 16px; \r\n    padding: clamp(20px, 4vw, 40px); \r\n    display: flex; \r\n    flex-direction: column; \r\n    align-items: center; \r\n    text-align: center;\r\n    transition: border-color .3s ease;\r\n}\r\n#hrRoomsMinimal .hrm-anatomy-item:hover { \r\n    border-color: #B7C7DF; \r\n}\r\n#hrRoomsMinimal .hrm-anatomy-title { \r\n    display: inline-block;\r\n    margin-bottom: 25px;\r\n    padding: 7px 18px;\r\n    background: var(--hrm-primary-soft);\r\n    color: var(--hrm-primary);\r\n    font-size: 12px;\r\n    font-weight: 750;\r\n    border-radius: 20px;\r\n    letter-spacing: .02em;\r\n}\r\n#hrRoomsMinimal .hrm-anatomy-image-wrap { \r\n    flex: 1; \r\n    display: flex; \r\n    justify-content: center; \r\n    align-items: center; \r\n    width: 100%;\r\n}\r\n#hrRoomsMinimal .hrm-anatomy-image-wrap img { \r\n    max-width: 100%; \r\n    height: auto; \r\n    object-fit: contain; \r\n    mix-blend-mode: multiply; \/* \u0e25\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e32\u0e27 *\/\r\n    transition: transform .4s ease;\r\n}\r\n#hrRoomsMinimal .hrm-anatomy-item:hover .hrm-anatomy-image-wrap img { \r\n    transform: scale(1.02); \/* \u0e0b\u0e39\u0e21\u0e40\u0e02\u0e49\u0e32\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e21\u0e37\u0e48\u0e2d hover (\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e2d\u0e48\u0e32\u0e19 Text \u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19) *\/\r\n}\r\n\r\n\r\n\/* INFORMATION *\/\r\n#hrRoomsMinimal .hrm-info-section { margin-top: clamp(65px, 8vw, 100px); padding-top: clamp(50px, 6vw, 70px); border-top: 1px solid var(--hrm-border); }\r\n#hrRoomsMinimal .hrm-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }\r\n#hrRoomsMinimal .hrm-info-card { min-width: 0; padding: 23px; border: 1px solid var(--hrm-border); border-radius: 14px; background: var(--hrm-white); }\r\n#hrRoomsMinimal .hrm-info-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }\r\n#hrRoomsMinimal .hrm-icon-box { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; background: var(--hrm-primary-soft); color: var(--hrm-primary); }\r\n#hrRoomsMinimal .hrm-icon-box svg { width: 19px; height: 19px; fill: currentColor; }\r\n#hrRoomsMinimal .hrm-info-card-head span { display: block; color: var(--hrm-primary); font-size: 9px; line-height: 1.4; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-info-card-head h4 { margin: 2px 0 0; color: var(--hrm-text); font-size: 15px; line-height: 1.5; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-food-list { display: flex; flex-wrap: wrap; gap: 6px; }\r\n#hrRoomsMinimal .hrm-food-list span { padding: 7px 10px; border: 1px solid var(--hrm-border); border-radius: 8px; color: var(--hrm-text-soft); background: var(--hrm-bg); font-size: 10.5px; font-weight: 550; }\r\n#hrRoomsMinimal .hrm-simple-list { display: grid; gap: 15px; padding: 0; margin: 0; list-style: none; }\r\n#hrRoomsMinimal .hrm-simple-list li { display: flex; align-items: flex-start; gap: 10px; }\r\n#hrRoomsMinimal .hrm-list-check { width: 21px; height: 21px; display: grid; place-items: center; flex: 0 0 auto; margin-top: 1px; border-radius: 50%; background: var(--hrm-primary-soft); color: var(--hrm-primary); font-size: 10px; font-weight: 800; }\r\n#hrRoomsMinimal .hrm-simple-list strong { display: block; color: var(--hrm-text); font-size: 11.5px; line-height: 1.5; font-weight: 700; }\r\n#hrRoomsMinimal .hrm-simple-list div > span { display: block; margin-top: 2px; color: var(--hrm-muted); font-size: 10.5px; line-height: 1.55; }\r\n#hrRoomsMinimal .hrm-info-note { margin: 20px 0 0; padding-top: 15px; border-top: 1px solid var(--hrm-border); color: var(--hrm-muted); font-size: 9.5px; line-height: 1.7; }\r\n\r\n\/* FINAL CTA *\/\r\n#hrRoomsMinimal .hrm-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: clamp(60px, 7vw, 90px); padding: clamp(27px, 4vw, 42px); border-radius: 18px; background: #F4F7FB; }\r\n#hrRoomsMinimal .hrm-final-cta > div { max-width: 670px; }\r\n#hrRoomsMinimal .hrm-final-cta > div > span { display: block; color: var(--hrm-primary); font-size: 9px; font-weight: 750; letter-spacing: .08em; }\r\n#hrRoomsMinimal .hrm-final-cta h3 { margin: 5px 0 0; color: var(--hrm-text); font-size: clamp(22px, 3vw, 31px); line-height: 1.4; letter-spacing: -.02em; font-weight: 750; }\r\n#hrRoomsMinimal .hrm-final-cta p { margin: 6px 0 0; color: var(--hrm-text-soft); font-size: 12px; line-height: 1.7; }\r\n#hrRoomsMinimal .hrm-final-button { min-width: 170px; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; padding: 11px 20px; border-radius: 10px; background: var(--hrm-primary); color: #FFFFFF !important; text-decoration: none !important; font-size: 12px; font-weight: 700; transition: background .2s ease, transform .2s ease; }\r\n#hrRoomsMinimal .hrm-final-button:hover { background: var(--hrm-primary-hover); transform: translateY(-1px); }\r\n#hrRoomsMinimal .hrm-final-button svg { width: 17px; height: 17px; fill: currentColor; }\r\n\r\n\/* LIGHTBOX *\/\r\n#hrRoomsMinimalLightbox { position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 30px; background: rgba(8, 14, 23, .94); font-family: \"Noto Sans Thai\", system-ui, sans-serif; }\r\n#hrRoomsMinimalLightbox.is-open { display: flex; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-content { position: relative; width: min(100%, 1050px); max-height: calc(100vh - 70px); display: flex; flex-direction: column; align-items: center; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-image { display: block; max-width: 100%; max-height: calc(100vh - 125px); border-radius: 10px; object-fit: contain; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-caption { margin-top: 10px; color: rgba(255,255,255,.72); font-size: 10px; text-align: center; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-close { position: fixed; top: 18px; right: 20px; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #FFFFFF; font-family: Arial, sans-serif; font-size: 28px; font-weight: 300; line-height: 1; cursor: pointer; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-nav { position: fixed; top: 50%; width: 46px; height: 46px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #FFFFFF; cursor: pointer; transform: translateY(-50%); }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-prev { left: 20px; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-next { right: 20px; }\r\n#hrRoomsMinimalLightbox .hrm-lightbox-nav svg { width: 23px; height: 23px; fill: currentColor; }\r\n\r\n\/* TABLET & MOBILE MEDIA QUERIES *\/\r\n@media (max-width: 900px) {\r\n    #hrRoomsMinimal .hrm-header { grid-template-columns: 1fr; gap: 26px; align-items: start; }\r\n    #hrRoomsMinimal .hrm-starting { display: inline-block; min-width: 0; padding: 0; border-left: 0; }\r\n    #hrRoomsMinimal .hrm-quick-info { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    #hrRoomsMinimal .hrm-quick-item:nth-child(2) { border-right: 0; }\r\n    #hrRoomsMinimal .hrm-quick-item:nth-child(-n+2) { border-bottom: 1px solid var(--hrm-border); }\r\n    #hrRoomsMinimal .hrm-room-panel { grid-template-columns: 1fr; gap: 32px; }\r\n    #hrRoomsMinimal .hrm-room-detail { max-width: none; }\r\n    #hrRoomsMinimal .hrm-info-grid { grid-template-columns: 1fr; }\r\n    #hrRoomsMinimal .hrm-final-cta { align-items: flex-start; }\r\n}\r\n\r\n@media (max-width: 800px) {\r\n    \/* \u0e23\u0e27\u0e21\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e22\u0e48\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e25\u0e37\u0e2d 1 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\/\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 *\/\r\n    #hrRoomsMinimal .hrm-anatomy-cols { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    #hrRoomsMinimal { padding: 52px max(16px, env(safe-area-inset-left)) 65px; }\r\n    #hrRoomsMinimal .hrm-header { padding-bottom: 30px; }\r\n    #hrRoomsMinimal .hrm-header h2 { font-size: 35px; line-height: 1.2; }\r\n    #hrRoomsMinimal .hrm-header h2 span { display: block; }\r\n    #hrRoomsMinimal .hrm-starting-price strong { font-size: 32px; }\r\n    #hrRoomsMinimal .hrm-quick-item { padding: 17px 10px; gap: 10px; }\r\n    #hrRoomsMinimal .hrm-quick-item svg { width: 18px; height: 18px; }\r\n    #hrRoomsMinimal .hrm-quick-item strong { font-size: 11px; }\r\n    #hrRoomsMinimal .hrm-quick-item span { font-size: 9px; }\r\n    #hrRoomsMinimal .hrm-rooms, #hrRoomsMinimal .hrm-info-section, #hrRoomsMinimal .hrm-anatomy-section { padding-top: 52px; }\r\n    #hrRoomsMinimal .hrm-section-head { display: block; margin-bottom: 18px; }\r\n    #hrRoomsMinimal .hrm-section-head h3 { font-size: 25px; }\r\n    #hrRoomsMinimal .hrm-section-head > p { max-width: none; margin-top: 7px; font-size: 11px; text-align: left; }\r\n    #hrRoomsMinimal .hrm-tabs { gap: 7px; margin-bottom: 17px; }\r\n    #hrRoomsMinimal .hrm-tab { min-height: 66px; gap: 6px; padding: 10px; border-radius: 10px; }\r\n    #hrRoomsMinimal .hrm-main-image-button { aspect-ratio: 1.18 \/ 1; border-radius: 12px; }\r\n    #hrRoomsMinimal .hrm-thumbnails { display: flex; gap: 6px; margin: 7px -16px 0; padding: 0 16px 3px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x proximity; }\r\n    #hrRoomsMinimal .hrm-thumbnails::-webkit-scrollbar { display: none; }\r\n    #hrRoomsMinimal .hrm-thumb { width: 66px; height: 60px; flex: 0 0 66px; border-radius: 7px; scroll-snap-align: start; }\r\n    #hrRoomsMinimal .hrm-room-panel { gap: 27px; }\r\n    #hrRoomsMinimal .hrm-room-title h3 { font-size: 27px; }\r\n    #hrRoomsMinimal .hrm-room-specs { margin-top: 20px; }\r\n    #hrRoomsMinimal .hrm-room-specs > div { padding: 12px; }\r\n    #hrRoomsMinimal .hrm-room-price-box { margin-top: 20px; padding: 15px; }\r\n    #hrRoomsMinimal .hrm-price strong { font-size: 26px; }\r\n    \r\n    #hrRoomsMinimal .hrm-anatomy-section { margin-top: 60px; }\r\n    #hrRoomsMinimal .hrm-anatomy-title { margin-bottom: 15px; font-size: 11px; padding: 6px 14px; }\r\n    \r\n    #hrRoomsMinimal .hrm-info-section { margin-top: 60px; }\r\n    #hrRoomsMinimal .hrm-info-card { padding: 19px; }\r\n    #hrRoomsMinimal .hrm-final-cta { display: block; margin-top: 55px; padding: 23px 20px; border-radius: 14px; }\r\n    #hrRoomsMinimal .hrm-final-cta h3 { font-size: 21px; }\r\n    #hrRoomsMinimal .hrm-final-button { width: 100%; min-height: 46px; margin-top: 19px; }\r\n    #hrRoomsMinimalLightbox { padding: 55px 12px 35px; }\r\n    #hrRoomsMinimalLightbox .hrm-lightbox-close { top: 12px; right: 12px; width: 38px; height: 38px; font-size: 25px; }\r\n    #hrRoomsMinimalLightbox .hrm-lightbox-nav { width: 40px; height: 40px; background: rgba(0,0,0,.35); }\r\n    #hrRoomsMinimalLightbox .hrm-lightbox-prev { left: 8px; }\r\n    #hrRoomsMinimalLightbox .hrm-lightbox-next { right: 8px; }\r\n    #hrRoomsMinimalLightbox .hrm-lightbox-nav svg { width: 20px; height: 20px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #hrRoomsMinimal *, #hrRoomsMinimal *::before, #hrRoomsMinimal *::after { scroll-behavior: auto !important; transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initHRMinimalRooms() {\r\n        const section = document.getElementById(\"hrRoomsMinimal\");\r\n        const lightbox = document.getElementById(\"hrRoomsMinimalLightbox\");\r\n\r\n        if (!section || section.dataset.hrmInitialized === \"true\") return;\r\n        section.dataset.hrmInitialized = \"true\";\r\n\r\n        \/* TABS *\/\r\n        const tabs = section.querySelectorAll(\"[data-hrm-tab]\");\r\n        const panels = section.querySelectorAll(\"[data-hrm-panel]\");\r\n\r\n        tabs.forEach(tab => {\r\n            tab.addEventListener(\"click\", () => {\r\n                const target = tab.getAttribute(\"data-hrm-tab\");\r\n                tabs.forEach(item => {\r\n                    const active = item === tab;\r\n                    item.classList.toggle(\"is-active\", active);\r\n                    item.setAttribute(\"aria-selected\", active ? \"true\" : \"false\");\r\n                });\r\n                panels.forEach(panel => {\r\n                    const active = panel.getAttribute(\"data-hrm-panel\") === target;\r\n                    panel.classList.toggle(\"is-active\", active);\r\n                    panel.hidden = !active;\r\n                });\r\n            });\r\n        });\r\n\r\n        \/* THUMBNAILS *\/\r\n        section.querySelectorAll(\".hrm-thumb\").forEach(thumb => {\r\n            thumb.addEventListener(\"click\", () => {\r\n                const panel = thumb.closest(\".hrm-room-panel\");\r\n                if (!panel) return;\r\n                const mainImage = panel.querySelector(\".hrm-main-image\");\r\n                if (!mainImage) return;\r\n\r\n                const src = thumb.getAttribute(\"data-src\");\r\n                const alt = thumb.getAttribute(\"data-alt\") || \"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\";\r\n\r\n                panel.querySelectorAll(\".hrm-thumb\").forEach(item => item.classList.remove(\"is-active\"));\r\n                thumb.classList.add(\"is-active\");\r\n\r\n                mainImage.style.opacity = \"0.25\";\r\n                setTimeout(() => {\r\n                    mainImage.src = src;\r\n                    mainImage.alt = alt;\r\n                    mainImage.style.opacity = \"1\";\r\n                }, 100);\r\n            });\r\n        });\r\n\r\n        \/* LIGHTBOX *\/\r\n        if (lightbox) {\r\n            const lightboxImage = lightbox.querySelector(\".hrm-lightbox-image\");\r\n            const closeButton = lightbox.querySelector(\".hrm-lightbox-close\");\r\n            const prevButton = lightbox.querySelector(\".hrm-lightbox-prev\");\r\n            const nextButton = lightbox.querySelector(\".hrm-lightbox-next\");\r\n\r\n            let gallery = [];\r\n            let currentIndex = 0;\r\n            let bodyOverflow = \"\";\r\n\r\n            function getGallery(panel) {\r\n                return Array.from(panel.querySelectorAll(\".hrm-thumb\")).map(thumb => ({\r\n                    src: thumb.getAttribute(\"data-src\"),\r\n                    alt: thumb.getAttribute(\"data-alt\") || \"\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort\"\r\n                }));\r\n            }\r\n\r\n            function renderImage() {\r\n                if (!gallery.length) return;\r\n                const item = gallery[currentIndex];\r\n                lightboxImage.src = item.src;\r\n                lightboxImage.alt = item.alt;\r\n            }\r\n\r\n            function openLightbox(panel) {\r\n                gallery = getGallery(panel);\r\n                if (!gallery.length) return;\r\n\r\n                const activeThumb = panel.querySelector(\".hrm-thumb.is-active\");\r\n                currentIndex = 0;\r\n                if (activeThumb) {\r\n                    const activeSrc = activeThumb.getAttribute(\"data-src\");\r\n                    gallery.forEach((item, index) => {\r\n                        if (item.src === activeSrc) currentIndex = index;\r\n                    });\r\n                }\r\n\r\n                renderImage();\r\n                bodyOverflow = document.body.style.overflow;\r\n                document.body.style.overflow = \"hidden\";\r\n                lightbox.classList.add(\"is-open\");\r\n                lightbox.setAttribute(\"aria-hidden\", \"false\");\r\n\r\n                if (closeButton) setTimeout(() => closeButton.focus(), 20);\r\n            }\r\n\r\n            function closeLightbox() {\r\n                lightbox.classList.remove(\"is-open\");\r\n                lightbox.setAttribute(\"aria-hidden\", \"true\");\r\n                document.body.style.overflow = bodyOverflow;\r\n                setTimeout(() => {\r\n                    if (!lightbox.classList.contains(\"is-open\")) lightboxImage.src = \"\";\r\n                }, 150);\r\n            }\r\n\r\n            function previousImage() {\r\n                if (!gallery.length) return;\r\n                currentIndex = (currentIndex - 1 + gallery.length) % gallery.length;\r\n                renderImage();\r\n            }\r\n\r\n            function nextImage() {\r\n                if (!gallery.length) return;\r\n                currentIndex = (currentIndex + 1) % gallery.length;\r\n                renderImage();\r\n            }\r\n\r\n            section.querySelectorAll(\"[data-hrm-open-lightbox]\").forEach(button => {\r\n                button.addEventListener(\"click\", () => {\r\n                    const panel = button.closest(\".hrm-room-panel\");\r\n                    if (panel) openLightbox(panel);\r\n                });\r\n            });\r\n\r\n            if (closeButton) closeButton.addEventListener(\"click\", closeLightbox);\r\n            if (prevButton) prevButton.addEventListener(\"click\", previousImage);\r\n            if (nextButton) nextButton.addEventListener(\"click\", nextImage);\r\n            \r\n            lightbox.addEventListener(\"click\", event => {\r\n                if (event.target === lightbox) closeLightbox();\r\n            });\r\n\r\n            document.addEventListener(\"keydown\", event => {\r\n                if (!lightbox.classList.contains(\"is-open\")) return;\r\n                if (event.key === \"Escape\") closeLightbox();\r\n                if (event.key === \"ArrowLeft\") previousImage();\r\n                if (event.key === \"ArrowRight\") nextImage();\r\n            });\r\n\r\n            let touchStartX = 0;\r\n            lightbox.addEventListener(\"touchstart\", event => {\r\n                if (event.changedTouches.length) touchStartX = event.changedTouches[0].clientX;\r\n            }, { passive: true });\r\n\r\n            lightbox.addEventListener(\"touchend\", event => {\r\n                if (!event.changedTouches.length) return;\r\n                const touchEndX = event.changedTouches[0].clientX;\r\n                const distance = touchEndX - touchStartX;\r\n                if (Math.abs(distance) < 45) return;\r\n                if (distance > 0) previousImage(); else nextImage();\r\n            }, { passive: true });\r\n        }\r\n\r\n        \/* SMOOTH SCROLL *\/\r\n        const reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n        section.querySelectorAll('a[href=\"#book-now\"]').forEach(button => {\r\n            button.addEventListener(\"click\", event => {\r\n                const target = document.getElementById(\"book-now\");\r\n                if (!target) return;\r\n                event.preventDefault();\r\n                const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - 90;\r\n                window.scrollTo({\r\n                    top: Math.max(targetPosition, 0),\r\n                    behavior: reduceMotion ? \"auto\" : \"smooth\"\r\n                });\r\n            });\r\n        });\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initHRMinimalRooms, { once: true });\r\n    } else {\r\n        initHRMinimalRooms();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ROOMS AT HR RESORT \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 HR Resort \u0e1e\u0e31\u0e01\u0e2a\u0e1a\u0e32\u0e22 \u2022 8 \u0e2b\u0e25\u0e31\u0e07 \u2022 35 \u0e15\u0e23.\u0e21. \u2022 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e40\u0e0a\u0e49\u0e32 \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 1,200 \u0e1a\u0e32\u0e17 \u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowo9PHDA:productID":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":30,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}