{"id":32,"date":"2026-03-16T14:30:33","date_gmt":"2026-03-16T07:30:33","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/?page_id=32"},"modified":"2026-07-23T11:17:02","modified_gmt":"2026-07-23T04:17:02","slug":"offers","status":"publish","type":"page","link":"https:\/\/clouddemo.nc.co.th\/MHG\/offers\/","title":{"rendered":"Offers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1097505 e-con-full e-flex e-con e-parent\" data-id=\"1097505\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6edb96 elementor-widget elementor-widget-html\" data-id=\"a6edb96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .mhg-offers-page {\n    --mhg-op-ink: #171717;\n    --mhg-op-muted: #66645f;\n    --mhg-op-line: #deddd9;\n    --mhg-op-soft: #f5f5f3;\n    --mhg-op-white: #ffffff;\n    --mhg-op-accent: #a6372f;\n    --mhg-op-blue: #48627d;\n    --mhg-op-sans: \"Kanit\", \"Poppins\", \"Helvetica Neue\", Arial, sans-serif;\n    --mhg-op-container: 1120px;\n    color: var(--mhg-op-ink);\n    background: var(--mhg-op-white);\n    font-family: var(--mhg-op-sans);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.65;\n    overflow: hidden;\n  }\n\n  .mhg-offers-page,\n  .mhg-offers-page * {\n    box-sizing: border-box;\n  }\n\n  .mhg-offers-page img {\n    display: block;\n    max-width: 100%;\n  }\n\n  .mhg-offers-page a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .mhg-offers-page button,\n  .mhg-offers-page select {\n    font: inherit;\n  }\n\n  .mhg-op__container {\n    width: min(calc(100% - 48px), var(--mhg-op-container));\n    margin-inline: auto;\n  }\n\n  .mhg-op__hero {\n    position: relative;\n    min-height: 600px;\n    display: grid;\n    align-items: center;\n    background: #0b0b0b;\n    color: var(--mhg-op-white);\n    isolation: isolate;\n  }\n\n  .mhg-op__hero-image,\n  .mhg-op__hero-shade {\n    position: absolute;\n    inset: 0;\n  }\n\n  .mhg-op__hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center 96%;\n    z-index: -2;\n  }\n\n  .mhg-op__hero-shade {\n    background: rgba(0, 0, 0, 0.62);\n    z-index: -1;\n  }\n\n  .mhg-op__hero-title {\n    margin: 98px 0 0;\n    font-size: clamp(46px, 5vw, 72px);\n    font-weight: 300;\n    letter-spacing: -0.035em;\n    line-height: 1.05;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  .mhg-op__intro {\n    padding: 86px 0 66px;\n    background: var(--mhg-op-white);\n  }\n\n  .mhg-op__intro-title {\n    max-width: 630px;\n    margin: 0 auto;\n    font-size: clamp(34px, 4vw, 54px);\n    font-weight: 300;\n    letter-spacing: -0.035em;\n    line-height: 1.25;\n    text-align: center;\n  }\n\n  .mhg-op__filters {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n    max-width: 900px;\n    margin: 54px auto 0;\n  }\n\n  .mhg-op__field {\n    min-width: 0;\n  }\n\n  .mhg-op__field-label {\n    display: block;\n    margin: 0 0 9px 18px;\n    color: var(--mhg-op-blue);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 0.24em;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n\n  .mhg-op__select-wrap {\n    position: relative;\n  }\n\n  .mhg-op__select {\n    width: 100%;\n    min-height: 58px;\n    padding: 13px 58px 13px 24px;\n    border: 1px solid var(--mhg-op-line);\n    border-radius: 999px;\n    outline: 0;\n    background: var(--mhg-op-white);\n    color: var(--mhg-op-ink);\n    appearance: none;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 300;\n    transition: border-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  .mhg-op__select:focus {\n    border-color: var(--mhg-op-blue);\n    box-shadow: 0 0 0 3px rgba(72, 98, 125, 0.13);\n  }\n\n  .mhg-op__select-icon {\n    position: absolute;\n    top: 50%;\n    right: 22px;\n    width: 16px;\n    height: 16px;\n    color: var(--mhg-op-ink);\n    pointer-events: none;\n    transform: translateY(-50%);\n  }\n\n  .mhg-op__filter-meta {\n    display: flex;\n    max-width: 900px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    min-height: 28px;\n    margin: 17px auto 0;\n  }\n\n  .mhg-op__result-status {\n    margin: 0;\n    color: var(--mhg-op-muted);\n    font-size: 13px;\n  }\n\n  .mhg-op__reset {\n    display: none;\n    align-items: center;\n    gap: 8px;\n    padding: 5px 0;\n    border: 0;\n    background: transparent;\n    color: var(--mhg-op-accent);\n    cursor: pointer;\n    font-size: 12px;\n    font-weight: 400;\n  }\n\n  .mhg-op__reset.is-visible {\n    display: inline-flex;\n  }\n\n  .mhg-op__reset svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  .mhg-op__listing {\n    padding: 32px 0 124px;\n    background: var(--mhg-op-white);\n  }\n\n  .mhg-op__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 72px 54px;\n  }\n\n  .mhg-op__card {\n    min-width: 0;\n  }\n\n  .mhg-op__card[hidden] {\n    display: none;\n  }\n\n  .mhg-op__media {\n    position: relative;\n    aspect-ratio: 3 \/ 2;\n    overflow: hidden;\n    background: var(--mhg-op-soft);\n  }\n\n  .mhg-op__media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 500ms ease;\n  }\n\n  .mhg-op__card:hover .mhg-op__media img {\n    transform: scale(1.035);\n  }\n\n  .mhg-op__card-property {\n    margin: 25px 0 0;\n    color: var(--mhg-op-blue);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .mhg-op__card-title {\n    margin: 10px 0 0;\n    font-size: 23px;\n    font-weight: 400;\n    letter-spacing: -0.02em;\n    line-height: 1.35;\n  }\n\n  .mhg-op__card-copy {\n    margin: 15px 0 0;\n    color: var(--mhg-op-muted);\n    font-size: 14px;\n    line-height: 1.78;\n  }\n\n  .mhg-op__read-more {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 24px;\n    font-size: 13px;\n    font-weight: 400;\n  }\n\n  .mhg-op__read-more svg {\n    width: 19px;\n    height: 19px;\n    color: var(--mhg-op-accent);\n    transition: transform 180ms ease;\n  }\n\n  .mhg-op__read-more:hover svg,\n  .mhg-op__read-more:focus-visible svg {\n    transform: translateX(4px);\n  }\n\n  .mhg-op__empty {\n    display: none;\n    min-height: 260px;\n    align-items: center;\n    justify-content: center;\n    padding: 50px 24px;\n    border-top: 1px solid var(--mhg-op-line);\n    border-bottom: 1px solid var(--mhg-op-line);\n    color: var(--mhg-op-muted);\n    text-align: center;\n  }\n\n  .mhg-op__empty.is-visible {\n    display: flex;\n  }\n\n  .mhg-offers-page [data-reveal] {\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 650ms ease, transform 650ms ease;\n  }\n\n  .mhg-offers-page [data-reveal].is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (max-width: 1180px) {\n    .mhg-hd:not(.is-scrolled) .mhg-hd__burger {\n      color: #ffffff !important;\n    }\n  }\n\n  @media (max-width: 780px) {\n    .mhg-op__hero {\n      min-height: 540px;\n    }\n\n    .mhg-op__hero-title {\n      margin-top: 72px;\n    }\n\n    .mhg-op__intro {\n      padding-block: 70px 58px;\n    }\n\n    .mhg-op__filters {\n      grid-template-columns: 1fr;\n      max-width: 580px;\n    }\n\n    .mhg-op__filter-meta {\n      max-width: 580px;\n    }\n\n    .mhg-op__grid {\n      gap: 60px 26px;\n    }\n  }\n\n  @media (max-width: 620px) {\n    .mhg-op__container {\n      width: min(calc(100% - 32px), var(--mhg-op-container));\n    }\n\n    .mhg-op__hero {\n      min-height: 500px;\n    }\n\n    .mhg-op__hero-image {\n      object-position: 42% 68%;\n    }\n\n    .mhg-op__hero-title {\n      margin-top: 56px;\n      font-size: 45px;\n    }\n\n    .mhg-op__intro-title {\n      font-size: 34px;\n    }\n\n    .mhg-op__filters {\n      margin-top: 40px;\n    }\n\n    .mhg-op__filter-meta {\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .mhg-op__listing {\n      padding-block: 24px 92px;\n    }\n\n    .mhg-op__grid {\n      grid-template-columns: 1fr;\n      gap: 62px;\n    }\n\n    .mhg-op__card-property {\n      margin-top: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mhg-offers-page *,\n    .mhg-offers-page *::before,\n    .mhg-offers-page *::after {\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n\n    .mhg-offers-page [data-reveal] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<main class=\"mhg-offers-page\" id=\"mhg-offers-main\">\n  <section class=\"mhg-op__hero\" aria-labelledby=\"mhg-offers-title\">\n    <img decoding=\"async\"\n      class=\"mhg-op__hero-image\"\n      src=\"https:\/\/img.youtube.com\/vi\/v2Sd4SISxaY\/maxresdefault.jpg\"\n      alt=\"Mida Hospitality Group hotel and resort collection\"\n      fetchpriority=\"high\"\n    >\n    <div class=\"mhg-op__hero-shade\" aria-hidden=\"true\"><\/div>\n    <div class=\"mhg-op__container\" data-reveal>\n      <h1 class=\"mhg-op__hero-title\" id=\"mhg-offers-title\">Special Offers<\/h1>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-op__intro\" aria-labelledby=\"mhg-offers-intro-title\">\n    <div class=\"mhg-op__container\">\n      <h2 class=\"mhg-op__intro-title\" id=\"mhg-offers-intro-title\" data-reveal>Explore our bespoke offers and curated experiences, tailored exclusively for you<\/h2>\n\n      <form class=\"mhg-op__filters\" id=\"mhg-offer-filters\" data-reveal>\n        <div class=\"mhg-op__field\">\n          <label class=\"mhg-op__field-label\" for=\"mhg-offer-destination\">By Destination<\/label>\n          <div class=\"mhg-op__select-wrap\">\n            <select class=\"mhg-op__select\" id=\"mhg-offer-destination\">\n              <option value=\"all\">All Destinations<\/option>\n              <option value=\"Bangkok\">Bangkok &amp; Metropolitan Area<\/option>\n              <option value=\"Hua Hin\">Hua Hin<\/option>\n              <option value=\"Kanchanaburi\">Kanchanaburi<\/option>\n              <option value=\"Nakhon Pathom\">Nakhon Pathom<\/option>\n              <option value=\"Phuket\">Phuket<\/option>\n              <option value=\"Rayong\">Rayong<\/option>\n            <\/select>\n            <svg class=\"mhg-op__select-icon\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"m5.75 7.75 4.25 4.5 4.25-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n\n        <div class=\"mhg-op__field\">\n          <label class=\"mhg-op__field-label\" for=\"mhg-offer-hotel\">By Hotel<\/label>\n          <div class=\"mhg-op__select-wrap\">\n            <select class=\"mhg-op__select\" id=\"mhg-offer-hotel\">\n              <option value=\"all\">All Hotels<\/option>\n            <\/select>\n            <svg class=\"mhg-op__select-icon\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"m5.75 7.75 4.25 4.5 4.25-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/form>\n\n      <div class=\"mhg-op__filter-meta\" data-reveal>\n        <p class=\"mhg-op__result-status\" id=\"mhg-offer-status\" aria-live=\"polite\">Showing all 4 offers.<\/p>\n        <button class=\"mhg-op__reset\" id=\"mhg-offer-reset\" type=\"button\">\n          Reset filters\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M15.3 6.2A6.5 6.5 0 1 0 16.5 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <path d=\"M12.3 5.8h3.5V2.3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-op__listing\" aria-label=\"Available offers\">\n    <div class=\"mhg-op__container\">\n      <div class=\"mhg-op__grid\" id=\"mhg-offer-grid\">\n        <article class=\"mhg-op__card\" data-offer-id=\"full-board\" data-reveal>\n          <div class=\"mhg-op__media\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/full-board.jpg\" alt=\"Full board seaside dining at Ace of Hua Hin Resort\" loading=\"lazy\">\n          <\/div>\n          <p class=\"mhg-op__card-property\">Ace of Hua Hin Resort \u00b7 Hua Hin<\/p>\n          <h3 class=\"mhg-op__card-title\">Full Board Package<\/h3>\n          <p class=\"mhg-op__card-copy\">Experience a truly carefree seaside getaway at Ace of Hua Hin Resort with our full board package, designed for guests who want it all in one seamless stay. Enjoy comfortable accommodation paired with daily breakfast, lunch, and dinner, allowing you to relax and indulge without worrying about extra costs.<\/p>\n          <a class=\"mhg-op__read-more\" href=\"https:\/\/www.aceofhuahinresort.com\/\" target=\"_blank\" rel=\"noopener\">\n            Read More\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"mhg-op__card\" data-offer-id=\"stay-in-love\" data-reveal>\n          <div class=\"mhg-op__media\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/4CAF0375-8309-495F-8DBC-8577EF9EF9DC_0-1.jpg\" alt=\"Romantic beachfront dining at Aksorn Rayong\" loading=\"lazy\">\n          <\/div>\n          <p class=\"mhg-op__card-property\">Aksorn Rayong \u00b7 Rayong<\/p>\n          <h3 class=\"mhg-op__card-title\">Stay in Love<\/h3>\n          <p class=\"mhg-op__card-copy\">Celebrate the month of love with a romantic getaway for two. Enjoy a cozy stay, daily breakfast, a specially prepared romantic dinner, and a bottle of wine to celebrate memorable moments together. Perfect for a relaxing and peaceful February getaway.<\/p>\n          <a class=\"mhg-op__read-more\" href=\"https:\/\/www.aksornrayong.com\/\" target=\"_blank\" rel=\"noopener\">\n            Read More\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"mhg-op__card\" data-offer-id=\"early-bird\" data-reveal>\n          <div class=\"mhg-op__media\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/Early-Bird.jpg\" alt=\"Couple enjoying an early bird hotel stay\" loading=\"lazy\">\n          <\/div>\n          <p class=\"mhg-op__card-property\">Multiple MHG Hotels \u00b7 Thailand<\/p>\n          <h3 class=\"mhg-op__card-title\">Early Bird Deal<\/h3>\n          <p class=\"mhg-op__card-copy\">Plan ahead and enjoy great savings with our Early Bird Deal. Guests who book 6 to 14 days in advance can enjoy up to 42% discount off the Best Available Rate, making it an ideal choice for early planners seeking value and flexibility without additional inclusions.<\/p>\n          <a class=\"mhg-op__read-more\" href=\"https:\/\/clouddemo.nc.co.th\/MHG\/our-hotels\/\">\n            Read More\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"mhg-op__card\" data-offer-id=\"sun-kissed\" data-reveal>\n          <div class=\"mhg-op__media\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/Sunkissed.jpg\" alt=\"Sun-kissed pool stay at Ace of Hua Hin Resort\" loading=\"lazy\">\n          <\/div>\n          <p class=\"mhg-op__card-property\">Ace of Hua Hin Resort \u00b7 Hua Hin<\/p>\n          <h3 class=\"mhg-op__card-title\">Sun-Kissed Getaway<\/h3>\n          <p class=\"mhg-op__card-copy\">Your sunshine escape starts here. Discover our Sun-Kissed Getaway with 50% savings, and indulge in sun-filled days and peaceful seaside nights.<\/p>\n          <a class=\"mhg-op__read-more\" href=\"https:\/\/www.aceofhuahinresort.com\/\" target=\"_blank\" rel=\"noopener\">\n            Read More\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M14 7l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n      <\/div>\n\n      <div class=\"mhg-op__empty\" id=\"mhg-offer-empty\" role=\"status\">No offers match your current selection. Try another destination or hotel.<\/div>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n  (() => {\n    const destinations = [\"Bangkok\", \"Hua Hin\", \"Kanchanaburi\", \"Nakhon Pathom\", \"Phuket\", \"Rayong\"];\n    const hotels = [\n      { id: \"mida-don-mueang\", name: \"Mida Hotel Don Mueang Airport\", destination: \"Bangkok\" },\n      { id: \"mida-ngamwongwan\", name: \"Mida Hotel Ngamwongwan\", destination: \"Bangkok\" },\n      { id: \"ace-hua-hin\", name: \"Ace of Hua Hin Resort\", destination: \"Hua Hin\" },\n      { id: \"mida-de-sea\", name: \"Mida De Sea Hua Hin\", destination: \"Hua Hin\" },\n      { id: \"mida-kanchanaburi\", name: \"Mida Resort Kanchanaburi\", destination: \"Kanchanaburi\" },\n      { id: \"mida-dhavaravati\", name: \"Mida Grande Hotel Dhavaravati Nakhon Pathom\", destination: \"Nakhon Pathom\" },\n      { id: \"xen-nakhon-pathom\", name: \"Xen Hotel Nakhon Pathom\", destination: \"Nakhon Pathom\" },\n      { id: \"mida-phuket\", name: \"Mida Grande Resort Phuket\", destination: \"Phuket\" },\n      { id: \"aksorn-rayong\", name: \"Aksorn Rayong, The Vitality Collection\", destination: \"Rayong\" }\n    ];\n\n    const allHotelIds = hotels.map((hotel) => hotel.id);\n    const offerData = {\n      \"full-board\": { destinations: [\"Hua Hin\"], hotels: [\"ace-hua-hin\"] },\n      \"stay-in-love\": { destinations: [\"Rayong\"], hotels: [\"aksorn-rayong\"] },\n      \"early-bird\": { destinations, hotels: allHotelIds },\n      \"sun-kissed\": { destinations: [\"Hua Hin\"], hotels: [\"ace-hua-hin\"] }\n    };\n\n    const destinationSelect = document.getElementById(\"mhg-offer-destination\");\n    const hotelSelect = document.getElementById(\"mhg-offer-hotel\");\n    const status = document.getElementById(\"mhg-offer-status\");\n    const resetButton = document.getElementById(\"mhg-offer-reset\");\n    const emptyState = document.getElementById(\"mhg-offer-empty\");\n    const cards = [...document.querySelectorAll(\".mhg-op__card\")];\n\n    const renderHotelOptions = () => {\n      const destination = destinationSelect.value;\n      const previousHotel = hotelSelect.value;\n      const visibleHotels = destination === \"all\" ? hotels : hotels.filter((hotel) => hotel.destination === destination);\n      hotelSelect.innerHTML = '<option value=\"all\">All Hotels<\/option>' + visibleHotels.map((hotel) => `<option value=\"${hotel.id}\">${hotel.name}<\/option>`).join(\"\");\n      hotelSelect.value = visibleHotels.some((hotel) => hotel.id === previousHotel) ? previousHotel : \"all\";\n    };\n\n    const applyFilters = () => {\n      const destination = destinationSelect.value;\n      const hotel = hotelSelect.value;\n      let visibleCount = 0;\n\n      cards.forEach((card) => {\n        const data = offerData[card.dataset.offerId];\n        const destinationMatch = destination === \"all\" || data.destinations.includes(destination);\n        const hotelMatch = hotel === \"all\" || data.hotels.includes(hotel);\n        const visible = destinationMatch && hotelMatch;\n        card.hidden = !visible;\n        if (visible) visibleCount += 1;\n      });\n\n      const destinationLabel = destination === \"all\" ? \"all destinations\" : destination;\n      const selectedHotel = hotels.find((item) => item.id === hotel);\n      const hotelLabel = selectedHotel ? ` at ${selectedHotel.name}` : \"\";\n      status.textContent = visibleCount === cards.length && destination === \"all\" && hotel === \"all\"\n        ? `Showing all ${visibleCount} offers.`\n        : `Showing ${visibleCount} offer${visibleCount === 1 ? \"\" : \"s\"} for ${destinationLabel}${hotelLabel}.`;\n      resetButton.classList.toggle(\"is-visible\", destination !== \"all\" || hotel !== \"all\");\n      emptyState.classList.toggle(\"is-visible\", visibleCount === 0);\n    };\n\n    destinationSelect.addEventListener(\"change\", () => {\n      renderHotelOptions();\n      applyFilters();\n    });\n    hotelSelect.addEventListener(\"change\", applyFilters);\n    resetButton.addEventListener(\"click\", () => {\n      destinationSelect.value = \"all\";\n      renderHotelOptions();\n      hotelSelect.value = \"all\";\n      applyFilters();\n      destinationSelect.focus();\n    });\n\n    renderHotelOptions();\n    applyFilters();\n\n    const revealItems = [...document.querySelectorAll(\".mhg-offers-page [data-reveal]\")];\n    if (\"IntersectionObserver\" in window && !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        });\n      }, { threshold: 0.1 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  })();\n<\/script>\n\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>Special Offers Explore our bespoke offers and curated experiences, tailored exclusively for you By Destination All DestinationsBangkok &amp; Metropolitan AreaHua HinKanchanaburiNakhon PathomPhuketRayong By Hotel All Hotels Showing all 4 offers. Reset filters Ace of Hua Hin Resort \u00b7 Hua Hin Full Board Package Experience a truly carefree seaside getaway at Ace of Hua Hin Resort [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":28,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/32\/revisions\/459"}],"wp:attachment":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}