{"id":411,"date":"2017-08-25T15:27:35","date_gmt":"2017-08-25T08:27:35","guid":{"rendered":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/special-offers\/"},"modified":"2026-08-31T20:20:23","modified_gmt":"2026-08-31T13:20:23","slug":"special-offers","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/special-offers\/","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e1e\u0e34\u0e40\u0e28\u0e29"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"411\" class=\"elementor elementor-411 elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-156f463 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"156f463\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bbaff74\" data-id=\"bbaff74\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eed316f elementor-widget elementor-widget-html\" data-id=\"eed316f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"page-content\">\n  <div class=\"elementor\">\n    <!--\n      MIDA HOTEL DON MUEANG AIRPORT \u2014 OFFERS\n      Content: MidaDonMueangAirport_Website_Brief.docx\n      Images: MidaDonMueangAirport_Website_Images_by_Page.xlsx\n      Header and footer are intentionally excluded.\n    -->\n\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');\n      .mdh-offers-page {\n        --mdh-offers-accent: #0c6980;\n        --mdh-offers-accent-dark: #094e5e;\n        --mdh-offers-ink: #202020;\n        --mdh-offers-muted: #66625d;\n        --mdh-offers-surface: #faf8f5;\n        --mdh-offers-line: #e8e3dc;\n        --mdh-offers-serif: Georgia, \"Times New Roman\", serif;\n        --mdh-offers-sans: Arial, Helvetica, sans-serif;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        overflow: hidden;\n        color: var(--mdh-offers-ink);\n        background: #fff;\n        font-family: var(--mdh-offers-sans);\n      }\n\n      .mdh-offers-page,\n      .mdh-offers-page * {\n        box-sizing: border-box;\n      }\n\n      .mdh-offers-page img {\n        display: block;\n        max-width: 100%;\n      }\n\n      .mdh-offers-page a {\n        color: inherit;\n        text-decoration: none;\n      }\n\n      .mdh-offers-container {\n        width: min(100% - 48px, 1180px);\n        margin: 0 auto;\n      }\n\n      \/* Hero *\/\n      .mdh-offers-hero {\n        position: relative;\n        z-index: 0;\n        min-height: 700px; max-height: 700px; height: 700px;\n        display: grid;\n        place-items: center;\n        margin: 0 !important;\n        isolation: isolate;\n        color: #fff;\n        text-align: center;\n      }\n\n      .mdh-offers-hero__image {\n        position: absolute;\n        inset: 0;\n        z-index: -2;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center 64%;\n      }\n\n      .mdh-offers-hero::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n        background: rgba(0, 0, 0, 0.43);\n      }\n\n      .mdh-offers-hero__content {\n        width: min(100% - 48px, 760px);\n        padding: 72px 0;\n      }\n\n      .mdh-offers-hero__eyebrow {\n        margin: 0 0 13px;\n        color: #fff;\n        font-size: 11px;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        line-height: 1.5;\n        text-transform: uppercase;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\n      }\n\n      .mdh-offers-hero h1 {\n        margin: 0;\n        color: #fff;\n        font-family: var(--mdh-offers-serif);\n        font-size: clamp(38px, 5vw, 58px);\n        font-weight: 400;\n        letter-spacing: 0.02em;\n        line-height: 1.08;\n        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);\n      }\n\n      \/* Offers listing *\/\n      .mdh-offers-listing {\n        position: relative !important;\n        z-index: 0;\n        clear: both;\n        margin: 0 !important;\n        padding: 70px 0 76px;\n        transform: none !important;\n        translate: none !important;\n        background: var(--mdh-offers-surface);\n      }\n\n      .mdh-offers-filters {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 9px;\n        margin: 0 0 40px;\n      }\n\n      .mdh-offers-filter {\n        min-height: 39px;\n        padding: 10px 20px;\n        border: 1px solid #cfc6bc;\n        border-radius: 0;\n        background: transparent;\n        color: #6f6962;\n        cursor: pointer;\n        font-family: var(--mdh-offers-sans);\n        font-size: 10px;\n        font-weight: 600;\n        letter-spacing: 0.14em;\n        line-height: 1;\n        text-transform: uppercase;\n        transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;\n      }\n\n      .mdh-offers-filter:hover,\n      .mdh-offers-filter:focus-visible {\n        border-color: var(--mdh-offers-accent);\n        color: var(--mdh-offers-accent);\n        outline: none;\n      }\n\n      .mdh-offers-filter.is-active {\n        border-color: var(--mdh-offers-accent);\n        background: var(--mdh-offers-accent);\n        color: #fff;\n      }\n\n      .mdh-offers-grid {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 28px;\n        margin-top: 0 !important;\n        transform: none !important;\n        translate: none !important;\n        align-items: stretch;\n      }\n\n      .mdh-offer-card {\n        background: #fff;\n        border: 1px solid rgba(0,0,0,.12);\n        display: flex;\n        flex-direction: column;\n        transition: box-shadow .25s ease, transform .25s ease;\n      }\n      .mdh-offer-card:hover {\n        box-shadow: 0 12px 36px rgba(0,0,0,.10);\n        transform: translateY(-3px);\n      }\n      .mdh-offer-card[hidden] { display: none; }\n\n      .mdh-offer-card__img-wrap {\n        position: relative;\n        overflow: hidden;\n        aspect-ratio: 4 \/ 3;\n      }\n      .mdh-offer-card__img-wrap img {\n        width: 100%; height: 100%;\n        object-fit: cover; display: block;\n        transition: transform .55s ease;\n      }\n      .mdh-offer-card:hover .mdh-offer-card__img-wrap img {\n        transform: scale(1.04);\n      }\n      .mdh-offer-card__badge {\n        position: absolute;\n        top: 16px; left: 16px;\n        background: var(--mdh-gold, #0c6980);\n        color: #fff;\n        font-size: 9px;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        padding: 5px 12px;\n        border-radius: 2px;\n      }\n\n      .mdh-offer-card__body {\n        padding: 28px 28px 24px;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .mdh-offer-card__title {\n        font-family: var(--mdh-serif, 'Cormorant Garamond', serif);\n        font-size: 20px;\n        font-weight: 500;\n        color: var(--mdh-ink, #262626);\n        margin: 0 0 12px;\n        line-height: 1.35;\n      }\n      .mdh-offer-card__desc {\n        font-family: var(--mdh-sans, 'Noto Sans Thai', sans-serif);\n        font-size: 14px;\n        color: var(--mdh-muted, #6b6b6b);\n        line-height: 1.75;\n        margin: 0 0 24px;\n        flex: 1;\n      }\n      .mdh-offer-card__link {\n        display: inline-block;\n        font-family: var(--mdh-sans, 'Noto Sans Thai', sans-serif);\n        font-size: 11px;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        color: var(--mdh-gold, #0c6980);\n        text-decoration: none;\n        border-bottom: 1px solid var(--mdh-gold, #0c6980);\n        padding-bottom: 2px;\n        align-self: flex-start;\n        transition: opacity .2s ease;\n      }\n      .mdh-offer-card__link:hover { opacity: .7; }\n\n      \/* Reservation help strip *\/\n      .mdh-offers-help {\n        padding: 32px 0;\n        border-top: 1px solid #f0ede9;\n        border-bottom: 1px solid #f0ede9;\n        background: #fff;\n      }\n\n      .mdh-offers-help__inner {\n        width: min(100% - 48px, 850px);\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 28px;\n      }\n\n      .mdh-offers-help__copy {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n      }\n\n      .mdh-offers-help__icon {\n        width: 46px;\n        height: 46px;\n        display: grid;\n        place-items: center;\n        flex: 0 0 auto;\n        border-radius: 50%;\n        background: #f5f1ec;\n        color: var(--mdh-offers-accent);\n      }\n\n      .mdh-offers-help__icon svg {\n        width: 20px;\n        height: 20px;\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 1.6;\n      }\n\n      .mdh-offers-help__title {\n        margin: 0 0 3px;\n        color: var(--mdh-offers-ink);\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.35;\n      }\n\n      .mdh-offers-help__text {\n        margin: 0;\n        color: #8a857f;\n        font-size: 11px;\n        line-height: 1.5;\n      }\n\n      .mdh-offers-help__call {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 38px;\n        padding: 11px 18px;\n        flex: 0 0 auto;\n        background: var(--mdh-offers-accent);\n        color: #fff !important;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 0.1em;\n        line-height: 1;\n        text-transform: uppercase;\n        transition: background-color 180ms ease;\n      }\n\n      .mdh-offers-help__call:hover,\n      .mdh-offers-help__call:focus-visible {\n        background: var(--mdh-offers-accent-dark);\n        outline: none;\n      }\n\n      \/* Bottom call to action *\/\n      .mdh-offers-cta {\n        position: relative;\n        min-height: 330px;\n        display: grid;\n        place-items: center;\n        isolation: isolate;\n        overflow: hidden;\n        color: #fff;\n        text-align: center;\n      }\n\n      .mdh-offers-cta__image {\n        position: absolute;\n        inset: 0;\n        z-index: -2;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center 54%;\n      }\n\n      .mdh-offers-cta::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n        background: rgba(0, 0, 0, 0.48);\n      }\n\n      .mdh-offers-cta__content {\n        width: min(100% - 48px, 760px);\n        padding: 70px 0;\n      }\n\n      .mdh-offers-cta h2 {\n        margin: 0 0 13px;\n        color: #fff;\n        font-family: var(--mdh-offers-serif);\n        font-size: clamp(30px, 4vw, 46px);\n        font-weight: 400;\n        line-height: 1.15;\n        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);\n      }\n\n      .mdh-offers-cta p {\n        margin: 0 0 25px;\n        color: rgba(255, 255, 255, 0.92);\n        font-size: 13px;\n        line-height: 1.6;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);\n      }\n\n      .mdh-offers-cta__button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 41px;\n        padding: 12px 25px;\n        border: 1px solid #fff;\n        color: #fff !important;\n        font-size: 9px;\n        font-weight: 700;\n        letter-spacing: 0.14em;\n        line-height: 1;\n        text-transform: uppercase;\n        transition: background-color 180ms ease, color 180ms ease;\n      }\n\n      .mdh-offers-cta__button:hover,\n      .mdh-offers-cta__button:focus-visible {\n        background: #fff;\n        color: var(--mdh-offers-accent) !important;\n        outline: none;\n      }\n\n      @media (max-width: 900px) {\n        .mdh-offers-grid {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n      }\n\n      @media (max-width: 640px) {\n        .mdh-offers-container,\n        .mdh-offers-help__inner,\n        .mdh-offers-hero__content,\n        .mdh-offers-cta__content {\n          width: min(100% - 32px, 1180px);\n        }\n\n        .mdh-offers-hero {\n          min-height: 300px;\n        }\n\n        .mdh-offers-hero__content {\n          padding: 64px 0;\n        }\n\n        .mdh-offers-listing {\n          padding: 52px 0 58px;\n        }\n\n        .mdh-offers-filters {\n          margin-bottom: 30px;\n        }\n\n        .mdh-offers-filter {\n          flex: 1 1 auto;\n          padding-inline: 12px;\n        }\n\n        .mdh-offers-grid {\n          grid-template-columns: 1fr;\n          gap: 20px;\n        }\n\n        .mdh-offers-help {\n          padding: 28px 0;\n        }\n\n        .mdh-offers-help__inner {\n          align-items: stretch;\n          flex-direction: column;\n          gap: 20px;\n        }\n\n        .mdh-offers-help__call {\n          width: 100%;\n        }\n\n        .mdh-offers-cta {\n          min-height: 310px;\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .mdh-offer-card__link,\n        .mdh-offer-card__media img,\n        .mdh-offer-card__detail svg,\n        .mdh-offers-filter,\n        .mdh-offers-help__call,\n        .mdh-offers-cta__button {\n          transition: none;\n        }\n      }\n    \n      \/* Remove text from hero sections per user request *\/\n      [class*=\"hero__content\"] p, [class*=\"hero__content\"] h1, [class*=\"hero__content\"] h2, [class*=\"hero__content\"] span,\n      .hero-content p, .hero-content h1, .hero-content h2, .hero-content span,\n      [class*=\"hero\"] .eyebrow, [class*=\"hero\"] .title, [class*=\"hero\"] .sub,\n      [class*=\"hero__eyebrow\"], [class*=\"hero__title\"], [class*=\"hero__sub\"] {\n        display: none !important;\n      }\n<\/style>\n\n    <main class=\"mdh-offers-page\" id=\"mdhOffersPage\">\n      <section class=\"mdh-offers-hero\" aria-labelledby=\"mdhOffersTitle\">\n        <img decoding=\"async\"\n          class=\"mdh-offers-hero__image\"\n          src=\"https:\/\/www.midahoteldonmueangairport.com\/wp-content\/uploads\/2017\/08\/BEAM0338-HDR.jpg\"\n          alt=\"Outdoor swimming pool at Mida Hotel Don Mueang Airport\"\n          fetchpriority=\"high\"\n        >\n      <\/section>\n\n      <section class=\"mdh-offers-listing\" aria-label=\"Hotel offers\">\n        <div class=\"mdh-offers-container\">\n          <div class=\"mdh-offers-filters\" role=\"tablist\" aria-label=\"Filter offers\">\n            <button class=\"mdh-offers-filter is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-filter=\"all\">All<\/button>\n            <button class=\"mdh-offers-filter\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-filter=\"room\">Room Offers<\/button>\n            <button class=\"mdh-offers-filter\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-filter=\"dining\">Dining Offers<\/button>\n          <\/div>\n\n          <div class=\"mdh-offers-grid\" id=\"mdhOffersGrid\" aria-live=\"polite\">\n            <div id=\"mdhOffersLoader\" style=\"text-align:center; padding: 40px; color: #777; grid-column: 1 \/ -1;\">\n              Loading offers...\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <aside class=\"mdh-offers-help\" aria-label=\"Reservation assistance\">\n        <div class=\"mdh-offers-help__inner\">\n          <div class=\"mdh-offers-help__copy\">\n            <span class=\"mdh-offers-help__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z\"><\/path>\n              <\/svg>\n            <\/span>\n            <div>\n              <p class=\"mdh-offers-help__title\">Need help booking?<\/p>\n              <p class=\"mdh-offers-help__text\">Our reservations team is ready to assist you.<\/p>\n            <\/div>\n          <\/div>\n          <a class=\"mdh-offers-help__call\" href=\"tel:+6625741648\">Call +66 (0) 2 574 1648<\/a>\n        <\/div>\n      <\/aside>\n\n      <section class=\"mdh-offers-cta\" aria-labelledby=\"mdhOffersCtaTitle\">\n        <img decoding=\"async\"\n          class=\"mdh-offers-cta__image\"\n          src=\"https:\/\/www.midahoteldonmueangairport.com\/wp-content\/uploads\/2017\/10\/MIDAS1_0015.jpg\"\n          alt=\"Dining setup at Mida Hotel Don Mueang Airport\"\n          loading=\"lazy\"\n        >\n        <div class=\"mdh-offers-cta__content\">\n          <h2 id=\"mdhOffersCtaTitle\">Can't Find What You're Looking For?<\/h2>\n          <p>Contact our team for personalized offers and group bookings.<\/p>\n          <a\n            class=\"mdh-offers-cta__button\"\n            href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=474&amp;onlineId=4&amp;accesscode=member&amp;currency=THB&amp;lang=en\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >Reserve Now<\/a>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <script>\n      (function () {\n        var CACHE_KEY = 'mdh_offers_cache';\n        var CACHE_TIME_KEY = 'mdh_offers_timestamp';\n        var CACHE_DURATION = 3600 * 1000; \/\/ 1 hour in ms\n        var API_URL = 'https:\/\/www.midahoteldonmueangairport.com\/wp-json\/wp\/v2\/posts?_embed=true&per_page=100';\n        \n        var grid = document.getElementById('mdhOffersGrid');\n        var loader = document.getElementById('mdhOffersLoader');\n        var btns = document.querySelectorAll('.mdh-offers-filter');\n\n        function initFilter() {\n          var cards = document.querySelectorAll('.mdh-offer-card');\n          btns.forEach(function (btn) {\n            btn.addEventListener('click', function () {\n              var filter = this.getAttribute('data-filter');\n\n              btns.forEach(function (b) {\n                b.classList.remove('is-active');\n                b.setAttribute('aria-selected', 'false');\n              });\n              this.classList.add('is-active');\n              this.setAttribute('aria-selected', 'true');\n\n              cards.forEach(function (card) {\n                if (filter === 'all' || card.getAttribute('data-category') === filter) {\n                  card.removeAttribute('hidden');\n                } else {\n                  card.setAttribute('hidden', '');\n                }\n              });\n            });\n          });\n        }\n\n        function renderOffers(posts) {\n          if (loader) loader.style.display = 'none';\n          \n          var html = '';\n          posts.forEach(function(post) {\n            \/\/ Note: Update these category IDs when created in WP backend.\n            var ROOM_CAT_ID = 2; \/\/ placeholder\n            var DINING_CAT_ID = 3; \/\/ placeholder\n            \n            var isRoom = post.categories && post.categories.includes(ROOM_CAT_ID);\n            var isDining = post.categories && post.categories.includes(DINING_CAT_ID);\n            \n            \/\/ Fallback: if no matching categories, guess by title or assign to room\n            if (!isRoom && !isDining) {\n                var t = (post.title && post.title.rendered) ? post.title.rendered.toLowerCase() : '';\n                if (t.includes('din') || t.includes('menu') || t.includes('buffet')) {\n                    isDining = true;\n                } else {\n                    isRoom = true;\n                }\n            }\n\n            var categoryFilter = isRoom ? 'room' : 'dining';\n            var badgeText = isRoom ? 'Room Offer' : 'Dining Offer';\n            \n            var title = post.title && post.title.rendered ? post.title.rendered : '';\n            var link = post.link || '#';\n            \n            var excerpt = '';\n            if (post.excerpt && post.excerpt.rendered) {\n              var tmp = document.createElement('div');\n              tmp.innerHTML = post.excerpt.rendered;\n              excerpt = tmp.textContent || tmp.innerText || '';\n            }\n\n            var imgSrc = '';\n            if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n                imgSrc = post._embedded['wp:featuredmedia'][0].source_url;\n            } else {\n                imgSrc = 'https:\/\/www.midahoteldonmueangairport.com\/wp-content\/uploads\/2017\/08\/BEAM0338-HDR.jpg'; \/\/ placeholder\n            }\n            \n            \/\/ Format date if needed\n            var pubDate = new Date(post.date);\n            var dateStr = pubDate.toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' });\n\n            html += \\`\n            <article class=\"mdh-offer-card\" data-category=\"\\${categoryFilter}\">\n              <a class=\"mdh-offer-card__link\" href=\"\\${link}\" target=\"_blank\" rel=\"noopener\">\n                <div class=\"mdh-offer-card__media\">\n                  <img decoding=\"async\" src=\"\\${imgSrc}\" alt=\"\\${title}\" loading=\"lazy\">\n                  <span class=\"mdh-offer-card__badge\">\\${badgeText}<\/span>\n                <\/div>\n                <div class=\"mdh-offer-card__body\">\n                  <h2>\\${title}<\/h2>\n                  <p class=\"mdh-offer-card__subtitle\">\\${badgeText}<\/p>\n                  <p class=\"mdh-offer-card__description\">\\${excerpt}<\/p>\n                  <div class=\"mdh-offer-card__footer\">\n                    <p class=\"mdh-offer-card__date\">\\${dateStr}<\/p>\n                    <span class=\"mdh-offer-card__detail\">View Details\n                      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 5 7 7-7 7\"><\/path><\/svg>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/a>\n            <\/article>\n            \\`;\n          });\n          \n          if(html === '') {\n             html = '<div style=\"grid-column: 1 \/ -1; text-align:center; padding:40px; color:#777;\">No offers available at the moment.<\/div>';\n          }\n          grid.innerHTML = html;\n          initFilter();\n        }\n\n        function fetchOffers() {\n          var cached = localStorage.getItem(CACHE_KEY);\n          var timestamp = localStorage.getItem(CACHE_TIME_KEY);\n          var now = new Date().getTime();\n\n          if (cached && timestamp && (now - timestamp < CACHE_DURATION)) {\n            try {\n              var posts = JSON.parse(cached);\n              renderOffers(posts);\n              return;\n            } catch (e) {\n              console.error('Error parsing cache', e);\n            }\n          }\n\n          fetch(API_URL)\n            .then(function(response) {\n              if (!response.ok) throw new Error('Network response was not ok');\n              return response.json();\n            })\n            .then(function(posts) {\n              localStorage.setItem(CACHE_KEY, JSON.stringify(posts));\n              localStorage.setItem(CACHE_TIME_KEY, now);\n              renderOffers(posts);\n            })\n            .catch(function(error) {\n              console.error('Error fetching offers:', error);\n              if (loader) loader.innerHTML = 'Unable to load offers. Please try again later.';\n            });\n        }\n\n        fetchOffers();\n\n      }());\n    <\/script>\n  <\/div>\n<\/div>\n\n<!-- Mobile responsive hero -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n\n@media (max-width: 768px) {\n  .mdh-offers-hero { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n  .mdh-offers-hero img { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n}\n<\/style>\n\n<!-- Global Mobile Responsive Safeguards -->\n<style>\n  \/* Force white text on primary solid buttons *\/\n  .mdh-btn:not(.mdh-btn--ghost):not(.mdh-btn--outline) {\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n  }\n  .mdh-btn:hover {\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n  }\n\n@media (max-width: 768px) {\n  html, body { \n    overflow-x: hidden !important; \n    max-width: 100vw !important; \n  }\n  .mdh-wrap, .elementor-container { \n    padding-left: 20px !important; \n    padding-right: 20px !important; \n  }\n  img { \n    max-width: 100% !important; \n    height: auto !important; \n  }\n  .mdh-h2, .mdh-h3, .mdh-hero__title { \n    word-break: break-word; \n  }\n  \/* Reduce huge vertical paddings on mobile *\/\n  .mdh-hero__content { \n    padding-top: 80px !important; \n    padding-bottom: 40px !important; \n  }\n}\n@media (max-width: 480px) {\n  .mdh-btn { \n    width: 100%; \n    text-align: center; \n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All Room Offers Dining Offers Loading offers&#8230; Nee [&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-411","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/pages\/411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":27,"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/pages\/411\/revisions"}],"predecessor-version":[{"id":6072,"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/pages\/411\/revisions\/6072"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/media?parent=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}