{"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-11-04T12:14:15","modified_gmt":"2026-11-04T05:14:15","slug":"special-offers-2","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/special-offers-2\/","title":{"rendered":"Offers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"411\" class=\"elementor elementor-411\" 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<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<main class=\"mdh-offers-page\" id=\"mdhOffersPage\">\n<section aria-labelledby=\"mdhOffersTitle\" class=\"mdh-offers-hero\">\n<img decoding=\"async\" alt=\"Mida Hotel Don Mueang Airport exterior\" class=\"mdh-offers-hero__image\" fetchpriority=\"high\" src=\"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-content\/uploads\/2026\/10\/airport-round2-offers-hero.png\"\/>\n<\/section>\n<section aria-label=\"Hotel offers\" class=\"mdh-offers-listing\">\n<div class=\"mdh-offers-container\">\n<div aria-label=\"Filter offers\" class=\"mdh-offers-filters\" role=\"tablist\">\n<button aria-selected=\"true\" class=\"mdh-offers-filter is-active\" data-filter=\"all\" role=\"tab\" type=\"button\">All<\/button>\n<button aria-selected=\"false\" class=\"mdh-offers-filter\" data-filter=\"room\" role=\"tab\" type=\"button\">Room Offers<\/button>\n<button aria-selected=\"false\" class=\"mdh-offers-filter\" data-filter=\"dining\" role=\"tab\" type=\"button\">Dining Offers<\/button>\n<\/div>\n<div aria-live=\"polite\" class=\"mdh-offers-grid\" id=\"mdhOffersGrid\">\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<aside aria-label=\"Reservation assistance\" class=\"mdh-offers-help\">\n<div class=\"mdh-offers-help__inner\">\n<div class=\"mdh-offers-help__copy\">\n<span aria-hidden=\"true\" class=\"mdh-offers-help__icon\">\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<section aria-labelledby=\"mdhOffersCtaTitle\" class=\"mdh-offers-cta\">\n<img decoding=\"async\" alt=\"Dining setup at Mida Hotel Don Mueang Airport\" class=\"mdh-offers-cta__image\" loading=\"lazy\" src=\"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-content\/uploads\/2026\/10\/mhg-20261001-img0406.jpg\"\/>\n<div class=\"mdh-offers-cta__content\">\n<h2 id=\"mdhOffersCtaTitle\">Your Best Stay Starts Here<\/h2>\n<p>Discover great value and look forward to a memorable getaway with us.<\/p>\n<a class=\"mdh-offers-cta__button\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=474&onlineId=4\" rel=\"noopener\" target=\"_blank\">Book Now<\/a>\n<\/div>\n<\/section>\n<\/main>\n<script>\n      (function () {\n        var CACHE_KEY = 'mhg-offers-20261104-featured-image-midahoteldonmueangairport-mdh_offers_cache';\n        var CACHE_TIME_KEY = 'mhg-offers-20261104-featured-image-midahoteldonmueangairport-mdh_offers_timestamp';\n        var CACHE_DURATION = 3600 * 1000; \/\/ 1 hour in ms\n        var API_URL = 'https:\/\/mhg.co.th\/midahoteldonmueangairport\/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 mhgUniqueOffers20261002(posts) {\n var translations = {\"5847\":[\"12227\",\"th\"],\"5862\":[\"12227\",\"en\"]};\n var requested = new URLSearchParams(location.search).get('lang') || document.documentElement.lang || 'en';\n var lang = requested.toLowerCase().split('-')[0];\n var selected = Object.create(null), order = [];\n function key(p) {\n  if (translations[p.id]) return 'translation:' + translations[p.id][0];\n  if (p.link) { try { var u = new URL(p.link,location.href); return 'url:' + u.origin + u.pathname.replace(\/\\\/+$\/, ''); } catch(e) {} }\n  return 'id:' + p.id;\n }\n function rank(p) {var l=translations[p.id] && translations[p.id][1]; return l===lang?3:l==='en'?2:1;}\n (Array.isArray(posts)?posts:[]).forEach(function(p){if(!p||!p.id)return;var k=key(p);if(!selected[k]){selected[k]=p;order.push(k);}else if(rank(p)>rank(selected[k]))selected[k]=p;});\n return order.map(function(k){return selected[k];});\n}\n\nfunction renderOffers(posts) {\n posts = mhgUniqueOffers20261002(posts);\n var seenLinks = Object.create(null);\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 || []).some(function(c){return [34, 30, 31].indexOf(c)!==-1;});\n            var isDining = (post.categories || []).some(function(c){return [35, 47, 36].indexOf(c)!==-1;});\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            if (seenLinks[link]) return; seenLinks[link] = true; 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:\/\/mhg.co.th\/midahoteldonmueangairport\/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=\"_self\" 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      \/\/ MHG 2026-10-21: stable Room Offers first, then Dining Offers.\n      \/\/ Move the existing nodes so filter handlers and accessible order agree.\n      (function () {\n        var cards = Array.prototype.filter.call(grid.children, function (card) {\n          return card.tagName === 'ARTICLE';\n        });\n        function isRoom(card) {\n          return (card.getAttribute('data-category') || card.getAttribute('data-xen-offer-category')) === 'room';\n        }\n        cards.filter(isRoom).concat(cards.filter(function (card) { return !isRoom(card); }))\n          .forEach(function (card) { grid.appendChild(card); });\n      }());\n\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<!-- 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<!-- 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<style>.page-id-411 .mdh-offer-card__link{display:flex;flex-direction:column;align-self:stretch;width:100%;height:100%;padding:0;border:0;color:inherit;font:inherit;letter-spacing:normal;text-transform:none}.page-id-411 .mdh-offer-card__media{position:relative;width:100%;overflow:hidden;aspect-ratio:4\/3;flex:0 0 auto}.page-id-411 .mdh-offer-card__media img{display:block;width:100%;height:100%;object-fit:cover}.page-id-411 .mdh-offer-card__body{width:100%;min-width:0}.page-id-411 .mdh-offer-card__body h2{font-size:21px;font-weight:600;line-height:1.35;letter-spacing:normal;text-transform:none;color:#262626;margin:0 0 10px}.page-id-411 .mdh-offer-card__subtitle{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#0c6980;margin:0 0 12px}.page-id-411 .mdh-offer-card__description{font-size:14px;line-height:1.65;letter-spacing:normal;text-transform:none;color:#6b6b6b;margin:0 0 18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.page-id-411 .mdh-offer-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.page-id-411 .mdh-offer-card__date{font-size:11px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:0}.page-id-411 .mdh-offer-card__detail{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0c6980}.page-id-411 .mdh-offer-card__detail svg{display:block;width:14px!important;height:14px!important;flex:0 0 14px;fill:none!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(min-width:900px){.page-id-411 #mdhOffersGrid:has(>.mdh-offer-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,374px));justify-content:center}}<\/style>\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; Need help booking? Our reservations team is ready to assist you. Call +66 (0) 2 574 1648 Your Best Stay Starts Here Discover great value and look forward to a memorable getaway with us. Book Now<\/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":32,"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/pages\/411\/revisions"}],"predecessor-version":[{"id":6363,"href":"https:\/\/mhg.co.th\/midahoteldonmueangairport\/wp-json\/wp\/v2\/pages\/411\/revisions\/6363"}],"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}]}}