{"id":557,"date":"2026-08-22T20:35:20","date_gmt":"2026-08-22T13:35:20","guid":{"rendered":"https:\/\/hrresortbuengkhonglong.com\/?page_id=557"},"modified":"2026-08-22T20:45:26","modified_gmt":"2026-08-22T13:45:26","slug":"travel-guide","status":"publish","type":"page","link":"https:\/\/hrresortbuengkhonglong.com\/en\/travel-guide\/","title":{"rendered":"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"557\" class=\"elementor elementor-557\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58169eaa e-con-full e-flex e-con e-parent\" data-id=\"58169eaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f89e1cf elementor-widget elementor-widget-html\" data-id=\"f89e1cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n HR RESORT \u2014 TRAVEL GUIDE \/ BLOG HUB\r\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n\r\n WordPress \/ Elementor Custom HTML\r\n HTML + CSS + JS IN ONE BLOCK\r\n\r\n FEATURES\r\n - Dynamic WordPress Posts via REST API\r\n - Dynamic Categories\r\n - Featured Article\r\n - Category Filter\r\n - Load More\r\n - Popular Attractions\r\n - Responsive\r\n - Prompt Font\r\n - NO FILTER on Hero \/ Images\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=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"hrTravelGuide\" class=\"hrt-guide\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   01. VARIABLES \/ RESET\r\n========================================================= *\/\r\n\r\n#hrTravelGuide {\r\n    --hrt-blue: #2563EB;\r\n    --hrt-blue-2: #1478D4;\r\n    --hrt-blue-dark: #0756A7;\r\n\r\n    --hrt-navy: #06386F;\r\n    --hrt-navy-deep: #032B59;\r\n\r\n    --hrt-sky: #EDF7FF;\r\n    --hrt-sky-2: #F6FBFF;\r\n\r\n    --hrt-white: #FFFFFF;\r\n\r\n    --hrt-text: #294863;\r\n    --hrt-muted: #73889B;\r\n\r\n    --hrt-border: #D9E9F7;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    color: var(--hrt-text);\r\n\r\n    background: #FFFFFF;\r\n\r\n    font-family: \"Prompt\", sans-serif !important;\r\n}\r\n\r\n\r\n#hrTravelGuide *,\r\n#hrTravelGuide *::before,\r\n#hrTravelGuide *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n#hrTravelGuide h1,\r\n#hrTravelGuide h2,\r\n#hrTravelGuide h3,\r\n#hrTravelGuide h4,\r\n#hrTravelGuide p,\r\n#hrTravelGuide a,\r\n#hrTravelGuide button,\r\n#hrTravelGuide span,\r\n#hrTravelGuide strong {\r\n    font-family: \"Prompt\", sans-serif !important;\r\n}\r\n\r\n\r\n#hrTravelGuide a {\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n#hrTravelGuide button {\r\n    font-family: \"Prompt\", sans-serif;\r\n}\r\n\r\n\r\n#hrTravelGuide img {\r\n    filter: none !important;\r\n    -webkit-filter: none !important;\r\n\r\n    opacity: 1 !important;\r\n\r\n    mix-blend-mode: normal !important;\r\n}\r\n\r\n\r\n.hrt-container {\r\n    width: min(\r\n        1320px,\r\n        calc(100% - 52px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   02. COMMON\r\n========================================================= *\/\r\n\r\n.hrt-eyebrow {\r\n    width: max-content;\r\n    max-width: 100%;\r\n\r\n    min-height: 39px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    padding: 7px 15px;\r\n\r\n    color: #1368B2;\r\n\r\n    background: rgba(255,255,255,.96);\r\n\r\n    border: 1px solid #CCE4F8;\r\n    border-radius: 999px;\r\n\r\n    box-shadow:\r\n        0 9px 24px rgba(13,77,133,.07);\r\n\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .6px;\r\n}\r\n\r\n\r\n.hrt-eyebrow-icon {\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    flex: 0 0 25px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #1677D2;\r\n\r\n    background: #EAF5FF;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.hrt-eyebrow-icon svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.9;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.hrt-kicker {\r\n    margin-bottom: 8px;\r\n\r\n    color: #2576BB;\r\n\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2.2px;\r\n}\r\n\r\n\r\n.hrt-section-title {\r\n    margin: 0 !important;\r\n\r\n    color: var(--hrt-navy-deep) !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            4vw,\r\n            48px\r\n        ) !important;\r\n\r\n    line-height: 1.25 !important;\r\n\r\n    font-weight: 600 !important;\r\n\r\n    letter-spacing: -1.3px !important;\r\n}\r\n\r\n\r\n.hrt-section-desc {\r\n    max-width: 720px;\r\n\r\n    margin: 10px 0 0 !important;\r\n\r\n    color: var(--hrt-muted) !important;\r\n\r\n    font-size: 11px !important;\r\n    line-height: 1.9 !important;\r\n}\r\n\r\n\r\n.hrt-section-head {\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   03. HERO\r\n   IMPORTANT: NO FILTER \/ NO OVERLAY\r\n========================================================= *\/\r\n\r\n.hrt-hero {\r\n    position: relative;\r\n\r\n    min-height: 620px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 70px 0;\r\n\r\n    background-image:\r\n        url(\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/hero-\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21.png\");\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    \/* ORIGINAL IMAGE *\/\r\n    filter: none !important;\r\n}\r\n\r\n\r\n\/*\r\n IMPORTANT:\r\n \u0e44\u0e21\u0e48\u0e21\u0e35 ::before overlay\r\n \u0e44\u0e21\u0e48\u0e21\u0e35 linear-gradient \u0e04\u0e25\u0e38\u0e21\u0e23\u0e39\u0e1b\r\n*\/\r\n\r\n\r\n.hrt-hero-card {\r\n    width: min(620px, 100%);\r\n\r\n    padding: 42px 44px;\r\n\r\n    background: rgba(255,255,255,.96);\r\n\r\n    border: 1px solid rgba(202,226,246,.95);\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow:\r\n        0 26px 70px rgba(7,59,105,.16);\r\n}\r\n\r\n\r\n.hrt-hero-kicker {\r\n    margin-top: 20px;\r\n\r\n    color: #3178AF;\r\n\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n\r\n.hrt-hero-title {\r\n    margin: 8px 0 0 !important;\r\n\r\n    color: var(--hrt-navy-deep) !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            46px,\r\n            5.3vw,\r\n            72px\r\n        ) !important;\r\n\r\n    line-height: 1.1 !important;\r\n\r\n    font-weight: 600 !important;\r\n\r\n    letter-spacing: -2.2px !important;\r\n}\r\n\r\n\r\n.hrt-hero-title span {\r\n    display: block;\r\n\r\n    margin-top: 10px;\r\n\r\n    color: #2674B4;\r\n\r\n    font-size: .39em;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 0;\r\n}\r\n\r\n\r\n.hrt-divider {\r\n    width: min(330px, 75%);\r\n\r\n    height: 18px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin: 19px 0;\r\n}\r\n\r\n\r\n.hrt-divider::before,\r\n.hrt-divider::after {\r\n    content: \"\";\r\n\r\n    flex: 1;\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #78AAD5\r\n        );\r\n}\r\n\r\n\r\n.hrt-divider::after {\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #78AAD5,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n.hrt-divider i {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    flex: 0 0 7px;\r\n\r\n    background: #1976CA;\r\n\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\r\n.hrt-hero-desc {\r\n    margin: 0 !important;\r\n\r\n    color: #57738A !important;\r\n\r\n    font-size: 11.5px !important;\r\n    line-height: 1.9 !important;\r\n}\r\n\r\n\r\n.hrt-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: 24px;\r\n}\r\n\r\n\r\n.hrt-btn {\r\n    min-height: 51px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 9px 21px;\r\n\r\n    border-radius: 13px;\r\n\r\n    font-size: 9px;\r\n    font-weight: 500;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.hrt-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.hrt-btn-primary {\r\n    color: #FFFFFF !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #197BD7,\r\n            #0754A5\r\n        );\r\n\r\n    box-shadow:\r\n        0 13px 28px rgba(7,83,162,.22);\r\n}\r\n\r\n\r\n.hrt-btn-outline {\r\n    color: #0B65B5 !important;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #A8D0EF;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   04. QUICK NAV\r\n========================================================= *\/\r\n\r\n.hrt-quicknav-wrap {\r\n    padding: 0;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n.hrt-quicknav {\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n\r\n    overflow-x: auto;\r\n\r\n    margin-top: -25px;\r\n\r\n    padding: 10px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid var(--hrt-border);\r\n\r\n    border-radius: 18px;\r\n\r\n    box-shadow:\r\n        0 17px 42px rgba(15,70,118,.10);\r\n\r\n    scrollbar-width: none;\r\n}\r\n\r\n\r\n.hrt-quicknav::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\r\n.hrt-quicknav a {\r\n    min-height: 40px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    padding: 7px 14px;\r\n\r\n    color: #55748E !important;\r\n\r\n    border-radius: 10px;\r\n\r\n    font-size: 8px;\r\n    font-weight: 500;\r\n\r\n    transition: .2s ease;\r\n}\r\n\r\n\r\n.hrt-quicknav a:hover {\r\n    color: #1267B4 !important;\r\n\r\n    background: #EDF7FF;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   05. FEATURED ARTICLE\r\n========================================================= *\/\r\n\r\n.hrt-featured-section {\r\n    padding: 92px 0 84px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #FFFFFF,\r\n            #F7FBFF\r\n        );\r\n}\r\n\r\n\r\n.hrt-featured-card {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.08fr)\r\n        minmax(390px,.92fr);\r\n\r\n    min-height: 430px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #D8E8F5;\r\n\r\n    border-radius: 27px;\r\n\r\n    box-shadow:\r\n        0 22px 55px rgba(16,68,112,.10);\r\n}\r\n\r\n\r\n.hrt-featured-media {\r\n    position: relative;\r\n\r\n    min-height: 430px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #ECF4FA;\r\n}\r\n\r\n\r\n.hrt-featured-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition: transform .6s ease;\r\n}\r\n\r\n\r\n.hrt-featured-card:hover\r\n.hrt-featured-media img {\r\n    transform: scale(1.025);\r\n}\r\n\r\n\r\n.hrt-featured-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 42px;\r\n}\r\n\r\n\r\n.hrt-featured-badge {\r\n    width: max-content;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 6px 11px;\r\n\r\n    color: #1269B7;\r\n\r\n    background: #EDF7FF;\r\n\r\n    border: 1px solid #CFE6F8;\r\n    border-radius: 999px;\r\n\r\n    font-size: 7px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n.hrt-featured-title {\r\n    margin: 17px 0 11px !important;\r\n\r\n    color: #062F5D !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            25px,\r\n            3vw,\r\n            38px\r\n        ) !important;\r\n\r\n    line-height: 1.4 !important;\r\n\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\r\n.hrt-featured-title a {\r\n    color: inherit !important;\r\n}\r\n\r\n\r\n.hrt-featured-excerpt {\r\n    display: -webkit-box;\r\n\r\n    overflow: hidden;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #75899A !important;\r\n\r\n    font-size: 10px !important;\r\n    line-height: 1.85 !important;\r\n\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n\r\n.hrt-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 8px 16px;\r\n\r\n    margin-top: 17px;\r\n\r\n    color: #8194A5;\r\n\r\n    font-size: 7.5px;\r\n}\r\n\r\n\r\n.hrt-featured-link {\r\n    width: max-content;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 23px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    padding: 11px 18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #187AD7,\r\n            #0753A4\r\n        );\r\n\r\n    border-radius: 11px;\r\n\r\n    font-size: 8.5px;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   06. BLOG \/ ARTICLE SECTION\r\n========================================================= *\/\r\n\r\n.hrt-blog-section {\r\n    padding: 84px 0 96px;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   07. CATEGORY FILTER\r\n========================================================= *\/\r\n\r\n.hrt-filter-shell {\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\r\n.hrt-filters {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    overflow-x: auto;\r\n\r\n    padding: 4px 2px 11px;\r\n\r\n    scrollbar-width: none;\r\n}\r\n\r\n\r\n.hrt-filters::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\r\n.hrt-filter-btn {\r\n    appearance: none;\r\n\r\n    min-height: 42px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 8px 15px;\r\n\r\n    cursor: pointer;\r\n\r\n    color: #51738F;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #D8E8F5;\r\n    border-radius: 999px;\r\n\r\n    font-size: 8px;\r\n    font-weight: 500;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(15,69,116,.04);\r\n\r\n    transition: .22s ease;\r\n}\r\n\r\n\r\n.hrt-filter-btn:hover {\r\n    color: #1168B6;\r\n\r\n    border-color: #A8D0EE;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n.hrt-filter-btn.is-active {\r\n    color: #FFFFFF;\r\n\r\n    border-color: transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #2586DD,\r\n            #0758AC\r\n        );\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(8,85,167,.20);\r\n}\r\n\r\n\r\n.hrt-filter-count {\r\n    min-width: 23px;\r\n    height: 23px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0 6px;\r\n\r\n    color: #728CA2;\r\n\r\n    background: #EFF5FA;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 6.5px;\r\n}\r\n\r\n\r\n.hrt-filter-btn.is-active\r\n.hrt-filter-count {\r\n    color: #FFFFFF;\r\n\r\n    background: rgba(255,255,255,.17);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   08. ARTICLE GRID\r\n========================================================= *\/\r\n\r\n.hrt-articles-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap: 18px;\r\n}\r\n\r\n\r\n.hrt-article-card {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #DDEAF5;\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        0 10px 28px rgba(21,68,108,.06);\r\n\r\n    transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease,\r\n        border-color .28s ease;\r\n}\r\n\r\n\r\n.hrt-article-card:hover {\r\n    transform: translateY(-5px);\r\n\r\n    border-color: #C1DDF2;\r\n\r\n    box-shadow:\r\n        0 20px 42px rgba(16,68,112,.12);\r\n}\r\n\r\n\r\n.hrt-article-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    \/* \u0e23\u0e39\u0e1b\u0e1b\u0e01\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e07 HR Resort \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19 1:1\r\n       \u0e08\u0e36\u0e07\u0e43\u0e2b\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e1e\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e08\u0e31\u0e15\u0e38\u0e23\u0e31\u0e2a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e15\u0e31\u0e14\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e19\u0e20\u0e32\u0e1e *\/\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #F5FAFF;\r\n}\r\n\r\n\r\n.hrt-article-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    \/* \u0e41\u0e2a\u0e14\u0e07\u0e20\u0e32\u0e1e\u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e04\u0e23\u0e1a 100% \u0e44\u0e21\u0e48 Crop \u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\/\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e *\/\r\n    object-fit: contain !important;\r\n    object-position: center center !important;\r\n\r\n    filter: none !important;\r\n    -webkit-filter: none !important;\r\n\r\n    transform: none !important;\r\n    transition: opacity .25s ease;\r\n}\r\n\r\n\r\n.hrt-article-card:hover\r\n.hrt-article-image img {\r\n    \/* \u0e44\u0e21\u0e48 Zoom \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e20\u0e32\u0e1e Banner \u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e01\u0e25\u0e49\u0e02\u0e2d\u0e1a *\/\r\n    transform: none !important;\r\n    opacity: .98;\r\n}\r\n\r\n\r\n.hrt-article-content {\r\n    padding: 20px 20px 22px;\r\n}\r\n\r\n\r\n.hrt-article-category {\r\n    width: max-content;\r\n    max-width: 100%;\r\n\r\n    display: inline-flex;\r\n\r\n    padding: 5px 9px;\r\n\r\n    color: #1569B2;\r\n\r\n    background: #EDF7FF;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 6.5px;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n.hrt-article-title {\r\n    margin: 12px 0 8px !important;\r\n\r\n    color: #08345F !important;\r\n\r\n    font-size: 16px !important;\r\n    line-height: 1.55 !important;\r\n\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\r\n.hrt-article-title a {\r\n    color: inherit !important;\r\n}\r\n\r\n\r\n.hrt-article-excerpt {\r\n    display: -webkit-box;\r\n\r\n    overflow: hidden;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #7A8C9C !important;\r\n\r\n    font-size: 8.5px !important;\r\n    line-height: 1.8 !important;\r\n\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n\r\n.hrt-article-footer {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 17px;\r\n\r\n    padding-top: 14px;\r\n\r\n    border-top: 1px solid #ECF2F6;\r\n}\r\n\r\n\r\n.hrt-article-date {\r\n    color: #8798A7;\r\n\r\n    font-size: 6.5px;\r\n}\r\n\r\n\r\n.hrt-read-more {\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 5px;\r\n\r\n    color: #1069B7 !important;\r\n\r\n    font-size: 7.5px;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   09. LOAD MORE\r\n========================================================= *\/\r\n\r\n.hrt-load-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 36px;\r\n}\r\n\r\n\r\n.hrt-load-status {\r\n    color: #8395A5;\r\n\r\n    font-size: 7px;\r\n}\r\n\r\n\r\n.hrt-load-btn {\r\n    min-width: 190px;\r\n    min-height: 49px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    cursor: pointer;\r\n\r\n    color: #0B62B0;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #B6D7F0;\r\n    border-radius: 999px;\r\n\r\n    font-size: 8px;\r\n    font-weight: 500;\r\n\r\n    box-shadow:\r\n        0 9px 23px rgba(16,70,117,.06);\r\n}\r\n\r\n\r\n.hrt-load-btn:hover {\r\n    color: #FFFFFF;\r\n\r\n    background: #0961B4;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   10. POPULAR ATTRACTIONS\r\n========================================================= *\/\r\n\r\n.hrt-popular-section {\r\n    padding: 86px 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #F6FBFF,\r\n            #FFFFFF\r\n        );\r\n}\r\n\r\n\r\n.hrt-popular-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n.hrt-popular-card {\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #DAE9F5;\r\n    border-radius: 19px;\r\n\r\n    box-shadow:\r\n        0 10px 28px rgba(19,69,112,.07);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n.hrt-popular-card:hover {\r\n    transform: translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 18px 37px rgba(19,69,112,.12);\r\n}\r\n\r\n\r\n.hrt-popular-image {\r\n    aspect-ratio: 4 \/ 3;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #E9F4FC;\r\n}\r\n\r\n\r\n.hrt-popular-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n.hrt-popular-copy {\r\n    padding: 16px;\r\n}\r\n\r\n\r\n.hrt-popular-copy small {\r\n    color: #3981BB;\r\n\r\n    font-size: 6.5px;\r\n}\r\n\r\n\r\n.hrt-popular-copy h3 {\r\n    margin: 5px 0 0 !important;\r\n\r\n    color: #07345F !important;\r\n\r\n    font-size: 14px !important;\r\n    line-height: 1.5 !important;\r\n\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   11. CTA\r\n========================================================= *\/\r\n\r\n.hrt-cta-section {\r\n    padding: 0 0 95px;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n.hrt-cta {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    min-height: 250px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 40px;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 45px 49px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 0%,\r\n            rgba(99,193,255,.38),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #0761B4,\r\n            #032D60\r\n        );\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow:\r\n        0 23px 55px rgba(7,68,132,.22);\r\n}\r\n\r\n\r\n.hrt-cta::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: -1;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    right: -170px;\r\n    top: -285px;\r\n\r\n    border: 1px solid rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n.hrt-cta small {\r\n    color: rgba(255,255,255,.62);\r\n\r\n    font-size: 7px;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.hrt-cta h2 {\r\n    margin: 8px 0 8px !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            27px,\r\n            3.5vw,\r\n            42px\r\n        ) !important;\r\n\r\n    line-height: 1.3 !important;\r\n\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\r\n.hrt-cta p {\r\n    max-width: 700px;\r\n\r\n    margin: 0 !important;\r\n\r\n    color: rgba(255,255,255,.73) !important;\r\n\r\n    font-size: 9.5px !important;\r\n    line-height: 1.8 !important;\r\n}\r\n\r\n\r\n.hrt-cta-actions {\r\n    display: flex;\r\n\r\n    gap: 9px;\r\n}\r\n\r\n\r\n.hrt-cta .hrt-btn-primary {\r\n    color: #0754A2 !important;\r\n\r\n    background: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 12px 29px rgba(0,0,0,.13);\r\n}\r\n\r\n\r\n.hrt-cta .hrt-btn-outline {\r\n    color: #FFFFFF !important;\r\n\r\n    background: rgba(255,255,255,.09);\r\n\r\n    border-color: rgba(255,255,255,.43);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   12. SKELETON\r\n========================================================= *\/\r\n\r\n.hrt-skeleton {\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #E0ECF5;\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n.hrt-skeleton-img {\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #EDF3F7,\r\n            #F7FAFC,\r\n            #EDF3F7\r\n        );\r\n\r\n    background-size: 200% 100%;\r\n\r\n    animation:\r\n        hrtSkeleton 1.3s infinite;\r\n}\r\n\r\n\r\n.hrt-skeleton-body {\r\n    padding: 20px;\r\n}\r\n\r\n\r\n.hrt-skeleton-line {\r\n    height: 10px;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    border-radius: 99px;\r\n\r\n    background: #EDF3F7;\r\n}\r\n\r\n\r\n.hrt-skeleton-line:nth-child(1) {\r\n    width: 34%;\r\n}\r\n\r\n\r\n.hrt-skeleton-line:nth-child(2) {\r\n    width: 90%;\r\n}\r\n\r\n\r\n.hrt-skeleton-line:nth-child(3) {\r\n    width: 68%;\r\n}\r\n\r\n\r\n@keyframes hrtSkeleton {\r\n\r\n    0% {\r\n        background-position: 200% 0;\r\n    }\r\n\r\n    100% {\r\n        background-position: -200% 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   13. ERROR \/ EMPTY\r\n========================================================= *\/\r\n\r\n.hrt-message {\r\n    grid-column: 1 \/ -1;\r\n\r\n    min-height: 180px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 30px;\r\n\r\n    text-align: center;\r\n\r\n    color: #74899A;\r\n\r\n    background: #F7FBFF;\r\n\r\n    border: 1px dashed #BEDAF0;\r\n    border-radius: 18px;\r\n\r\n    font-size: 9px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   14. REVEAL\r\n========================================================= *\/\r\n\r\n.hrt-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(18px);\r\n\r\n    transition:\r\n        opacity .6s ease,\r\n        transform .6s ease;\r\n}\r\n\r\n\r\n.hrt-reveal.is-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   15. TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .hrt-featured-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .hrt-featured-media {\r\n        min-height: 420px;\r\n    }\r\n\r\n\r\n    .hrt-articles-grid {\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .hrt-popular-grid {\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n\r\n    .hrt-cta {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   16. MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .hrt-container {\r\n        width:\r\n            calc(100% - 28px);\r\n    }\r\n\r\n\r\n    .hrt-hero {\r\n        min-height: 610px;\r\n\r\n        align-items: flex-end;\r\n\r\n        padding: 42px 0;\r\n    }\r\n\r\n\r\n    .hrt-hero-card {\r\n        padding: 27px 23px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    .hrt-hero-title {\r\n        font-size:\r\n            clamp(\r\n                42px,\r\n                13vw,\r\n                58px\r\n            ) !important;\r\n\r\n        letter-spacing:\r\n            -1.4px !important;\r\n    }\r\n\r\n\r\n    .hrt-hero-title span {\r\n        font-size: .43em;\r\n    }\r\n\r\n\r\n    .hrt-hero-desc {\r\n        font-size: 9.5px !important;\r\n    }\r\n\r\n\r\n    .hrt-hero-actions {\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .hrt-btn {\r\n        padding: 8px 10px;\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .hrt-quicknav {\r\n        justify-content: flex-start;\r\n\r\n        margin-top: -20px;\r\n    }\r\n\r\n\r\n    .hrt-featured-section,\r\n    .hrt-blog-section,\r\n    .hrt-popular-section {\r\n        padding:\r\n            62px 0;\r\n    }\r\n\r\n\r\n    .hrt-section-head {\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n    }\r\n\r\n\r\n    .hrt-featured-media {\r\n        min-height: 270px;\r\n    }\r\n\r\n\r\n    .hrt-featured-copy {\r\n        padding: 25px 22px;\r\n    }\r\n\r\n\r\n    .hrt-articles-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .hrt-popular-grid {\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n\r\n    .hrt-popular-copy {\r\n        padding: 13px;\r\n    }\r\n\r\n\r\n    .hrt-cta-section {\r\n        padding-bottom: 65px;\r\n    }\r\n\r\n\r\n    .hrt-cta {\r\n        min-height: 320px;\r\n\r\n        padding: 31px 23px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    .hrt-cta-actions {\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   17. SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .hrt-hero-actions,\r\n    .hrt-cta-actions {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .hrt-popular-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   18. REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #hrTravelGuide *,\r\n    #hrTravelGuide *::before,\r\n    #hrTravelGuide *::after {\r\n        transition-duration:\r\n            .01ms !important;\r\n\r\n        animation-duration:\r\n            .01ms !important;\r\n\r\n        scroll-behavior:\r\n            auto !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<div class=\"hrt-hero\">\r\n\r\n    <div class=\"hrt-container\">\r\n\r\n        <div class=\"hrt-hero-card hrt-reveal\">\r\n\r\n\r\n            <div class=\"hrt-eyebrow\">\r\n\r\n                <span class=\"hrt-eyebrow-icon\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 19 9 6l3 7 2-4 6 10Z\"\/>\r\n                        <path d=\"M7 19h10\"\/>\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n                HR RESORT TRAVEL GUIDE\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrt-hero-kicker\">\r\n                EXPLORE \u2022 DISCOVER \u2022 STAY\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"hrt-hero-title\">\r\n\r\n                \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n\r\n                <span>\r\n                    \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <div\r\n                class=\"hrt-divider\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <i><\/i>\r\n            <\/div>\r\n\r\n\r\n            <p class=\"hrt-hero-desc\">\r\n\r\n                \u0e23\u0e27\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                \u0e41\u0e1e\u0e25\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\r\n                \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\r\n                \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\r\n                \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                <strong style=\"color:#145F9E;\">\r\n                    \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\u0e41\u0e25\u0e30\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                <\/strong>\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hrt-hero-actions\">\r\n\r\n                <a\r\n                    href=\"#hr-articles\"\r\n                    class=\"hrt-btn hrt-btn-primary\"\r\n                >\r\n                    \u0e2d\u0e48\u0e32\u0e19\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                    <span>\u2193<\/span>\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"\/attractions\/\"\r\n                    class=\"hrt-btn hrt-btn-outline\"\r\n                >\r\n                    \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     QUICK NAVIGATION\r\n========================================================= -->\r\n\r\n<div class=\"hrt-quicknav-wrap\">\r\n\r\n    <div class=\"hrt-container\">\r\n\r\n        <nav\r\n            class=\"hrt-quicknav\"\r\n            aria-label=\"\u0e40\u0e21\u0e19\u0e39\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n        >\r\n\r\n            <a href=\"#hr-featured\">\r\n                \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e19\u0e30\u0e19\u0e33\r\n            <\/a>\r\n\r\n            <a href=\"#hr-articles\">\r\n                \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n            <\/a>\r\n\r\n            <a href=\"#hr-popular\">\r\n                \u0e17\u0e35\u0e48\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\r\n            <\/a>\r\n\r\n            <a href=\"\/attractions\/\">\r\n                \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n            <\/a>\r\n\r\n            <a href=\"\/rooms-and-rates\/\">\r\n                \u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e41\u0e25\u0e30\u0e23\u0e32\u0e04\u0e32\r\n            <\/a>\r\n\r\n        <\/nav>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     FEATURED ARTICLE\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"hrt-featured-section\"\r\n    id=\"hr-featured\"\r\n>\r\n\r\n    <div class=\"hrt-container\">\r\n\r\n\r\n        <div class=\"hrt-section-head hrt-reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"hrt-kicker\">\r\n                    FEATURED STORY\r\n                <\/div>\r\n\r\n                <h2 class=\"hrt-section-title\">\r\n                    \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e19\u0e30\u0e19\u0e33\r\n                <\/h2>\r\n\r\n                <p class=\"hrt-section-desc\">\r\n                    \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                    \u0e14\u0e49\u0e27\u0e22\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e21\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <article\r\n            class=\"hrt-featured-card hrt-reveal\"\r\n            id=\"hrtFeaturedArticle\"\r\n        >\r\n\r\n            <div class=\"hrt-featured-media\">\r\n\r\n                <img decoding=\"async\"\r\n                    id=\"hrtFeaturedImage\"\r\n                    src=\"https:\/\/hrresortbuengkhonglong.com\/wp-content\/uploads\/2026\/08\/hero-\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21.png\"\r\n                    alt=\"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrt-featured-copy\">\r\n\r\n                <span class=\"hrt-featured-badge\">\r\n                    \u2605 FEATURED ARTICLE\r\n                <\/span>\r\n\r\n\r\n                <h2\r\n                    class=\"hrt-featured-title\"\r\n                    id=\"hrtFeaturedTitle\"\r\n                >\r\n                    \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 2 \u0e27\u0e31\u0e19 1 \u0e04\u0e37\u0e19\r\n                    \u0e41\u0e08\u0e01\u0e41\u0e1e\u0e25\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e04\u0e23\u0e1a \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\r\n                <\/h2>\r\n\r\n\r\n                <p\r\n                    class=\"hrt-featured-excerpt\"\r\n                    id=\"hrtFeaturedExcerpt\"\r\n                >\r\n                    \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e41\u0e19\u0e30\u0e19\u0e33...\r\n                <\/p>\r\n\r\n\r\n                <div class=\"hrt-meta\">\r\n\r\n                    <span id=\"hrtFeaturedCategory\">\r\n                        \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\r\n                    <\/span>\r\n\r\n                    <span id=\"hrtFeaturedDate\">\r\n                        \u2014\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"#\"\r\n                    class=\"hrt-featured-link\"\r\n                    id=\"hrtFeaturedLink\"\r\n                >\r\n                    \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     ALL ARTICLES\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"hrt-blog-section\"\r\n    id=\"hr-articles\"\r\n>\r\n\r\n    <div class=\"hrt-container\">\r\n\r\n\r\n        <div class=\"hrt-section-head hrt-reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"hrt-kicker\">\r\n                    TRAVEL STORIES & GUIDES\r\n                <\/div>\r\n\r\n                <h2 class=\"hrt-section-title\">\r\n                    \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                <\/h2>\r\n\r\n                <p class=\"hrt-section-desc\">\r\n                    \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e17\u0e23\u0e34\u0e1b\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n                    \u0e17\u0e31\u0e49\u0e07\u0e41\u0e1e\u0e25\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                    \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01 \u0e41\u0e25\u0e30\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e19\u0e48\u0e32\u0e2a\u0e19\u0e43\u0e08\u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CATEGORY FILTER -->\r\n\r\n        <div class=\"hrt-filter-shell hrt-reveal\">\r\n\r\n            <div\r\n                class=\"hrt-filters\"\r\n                id=\"hrtFilters\"\r\n            >\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrt-filter-btn is-active\"\r\n                    data-category=\"all\"\r\n                >\r\n                    \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n\r\n                    <span\r\n                        class=\"hrt-filter-count\"\r\n                        data-count=\"all\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrt-filter-btn\"\r\n                    data-category-name=\"\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                >\r\n                    \u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n\r\n                    <span\r\n                        class=\"hrt-filter-count\"\r\n                        data-count-name=\"\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrt-filter-btn\"\r\n                    data-category-name=\"\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\"\r\n                >\r\n                    \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n\r\n                    <span\r\n                        class=\"hrt-filter-count\"\r\n                        data-count-name=\"\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrt-filter-btn\"\r\n                    data-category-name=\"\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\"\r\n                >\r\n                    \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\r\n\r\n                    <span\r\n                        class=\"hrt-filter-count\"\r\n                        data-count-name=\"\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrt-filter-btn\"\r\n                    data-category-name=\"\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\"\r\n                >\r\n                    \u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\r\n\r\n                    <span\r\n                        class=\"hrt-filter-count\"\r\n                        data-count-name=\"\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"hrt-filter-btn\"\r\n                    data-category-name=\"\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\"\r\n                >\r\n                    \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\r\n\r\n                    <span\r\n                        class=\"hrt-filter-count\"\r\n                        data-count-name=\"\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\"\r\n                    >\r\n                        0\r\n                    <\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ARTICLE GRID -->\r\n\r\n        <div\r\n            class=\"hrt-articles-grid\"\r\n            id=\"hrtArticlesGrid\"\r\n        >\r\n\r\n            <!-- Skeleton -->\r\n\r\n            <div class=\"hrt-skeleton\">\r\n                <div class=\"hrt-skeleton-img\"><\/div>\r\n                <div class=\"hrt-skeleton-body\">\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrt-skeleton\">\r\n                <div class=\"hrt-skeleton-img\"><\/div>\r\n                <div class=\"hrt-skeleton-body\">\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hrt-skeleton\">\r\n                <div class=\"hrt-skeleton-img\"><\/div>\r\n                <div class=\"hrt-skeleton-body\">\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                    <div class=\"hrt-skeleton-line\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- LOAD MORE -->\r\n\r\n        <div\r\n            class=\"hrt-load-wrap\"\r\n            id=\"hrtLoadWrap\"\r\n        >\r\n\r\n            <span\r\n                class=\"hrt-load-status\"\r\n                id=\"hrtLoadStatus\"\r\n            >\r\n                \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21...\r\n            <\/span>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"hrt-load-btn\"\r\n                id=\"hrtLoadMore\"\r\n            >\r\n                \u0e14\u0e39\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\r\n                <span>\uff0b<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     POPULAR ATTRACTIONS\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"hrt-popular-section\"\r\n    id=\"hr-popular\"\r\n>\r\n\r\n    <div class=\"hrt-container\">\r\n\r\n\r\n        <div class=\"hrt-section-head hrt-reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"hrt-kicker\">\r\n                    POPULAR DESTINATIONS\r\n                <\/div>\r\n\r\n                <h2 class=\"hrt-section-title\">\r\n                    \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\r\n                <\/h2>\r\n\r\n                <p class=\"hrt-section-desc\">\r\n                    \u0e08\u0e38\u0e14\u0e2b\u0e21\u0e32\u0e22\u0e22\u0e2d\u0e14\u0e19\u0e34\u0e22\u0e21\u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                    \u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e44\u0e1b\u0e08\u0e31\u0e14\u0e23\u0e27\u0e21\u0e44\u0e27\u0e49\u0e43\u0e19\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n                href=\"\/attractions\/\"\r\n                class=\"hrt-btn hrt-btn-outline\"\r\n            >\r\n                \u0e14\u0e39\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u2192\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div\r\n            class=\"hrt-popular-grid\"\r\n            id=\"hrtPopularGrid\"\r\n        >\r\n\r\n            <div class=\"hrt-message\">\r\n                \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27...\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CTA\r\n========================================================= -->\r\n\r\n<section class=\"hrt-cta-section\">\r\n\r\n    <div class=\"hrt-container\">\r\n\r\n        <div class=\"hrt-cta hrt-reveal\">\r\n\r\n\r\n            <div>\r\n\r\n                <small>\r\n                    PLAN YOUR STAY\r\n                <\/small>\r\n\r\n\r\n                <h2>\r\n                    \u0e01\u0e33\u0e25\u0e31\u0e07\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07?\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n                    \u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48 HR Resort\r\n                    \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2d\u0e2d\u0e01\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\r\n                    \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\r\n                    \u0e41\u0e25\u0e30\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e23\u0e2d\u0e1a\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\r\n                    \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hrt-cta-actions\">\r\n\r\n                <a\r\n                    href=\"\/rooms-and-rates\/\"\r\n                    class=\"hrt-btn hrt-btn-outline\"\r\n                >\r\n                    \u0e14\u0e39\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"\/rooms-and-rates\/#book-now\"\r\n                    class=\"hrt-btn hrt-btn-primary\"\r\n                    id=\"hrtBookNow\"\r\n                >\r\n                    \u0e40\u0e0a\u0e47\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e27\u0e48\u0e32\u0e07\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    'use strict';\r\n\r\n\r\n    \/* =====================================================\r\n       01. CONFIG\r\n    ====================================================== *\/\r\n\r\n    const root =\r\n        document.getElementById(\r\n            'hrTravelGuide'\r\n        );\r\n\r\n\r\n    if (!root) {\r\n        return;\r\n    }\r\n\r\n\r\n    const SITE_URL =\r\n        'https:\/\/hrresortbuengkhonglong.com';\r\n\r\n\r\n    const POSTS_API =\r\n        SITE_URL +\r\n        '\/wp-json\/wp\/v2\/posts?status=publish&per_page=100&_embed=1';\r\n\r\n\r\n    const CATEGORIES_API =\r\n        SITE_URL +\r\n        '\/wp-json\/wp\/v2\/categories?per_page=100';\r\n\r\n\r\n    const HERO_FALLBACK =\r\n        SITE_URL +\r\n        '\/wp-content\/uploads\/2026\/08\/hero-\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21.png';\r\n\r\n\r\n    \/*\r\n     \u0e43\u0e0a\u0e49\u0e04\u0e33\u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e41\u0e17\u0e19 exact title\r\n     \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e0a\u0e37\u0e48\u0e2d Post \u0e2d\u0e32\u0e08\u0e40\u0e1b\u0e47\u0e19:\r\n     \"\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 2 \u0e27\u0e31\u0e19 1 \u0e04\u0e37\u0e19 \u0e41\u0e08\u0e01\u0e41\u0e1e\u0e25\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e41\u0e1a\u0e1a\u0e04\u0e23\u0e1a \u0e46\"\r\n     \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e49\u0e32\u0e22\u0e20\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e07\r\n    *\/\r\n\r\n    const FEATURED_KEYWORD =\r\n        '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 2 \u0e27\u0e31\u0e19 1 \u0e04\u0e37\u0e19';\r\n\r\n\r\n    const CATEGORY_ORDER = [\r\n        '\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07',\r\n        '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27',\r\n        '\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07',\r\n        '\u0e17\u0e35\u0e48\u0e1e\u0e31\u0e01\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01',\r\n        '\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19'\r\n    ];\r\n\r\n\r\n    const POPULAR_KEYWORDS = [\r\n        '\u0e16\u0e49\u0e33\u0e19\u0e32\u0e04\u0e32',\r\n        '\u0e16\u0e49\u0e33\u0e19\u0e32\u0e04\u0e35',\r\n        '\u0e19\u0e49\u0e33\u0e15\u0e01\u0e16\u0e49\u0e33\u0e1e\u0e23\u0e30',\r\n        '\u0e40\u0e01\u0e32\u0e30\u0e14\u0e2d\u0e19'\r\n    ];\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       02. STATE\r\n    ====================================================== *\/\r\n\r\n    let allPosts =\r\n        [];\r\n\r\n\r\n    let categories =\r\n        [];\r\n\r\n\r\n    let categoryMap =\r\n        {};\r\n\r\n\r\n    let activeCategory =\r\n        'all';\r\n\r\n\r\n    let displayLimit =\r\n        9;\r\n\r\n\r\n    const LOAD_STEP =\r\n        6;\r\n\r\n\r\n    let featuredPost =\r\n        null;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       03. ELEMENTS\r\n    ====================================================== *\/\r\n\r\n    const grid =\r\n        root.querySelector(\r\n            '#hrtArticlesGrid'\r\n        );\r\n\r\n\r\n    const filterButtons =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                '.hrt-filter-btn'\r\n            )\r\n        );\r\n\r\n\r\n    const loadWrap =\r\n        root.querySelector(\r\n            '#hrtLoadWrap'\r\n        );\r\n\r\n\r\n    const loadMore =\r\n        root.querySelector(\r\n            '#hrtLoadMore'\r\n        );\r\n\r\n\r\n    const loadStatus =\r\n        root.querySelector(\r\n            '#hrtLoadStatus'\r\n        );\r\n\r\n\r\n    const popularGrid =\r\n        root.querySelector(\r\n            '#hrtPopularGrid'\r\n        );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       04. HELPERS\r\n    ====================================================== *\/\r\n\r\n    function decodeHTML(value) {\r\n\r\n        const textarea =\r\n            document.createElement(\r\n                'textarea'\r\n            );\r\n\r\n\r\n        textarea.innerHTML =\r\n            value || '';\r\n\r\n\r\n        return textarea.value;\r\n\r\n    }\r\n\r\n\r\n\r\n    function stripHTML(value) {\r\n\r\n        const temp =\r\n            document.createElement(\r\n                'div'\r\n            );\r\n\r\n\r\n        temp.innerHTML =\r\n            value || '';\r\n\r\n\r\n        return (\r\n            temp.textContent ||\r\n            temp.innerText ||\r\n            ''\r\n        )\r\n        .replace(\/\\s+\/g, ' ')\r\n        .trim();\r\n\r\n    }\r\n\r\n\r\n\r\n    function escapeHTML(value) {\r\n\r\n        return String(\r\n            value || ''\r\n        )\r\n        .replace(\r\n            \/&\/g,\r\n            '&amp;'\r\n        )\r\n        .replace(\r\n            \/<\/g,\r\n            '&lt;'\r\n        )\r\n        .replace(\r\n            \/>\/g,\r\n            '&gt;'\r\n        )\r\n        .replace(\r\n            \/\"\/g,\r\n            '&quot;'\r\n        )\r\n        .replace(\r\n            \/'\/g,\r\n            '&#039;'\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    function normalize(value) {\r\n\r\n        return String(\r\n            value || ''\r\n        )\r\n        .replace(\/\\s+\/g, ' ')\r\n        .trim();\r\n\r\n    }\r\n\r\n\r\n\r\n    function formatDate(dateString) {\r\n\r\n        if (!dateString) {\r\n            return '';\r\n        }\r\n\r\n\r\n        try {\r\n\r\n            return new Intl.DateTimeFormat(\r\n                'th-TH',\r\n                {\r\n                    day: 'numeric',\r\n                    month: 'short',\r\n                    year: 'numeric'\r\n                }\r\n            )\r\n            .format(\r\n                new Date(\r\n                    dateString\r\n                )\r\n            );\r\n\r\n        } catch (error) {\r\n\r\n            return '';\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       05. FEATURED IMAGE\r\n    ====================================================== *\/\r\n\r\n    function getPostImage(post) {\r\n\r\n        try {\r\n\r\n            const media =\r\n                post._embedded[\r\n                    'wp:featuredmedia'\r\n                ];\r\n\r\n\r\n            if (\r\n                media &&\r\n                media[0] &&\r\n                media[0].source_url\r\n            ) {\r\n\r\n                return media[0].source_url;\r\n\r\n            }\r\n\r\n        } catch (error) {}\r\n\r\n\r\n        \/*\r\n         \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07 Featured Image\r\n         \u0e25\u0e2d\u0e07\u0e14\u0e36\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e23\u0e01\u0e08\u0e32\u0e01 Content\r\n        *\/\r\n\r\n        try {\r\n\r\n            const html =\r\n                post.content &&\r\n                post.content.rendered\r\n                    ? post.content.rendered\r\n                    : '';\r\n\r\n\r\n            const wrapper =\r\n                document.createElement(\r\n                    'div'\r\n                );\r\n\r\n\r\n            wrapper.innerHTML =\r\n                html;\r\n\r\n\r\n            const img =\r\n                wrapper.querySelector(\r\n                    'img'\r\n                );\r\n\r\n\r\n            if (\r\n                img &&\r\n                img.src\r\n            ) {\r\n\r\n                return img.src;\r\n\r\n            }\r\n\r\n        } catch (error) {}\r\n\r\n\r\n        return HERO_FALLBACK;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       06. CATEGORY HELPERS\r\n    ====================================================== *\/\r\n\r\n    function buildCategoryMap() {\r\n\r\n        categoryMap = {};\r\n\r\n\r\n        categories.forEach(\r\n            function (category) {\r\n\r\n                categoryMap[\r\n                    category.id\r\n                ] =\r\n                    decodeHTML(\r\n                        category.name\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    function getPostCategories(post) {\r\n\r\n        if (\r\n            !post.categories ||\r\n            !post.categories.length\r\n        ) {\r\n\r\n            return [];\r\n\r\n        }\r\n\r\n\r\n        return post.categories\r\n            .map(\r\n                function (id) {\r\n\r\n                    return (\r\n                        categoryMap[id] ||\r\n                        ''\r\n                    );\r\n\r\n                }\r\n            )\r\n            .filter(Boolean);\r\n\r\n    }\r\n\r\n\r\n\r\n    function getPrimaryCategory(post) {\r\n\r\n        const names =\r\n            getPostCategories(\r\n                post\r\n            );\r\n\r\n\r\n        for (\r\n            let i = 0;\r\n            i < CATEGORY_ORDER.length;\r\n            i++\r\n        ) {\r\n\r\n            if (\r\n                names.includes(\r\n                    CATEGORY_ORDER[i]\r\n                )\r\n            ) {\r\n\r\n                return CATEGORY_ORDER[i];\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        return (\r\n            names[0] ||\r\n            '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27'\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       07. EXCERPT\r\n    ====================================================== *\/\r\n\r\n    function getExcerpt(\r\n        post,\r\n        length\r\n    ) {\r\n\r\n        let text =\r\n            stripHTML(\r\n                post.excerpt &&\r\n                post.excerpt.rendered\r\n                    ? post.excerpt.rendered\r\n                    : ''\r\n            );\r\n\r\n\r\n        if (!text) {\r\n\r\n            text =\r\n                stripHTML(\r\n                    post.content &&\r\n                    post.content.rendered\r\n                        ? post.content.rendered\r\n                        : ''\r\n                );\r\n\r\n        }\r\n\r\n\r\n        const max =\r\n            length || 170;\r\n\r\n\r\n        if (\r\n            text.length >\r\n            max\r\n        ) {\r\n\r\n            return (\r\n                text.substring(\r\n                    0,\r\n                    max\r\n                )\r\n                .trim() +\r\n                '\u2026'\r\n            );\r\n\r\n        }\r\n\r\n\r\n        return text;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       08. FEATURED ARTICLE\r\n    ====================================================== *\/\r\n\r\n    function renderFeatured() {\r\n\r\n        featuredPost =\r\n            allPosts.find(\r\n                function (post) {\r\n\r\n                    const title =\r\n                        normalize(\r\n                            decodeHTML(\r\n                                post.title.rendered\r\n                            )\r\n                        );\r\n\r\n\r\n                    return title.includes(\r\n                        FEATURED_KEYWORD\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        \/*\r\n         Fallback:\r\n         \u0e16\u0e49\u0e32\u0e2b\u0e32\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 2 \u0e27\u0e31\u0e19 1 \u0e04\u0e37\u0e19\u0e44\u0e21\u0e48\u0e40\u0e08\u0e2d\r\n         \u0e43\u0e0a\u0e49 Post \u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\r\n        *\/\r\n\r\n        if (!featuredPost) {\r\n\r\n            featuredPost =\r\n                allPosts[0] ||\r\n                null;\r\n\r\n        }\r\n\r\n\r\n        if (!featuredPost) {\r\n            return;\r\n        }\r\n\r\n\r\n        const title =\r\n            decodeHTML(\r\n                featuredPost\r\n                    .title\r\n                    .rendered\r\n            );\r\n\r\n\r\n        const image =\r\n            getPostImage(\r\n                featuredPost\r\n            );\r\n\r\n\r\n        const excerpt =\r\n            getExcerpt(\r\n                featuredPost,\r\n                260\r\n            );\r\n\r\n\r\n        const category =\r\n            getPrimaryCategory(\r\n                featuredPost\r\n            );\r\n\r\n\r\n        const imageEl =\r\n            root.querySelector(\r\n                '#hrtFeaturedImage'\r\n            );\r\n\r\n\r\n        const titleEl =\r\n            root.querySelector(\r\n                '#hrtFeaturedTitle'\r\n            );\r\n\r\n\r\n        const excerptEl =\r\n            root.querySelector(\r\n                '#hrtFeaturedExcerpt'\r\n            );\r\n\r\n\r\n        const categoryEl =\r\n            root.querySelector(\r\n                '#hrtFeaturedCategory'\r\n            );\r\n\r\n\r\n        const dateEl =\r\n            root.querySelector(\r\n                '#hrtFeaturedDate'\r\n            );\r\n\r\n\r\n        const linkEl =\r\n            root.querySelector(\r\n                '#hrtFeaturedLink'\r\n            );\r\n\r\n\r\n        if (imageEl) {\r\n\r\n            imageEl.src =\r\n                image;\r\n\r\n\r\n            imageEl.alt =\r\n                title;\r\n\r\n        }\r\n\r\n\r\n        if (titleEl) {\r\n\r\n            titleEl.innerHTML =\r\n                '<a href=\"' +\r\n                featuredPost.link +\r\n                '\">' +\r\n                escapeHTML(\r\n                    title\r\n                ) +\r\n                '<\/a>';\r\n\r\n        }\r\n\r\n\r\n        if (excerptEl) {\r\n\r\n            excerptEl.textContent =\r\n                excerpt;\r\n\r\n        }\r\n\r\n\r\n        if (categoryEl) {\r\n\r\n            categoryEl.textContent =\r\n                category;\r\n\r\n        }\r\n\r\n\r\n        if (dateEl) {\r\n\r\n            dateEl.textContent =\r\n                formatDate(\r\n                    featuredPost.date\r\n                );\r\n\r\n        }\r\n\r\n\r\n        if (linkEl) {\r\n\r\n            linkEl.href =\r\n                featuredPost.link;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       09. FILTER POSTS\r\n    ====================================================== *\/\r\n\r\n    function getFilteredPosts() {\r\n\r\n        let posts =\r\n            allPosts.slice();\r\n\r\n\r\n        \/*\r\n         Featured \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e0b\u0e49\u0e33\u0e43\u0e19 Grid\r\n        *\/\r\n\r\n        if (featuredPost) {\r\n\r\n            posts =\r\n                posts.filter(\r\n                    function (post) {\r\n\r\n                        return (\r\n                            post.id !==\r\n                            featuredPost.id\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            activeCategory ===\r\n            'all'\r\n        ) {\r\n\r\n            return posts;\r\n\r\n        }\r\n\r\n\r\n        return posts.filter(\r\n            function (post) {\r\n\r\n                return getPostCategories(\r\n                    post\r\n                )\r\n                .includes(\r\n                    activeCategory\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       10. ARTICLE CARD\r\n    ====================================================== *\/\r\n\r\n    function articleCard(post) {\r\n\r\n        const title =\r\n            decodeHTML(\r\n                post.title.rendered\r\n            );\r\n\r\n\r\n        const image =\r\n            getPostImage(\r\n                post\r\n            );\r\n\r\n\r\n        const excerpt =\r\n            getExcerpt(\r\n                post,\r\n                145\r\n            );\r\n\r\n\r\n        const category =\r\n            getPrimaryCategory(\r\n                post\r\n            );\r\n\r\n\r\n        return `\r\n            <article class=\"hrt-article-card\">\r\n\r\n                <a\r\n                    href=\"${post.link}\"\r\n                    class=\"hrt-article-image\"\r\n                    aria-label=\"${escapeHTML(title)}\"\r\n                >\r\n\r\n                    <img\r\n                        src=\"${image}\"\r\n                        alt=\"${escapeHTML(title)}\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                <\/a>\r\n\r\n\r\n                <div class=\"hrt-article-content\">\r\n\r\n                    <span class=\"hrt-article-category\">\r\n                        ${escapeHTML(category)}\r\n                    <\/span>\r\n\r\n\r\n                    <h3 class=\"hrt-article-title\">\r\n\r\n                        <a href=\"${post.link}\">\r\n                            ${escapeHTML(title)}\r\n                        <\/a>\r\n\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"hrt-article-excerpt\">\r\n                        ${escapeHTML(excerpt)}\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"hrt-article-footer\">\r\n\r\n                        <span class=\"hrt-article-date\">\r\n                            ${formatDate(post.date)}\r\n                        <\/span>\r\n\r\n\r\n                        <a\r\n                            href=\"${post.link}\"\r\n                            class=\"hrt-read-more\"\r\n                        >\r\n                            \u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d \u2192\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n        `;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       11. RENDER ARTICLE GRID\r\n    ====================================================== *\/\r\n\r\n    function renderArticles() {\r\n\r\n        if (!grid) {\r\n            return;\r\n        }\r\n\r\n\r\n        const filtered =\r\n            getFilteredPosts();\r\n\r\n\r\n        const visible =\r\n            filtered.slice(\r\n                0,\r\n                displayLimit\r\n            );\r\n\r\n\r\n        if (\r\n            !visible.length\r\n        ) {\r\n\r\n            grid.innerHTML = `\r\n                <div class=\"hrt-message\">\r\n                    \u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e19\u0e35\u0e49\r\n                <\/div>\r\n            `;\r\n\r\n        } else {\r\n\r\n            grid.innerHTML =\r\n                visible\r\n                .map(\r\n                    articleCard\r\n                )\r\n                .join('');\r\n\r\n        }\r\n\r\n\r\n        if (loadStatus) {\r\n\r\n            loadStatus.textContent =\r\n                '\u0e41\u0e2a\u0e14\u0e07 ' +\r\n                visible.length +\r\n                ' \u0e08\u0e32\u0e01 ' +\r\n                filtered.length +\r\n                ' \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21';\r\n\r\n        }\r\n\r\n\r\n        if (loadWrap) {\r\n\r\n            loadWrap.style.display =\r\n                filtered.length >\r\n                visible.length\r\n                    ? 'flex'\r\n                    : 'none';\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       12. FILTER COUNTS\r\n    ====================================================== *\/\r\n\r\n    function updateFilterCounts() {\r\n\r\n        const allCount =\r\n            root.querySelector(\r\n                '[data-count=\"all\"]'\r\n            );\r\n\r\n\r\n        if (allCount) {\r\n\r\n            allCount.textContent =\r\n                allPosts.length;\r\n\r\n        }\r\n\r\n\r\n        CATEGORY_ORDER.forEach(\r\n            function (name) {\r\n\r\n                const count =\r\n                    allPosts.filter(\r\n                        function (post) {\r\n\r\n                            return getPostCategories(\r\n                                post\r\n                            )\r\n                            .includes(\r\n                                name\r\n                            );\r\n\r\n                        }\r\n                    )\r\n                    .length;\r\n\r\n\r\n                const el =\r\n                    root.querySelector(\r\n                        '[data-count-name=\"' +\r\n                        name +\r\n                        '\"]'\r\n                    );\r\n\r\n\r\n                if (el) {\r\n\r\n                    el.textContent =\r\n                        count;\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       13. FILTER EVENTS\r\n    ====================================================== *\/\r\n\r\n    filterButtons.forEach(\r\n        function (button) {\r\n\r\n            button.addEventListener(\r\n                'click',\r\n                function () {\r\n\r\n                    filterButtons.forEach(\r\n                        function (item) {\r\n\r\n                            item.classList.remove(\r\n                                'is-active'\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    button.classList.add(\r\n                        'is-active'\r\n                    );\r\n\r\n\r\n                    activeCategory =\r\n                        button.dataset.category ===\r\n                        'all'\r\n                            ? 'all'\r\n                            : button.dataset.categoryName;\r\n\r\n\r\n                    displayLimit =\r\n                        9;\r\n\r\n\r\n                    renderArticles();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       14. LOAD MORE\r\n    ====================================================== *\/\r\n\r\n    if (loadMore) {\r\n\r\n        loadMore.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                displayLimit +=\r\n                    LOAD_STEP;\r\n\r\n\r\n                renderArticles();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       15. POPULAR DESTINATIONS\r\n    ====================================================== *\/\r\n\r\n    function renderPopular() {\r\n\r\n        if (!popularGrid) {\r\n            return;\r\n        }\r\n\r\n\r\n        const selected =\r\n            [];\r\n\r\n\r\n        \/*\r\n         \u0e2b\u0e32\u0e17\u0e35\u0e25\u0e30 Keyword\r\n         \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49:\r\n         \u0e16\u0e49\u0e33\u0e19\u0e32\u0e04\u0e32\r\n         \u0e16\u0e49\u0e33\u0e19\u0e32\u0e04\u0e35\r\n         \u0e19\u0e49\u0e33\u0e15\u0e01\u0e16\u0e49\u0e33\u0e1e\u0e23\u0e30\r\n         \u0e40\u0e01\u0e32\u0e30\u0e14\u0e2d\u0e19...\r\n        *\/\r\n\r\n        POPULAR_KEYWORDS.forEach(\r\n            function (keyword) {\r\n\r\n                const found =\r\n                    allPosts.find(\r\n                        function (post) {\r\n\r\n                            const title =\r\n                                decodeHTML(\r\n                                    post.title.rendered\r\n                                );\r\n\r\n\r\n                            return (\r\n                                title.includes(\r\n                                    keyword\r\n                                )\r\n                                &&\r\n                                !selected.includes(\r\n                                    post\r\n                                )\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                if (found) {\r\n\r\n                    selected.push(\r\n                        found\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/*\r\n         \u0e16\u0e49\u0e32\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e04\u0e23\u0e1a 4\r\n         \u0e40\u0e15\u0e34\u0e21\u0e08\u0e32\u0e01 Category \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n        *\/\r\n\r\n        if (\r\n            selected.length <\r\n            4\r\n        ) {\r\n\r\n            const attractions =\r\n                allPosts.filter(\r\n                    function (post) {\r\n\r\n                        return (\r\n                            getPostCategories(\r\n                                post\r\n                            )\r\n                            .includes(\r\n                                '\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27'\r\n                            )\r\n                            &&\r\n                            !selected.includes(\r\n                                post\r\n                            )\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            attractions.forEach(\r\n                function (post) {\r\n\r\n                    if (\r\n                        selected.length <\r\n                        4\r\n                    ) {\r\n\r\n                        selected.push(\r\n                            post\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            !selected.length\r\n        ) {\r\n\r\n            popularGrid.innerHTML = `\r\n                <div class=\"hrt-message\">\r\n                    \u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                <\/div>\r\n            `;\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        popularGrid.innerHTML =\r\n            selected\r\n            .slice(\r\n                0,\r\n                4\r\n            )\r\n            .map(\r\n                function (post) {\r\n\r\n                    const title =\r\n                        decodeHTML(\r\n                            post.title.rendered\r\n                        );\r\n\r\n\r\n                    return `\r\n                        <a\r\n                            href=\"${post.link}\"\r\n                            class=\"hrt-popular-card\"\r\n                        >\r\n\r\n                            <div class=\"hrt-popular-image\">\r\n\r\n                                <img decoding=\"async\"\r\n                                    src=\"${getPostImage(post)}\"\r\n                                    alt=\"${escapeHTML(title)}\"\r\n                                    loading=\"lazy\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"hrt-popular-copy\">\r\n\r\n                                <small>\r\n                                    \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\r\n                                <\/small>\r\n\r\n                                <h3>\r\n                                    ${escapeHTML(title)}\r\n                                <\/h3>\r\n\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    `;\r\n\r\n                }\r\n            )\r\n            .join('');\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       16. SMOOTH SCROLL\r\n    ====================================================== *\/\r\n\r\n    const anchorLinks =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                'a[href^=\"#\"]'\r\n            )\r\n        );\r\n\r\n\r\n    anchorLinks.forEach(\r\n        function (link) {\r\n\r\n            link.addEventListener(\r\n                'click',\r\n                function (event) {\r\n\r\n                    const selector =\r\n                        link.getAttribute(\r\n                            'href'\r\n                        );\r\n\r\n\r\n                    if (\r\n                        !selector ||\r\n                        selector === '#'\r\n                    ) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    const target =\r\n                        document.querySelector(\r\n                            selector\r\n                        );\r\n\r\n\r\n                    if (!target) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    const top =\r\n                        target\r\n                        .getBoundingClientRect()\r\n                        .top\r\n                        +\r\n                        window.scrollY\r\n                        -\r\n                        100;\r\n\r\n\r\n                    window.scrollTo({\r\n                        top: top,\r\n                        behavior: 'smooth'\r\n                    });\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       17. BOOKING BUTTON\r\n    ====================================================== *\/\r\n\r\n    const bookingButton =\r\n        root.querySelector(\r\n            '#hrtBookNow'\r\n        );\r\n\r\n\r\n    if (bookingButton) {\r\n\r\n        bookingButton.addEventListener(\r\n            'click',\r\n            function (event) {\r\n\r\n                \/*\r\n                 \u0e16\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e21\u0e35 #book-now\r\n                 \u0e43\u0e2b\u0e49 Scroll\r\n\r\n                 \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\r\n                 \u0e43\u0e0a\u0e49 href \u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32 Rooms\r\n                *\/\r\n\r\n                const bookingSection =\r\n                    document.getElementById(\r\n                        'book-now'\r\n                    );\r\n\r\n\r\n                if (\r\n                    !bookingSection\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                event.preventDefault();\r\n\r\n\r\n                window.scrollTo({\r\n                    top:\r\n                        bookingSection\r\n                            .getBoundingClientRect()\r\n                            .top\r\n                        +\r\n                        window.scrollY\r\n                        -\r\n                        100,\r\n\r\n                    behavior:\r\n                        'smooth'\r\n                });\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       18. REVEAL\r\n    ====================================================== *\/\r\n\r\n    const revealElements =\r\n        Array.from(\r\n            root.querySelectorAll(\r\n                '.hrt-reveal'\r\n            )\r\n        );\r\n\r\n\r\n    if (\r\n        'IntersectionObserver'\r\n        in window\r\n    ) {\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        'is-visible'\r\n                                    );\r\n\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n                {\r\n                    threshold: .08\r\n                }\r\n            );\r\n\r\n\r\n        revealElements.forEach(\r\n            function (element) {\r\n\r\n                observer.observe(\r\n                    element\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    } else {\r\n\r\n        revealElements.forEach(\r\n            function (element) {\r\n\r\n                element.classList.add(\r\n                    'is-visible'\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       19. LOAD DATA\r\n    ====================================================== *\/\r\n\r\n    async function loadData() {\r\n\r\n        try {\r\n\r\n            const responses =\r\n                await Promise.all([\r\n                    fetch(\r\n                        POSTS_API,\r\n                        {\r\n                            credentials:\r\n                                'same-origin'\r\n                        }\r\n                    ),\r\n\r\n                    fetch(\r\n                        CATEGORIES_API,\r\n                        {\r\n                            credentials:\r\n                                'same-origin'\r\n                        }\r\n                    )\r\n                ]);\r\n\r\n\r\n            if (\r\n                !responses[0].ok ||\r\n                !responses[1].ok\r\n            ) {\r\n\r\n                throw new Error(\r\n                    'WordPress REST API error'\r\n                );\r\n\r\n            }\r\n\r\n\r\n            allPosts =\r\n                await responses[0]\r\n                    .json();\r\n\r\n\r\n            categories =\r\n                await responses[1]\r\n                    .json();\r\n\r\n\r\n            buildCategoryMap();\r\n\r\n\r\n            \/*\r\n             Posts \u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e01\u0e48\u0e2d\u0e19\r\n            *\/\r\n\r\n            allPosts.sort(\r\n                function (a,b) {\r\n\r\n                    return (\r\n                        new Date(b.date) -\r\n                        new Date(a.date)\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            renderFeatured();\r\n\r\n            updateFilterCounts();\r\n\r\n            renderArticles();\r\n\r\n            renderPopular();\r\n\r\n\r\n        } catch (error) {\r\n\r\n            console.error(\r\n                'HR Travel Guide:',\r\n                error\r\n            );\r\n\r\n\r\n            if (grid) {\r\n\r\n                grid.innerHTML = `\r\n                    <div class=\"hrt-message\">\r\n                        \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e44\u0e14\u0e49\u0e43\u0e19\u0e02\u0e13\u0e30\u0e19\u0e35\u0e49\r\n                        \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e35\u0e40\u0e1f\u0e23\u0e0a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\r\n                    <\/div>\r\n                `;\r\n\r\n            }\r\n\r\n\r\n            if (popularGrid) {\r\n\r\n                popularGrid.innerHTML = `\r\n                    <div class=\"hrt-message\">\r\n                        \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e44\u0e14\u0e49\r\n                    <\/div>\r\n                `;\r\n\r\n            }\r\n\r\n\r\n            if (loadWrap) {\r\n\r\n                loadWrap.style.display =\r\n                    'none';\r\n\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       20. INIT\r\n    ====================================================== *\/\r\n\r\n    loadData();\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR RESORT TRAVEL GUIDE EXPLORE \u2022 DISCOVER \u2022 STAY \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07 \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e23\u0e27\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u0e41\u0e1e\u0e25\u0e19\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07 \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u0e1a\u0e36\u0e07\u0e42\u0e02\u0e07\u0e2b\u0e25\u0e07\u0e41\u0e25\u0e30\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1a\u0e36\u0e07\u0e01\u0e32\u0e2c \u0e2d\u0e48\u0e32\u0e19\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 \u2193 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","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":"","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-557","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\/557","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=557"}],"version-history":[{"count":10,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/557\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/pages\/557\/revisions\/570"}],"wp:attachment":[{"href":"https:\/\/hrresortbuengkhonglong.com\/en\/wp-json\/wp\/v2\/media?parent=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}