{"id":9332,"date":"2026-08-25T20:56:56","date_gmt":"2026-08-25T13:56:56","guid":{"rendered":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/?page_id=9332"},"modified":"2026-09-14T12:02:23","modified_gmt":"2026-09-14T05:02:23","slug":"rooms","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/rooms\/","title":{"rendered":"Rooms &#038; Suites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9332\" class=\"elementor elementor-9332\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b50d8e2b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b50d8e2b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8c35559\" data-id=\"d8c35559\" 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-c34a715a elementor-widget elementor-widget-html\" data-id=\"c34a715a\" 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=\"mdh-rooms-page\">\n  <div class=\"page-content\">\n    <div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\"\n      data-elementor-post-type=\"page\">\n\n      <!-- =================================================================\n                 00 \u00b7 BASE \/ SHARED STYLES  (fonts \u00b7 palette \u00b7 buttons \u00b7 helpers)\n                 Mida Grande Hotel Dhavaravati Nakhon Pathom \u2014 matches home.html (mdh-)\n                 ================================================================= -->\n      <div class=\"elementor-element e-con-full e-flex e-con e-parent\" data-element_type=\"container\">\n        <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\"\n          data-widget_type=\"html.default\">\n          <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap');\n\n            :root {\n              --mdh-gold: #901818;\n              --mdh-gold-dark: #6d1212;\n              --mdh-ink: #262626;\n              --mdh-muted: #6b6b6b;\n              --mdh-line: rgba(0, 0, 0, .12);\n              --mdh-bg: #ffffff;\n              --mdh-bg-soft: #f7f2f0;\n              --mdh-max: 1240px;\n              --mdh-serif: 'Noto Sans Thai', sans-serif;\n              --mdh-sans: 'Noto Sans Thai', sans-serif;\n            }\n\n            .mdh-rooms-page,\n            [class^=\"mdh-\"],\n            [class*=\" mdh-\"] {\n              box-sizing: border-box;\n            }\n\n            .mdh-rooms-page *,\n            .mdh-rooms-page *::before,\n            .mdh-rooms-page *::after {\n              box-sizing: border-box;\n            }\n\n            [class^=\"mdh-\"] img,\n            [class*=\" mdh-\"] img {\n              max-width: 100%;\n              display: block;\n            }\n\n            [class^=\"mdh-\"] a,\n            [class*=\" mdh-\"] a {\n              color: inherit;\n              text-decoration: none;\n            }\n\n            .mdh-rooms-page p {\n              font-family: var(--mdh-sans);\n              line-height: 1.85;\n              color: var(--mdh-muted);\n              font-weight: 300;\n            }\n\n            .mdh-eyebrow {\n              font-family: var(--mdh-sans);\n              font-size: 12px;\n              font-weight: 400;\n              letter-spacing: .28em;\n              text-transform: uppercase;\n              color: var(--mdh-gold);\n              margin: 0 0 18px;\n              display: block;\n            }\n\n            .mdh-h2 {\n              font-family: var(--mdh-serif);\n              font-weight: 500;\n              font-size: clamp(30px, 4vw, 46px);\n              line-height: 1.12;\n              color: var(--mdh-ink);\n              margin: 0 0 22px;\n              letter-spacing: .005em;\n            }\n\n            .mdh-btn {\n              display: inline-block;\n              font-family: var(--mdh-sans);\n              font-size: 12px;\n              font-weight: 400;\n              letter-spacing: .22em;\n              text-transform: uppercase;\n              padding: 15px 40px;\n              border: 1px solid var(--mdh-gold);\n              background: var(--mdh-gold);\n              color: #fff !important;\n              cursor: pointer;\n              transition: background .3s ease, color .3s ease, border-color .3s ease;\n            }\n\n            a.mdh-btn,\n            a.mdh-btn:visited {\n              color: #fff !important;\n            }\n\n            a.mdh-btn--outline,\n            a.mdh-btn--outline:visited {\n              color: var(--mdh-gold) !important;\n            }\n\n            a.mdh-btn--outline:hover {\n              color: #fff !important;\n            }\n\n            .mdh-btn:hover {\n              background: var(--mdh-gold-dark);\n              border-color: var(--mdh-gold-dark);\n              color: #fff;\n            }\n\n            .mdh-btn--ghost {\n              background: transparent;\n              color: #fff;\n              border-color: rgba(255, 255, 255, .85);\n            }\n\n            .mdh-btn--ghost:hover {\n              background: #fff;\n              color: var(--mdh-ink);\n              border-color: #fff;\n            }\n\n            .mdh-link {\n              display: inline-flex;\n              align-items: center;\n              gap: 9px;\n              font-family: var(--mdh-sans);\n              font-size: 12px;\n              font-weight: 400;\n              letter-spacing: .2em;\n              text-transform: uppercase;\n              color: var(--mdh-gold);\n              transition: gap .3s ease, color .3s ease;\n            }\n\n            .mdh-link svg {\n              width: 22px;\n              height: 8px;\n              stroke: currentColor;\n              fill: none;\n              stroke-width: 1.2;\n            }\n\n            .mdh-link:hover {\n              gap: 15px;\n              color: var(--mdh-gold-dark);\n            }\n\n            .mdh-fullbleed {\n              width: 100vw;\n              max-width: 100vw;\n              margin-left: calc(50% - 50vw);\n              margin-right: calc(50% - 50vw);\n            }\n\n            .mdh-wrap {\n              max-width: var(--mdh-max);\n              margin: 0 auto;\n              padding: 0 32px;\n            }\n\n            html,\n            body {\n              overflow-x: hidden;\n            }\n          <\/style>\n        <\/div>\n      <\/div>\n\n      <!-- =================================================================\n                 01 \u00b7 HERO  (inner-page banner)\n                 ================================================================= -->\n      <div class=\"elementor-element e-con-full e-flex e-con e-parent\" data-element_type=\"container\">\n        <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\"\n          data-widget_type=\"html.default\">\n          <style>\n            .mdh-rhero {\n              position: relative;\n              min-height: 700px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              text-align: center;\n              color: #fff;\n              overflow: hidden;\n            }\n\n            .mdh-rhero::before {\n              content: '';\n              position: absolute;\n              inset: 0;\n              z-index: 0;\n              background: url('https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-content\/uploads\/2026\/09\/banner-1.jpg') center\/cover no-repeat;\n            }\n\n            .mdh-rhero::after {\n              content: '';\n              position: absolute;\n              inset: 0;\n              z-index: 1;\n              background: linear-gradient(180deg, rgba(0, 0, 0, .34) 0%, rgba(0, 0, 0, .22) 45%, rgba(0, 0, 0, .50) 100%);\n            }\n\n            .mdh-rhero__content {\n              position: relative;\n              z-index: 2;\n              padding: 130px 24px;\n              max-width: 900px;\n            }\n\n            .mdh-rhero__eyebrow {\n              font-family: var(--mdh-sans);\n              font-size: 13px;\n              font-weight: 400;\n              letter-spacing: .34em;\n              text-transform: uppercase;\n              color: #fff;\n              opacity: .92;\n              margin: 0 0 20px;\n            }\n\n            .mdh-rhero__title {\n              font-family: var(--mdh-serif);\n              font-weight: 500;\n              font-size: clamp(40px, 5.6vw, 68px);\n              line-height: 1.08;\n              letter-spacing: .01em;\n              margin: 0 0 16px;\n              color: #fff;\n            }\n\n            .mdh-rhero__sub {\n              font-family: var(--mdh-sans);\n              font-size: 15px;\n              font-weight: 300;\n              letter-spacing: .02em;\n              color: rgba(255, 255, 255, .9);\n              margin: 0;\n            }\n\n            \/* Booking date-picker bar *\/\n            .mdh-booking {\n              position: absolute;\n              bottom: 30px;\n              left: 50%;\n              transform: translateX(-50%);\n              z-index: 10;\n              width: calc(100% - 32px);\n              max-width: 900px;\n              background: rgba(255, 255, 255, .96);\n              box-shadow: 0 20px 50px rgba(0, 0, 0, .28);\n              border-radius: 4px;\n              display: grid;\n              grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto;\n              gap: 0;\n              align-items: stretch;\n              text-align: left;\n            }\n\n            .mdh-booking__field {\n              text-align: left;\n              padding: 16px 22px;\n              border-right: 1px solid var(--mdh-line);\n            }\n\n            .mdh-booking__field label {\n              display: block;\n              font-family: var(--mdh-sans);\n              font-size: 10px;\n              font-weight: 500;\n              letter-spacing: .18em;\n              text-transform: uppercase;\n              color: var(--mdh-muted);\n              margin: 0 0 7px;\n            }\n\n            .mdh-booking__field input[type=\"date\" lang=\"en\"] {\n              width: 100%;\n              border: none;\n              background: transparent;\n              font-family: var(--mdh-sans);\n              font-size: 15px;\n              font-weight: 400;\n              color: var(--mdh-ink);\n              padding: 0;\n              outline: none;\n            }\n\n            .mdh-stepper {\n              display: flex;\n              align-items: center;\n              gap: 14px;\n            }\n\n            .mdh-stepper__btn {\n              width: 30px;\n              height: 30px;\n              flex: 0 0 30px;\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              padding: 0 !important;\n              margin: 0 !important;\n              border: 1px solid var(--mdh-gold) !important;\n              background: transparent !important;\n              color: var(--mdh-gold) !important;\n              border-radius: 50% !important;\n              font-size: 18px;\n              line-height: 1;\n              font-weight: 500;\n              cursor: pointer;\n              transition: background .2s ease, color .2s ease, opacity .2s ease;\n            }\n\n            .mdh-stepper__btn:hover {\n              background: var(--mdh-gold) !important;\n              color: #fff !important;\n            }\n\n            .mdh-stepper__btn:disabled {\n              opacity: .3;\n              cursor: not-allowed;\n            }\n\n            .mdh-stepper__val {\n              min-width: 22px;\n              text-align: center;\n              font-size: 15px;\n              font-weight: 500;\n              color: var(--mdh-ink);\n            }\n\n            .mdh-booking__btn {\n              flex: 0 0 auto;\n              align-self: stretch;\n              border: none;\n              background: var(--mdh-gold);\n              color: #fff;\n              font-family: var(--mdh-sans);\n              font-size: 12px;\n              font-weight: 500;\n              letter-spacing: .18em;\n              text-transform: uppercase;\n              padding: 0 40px;\n              cursor: pointer;\n              transition: background .3s ease;\n              border-radius: 0 4px 4px 0;\n            }\n\n            .mdh-booking__btn:hover {\n              background: var(--mdh-gold-dark);\n            }\n\n            @media (max-width: 900px) {\n              .mdh-booking {\n                grid-template-columns: 1fr 1fr;\n                margin-inline: 16px;\n                width: auto;\n                position: static;\n                transform: none;\n                margin: 20px auto;\n              }\n\n              .mdh-booking__field {\n                border-bottom: 1px solid var(--mdh-line);\n              }\n\n              .mdh-booking__field:nth-child(2n) {\n                border-right: none;\n              }\n\n              .mdh-booking__btn {\n                grid-column: 1 \/ -1;\n                width: 100%;\n                padding: 18px;\n                border-radius: 0 0 4px 4px;\n              }\n            }\n\n            @media (max-width: 520px) {\n              .mdh-booking {\n                grid-template-columns: 1fr;\n              }\n\n              .mdh-booking__field {\n                border-right: none;\n              }\n            }\n          <\/style>\n\n          <section class=\"mdh-rhero mdh-fullbleed\">\n            <div class=\"mdh-rhero__content\">\n            <\/div>\n            <form class=\"mdh-booking\" action=\"https:\/\/reservation.travelanium.net\/propertyibe2\/\" method=\"get\"\n              target=\"_blank\" rel=\"noopener\">\n              <input type=\"hidden\" name=\"propertyId\" value=\"475\">\n              <input type=\"hidden\" name=\"onlineId\" value=\"4\">\n              <input type=\"hidden\" name=\"accesscode\" value=\"member\">\n              <input type=\"hidden\" name=\"currency\" value=\"THB\">\n              <input type=\"hidden\" name=\"lang\" value=\"en\">\n\n              <div class=\"mdh-booking__field\">\n                <label for=\"mdhCheckin\">Check-in<\/label>\n                <input type=\"date\" lang=\"en\" id=\"mdhCheckin\" name=\"checkin\" required=\"\">\n              <\/div>\n\n              <div class=\"mdh-booking__field\">\n                <label for=\"mdhCheckout\">Check-out<\/label>\n                <input type=\"date\" lang=\"en\" id=\"mdhCheckout\" name=\"checkout\" required=\"\">\n              <\/div>\n\n              <div class=\"mdh-booking__field\">\n                <label for=\"mdhRooms\">Rooms<\/label>\n                <div class=\"mdh-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"mdhRooms\">\n                  <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"-1\"\n                    aria-label=\"Decrease rooms\">&minus;<\/button>\n                  <span class=\"mdh-stepper__val\" id=\"mdhRoomsVal\">1<\/span>\n                  <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"1\" aria-label=\"Increase rooms\">+<\/button>\n                  <input type=\"hidden\" id=\"mdhRooms\" name=\"numofroom\" value=\"1\">\n                <\/div>\n              <\/div>\n\n              <div class=\"mdh-booking__field\">\n                <label for=\"mdhGuests\">Guests<\/label>\n                <div class=\"mdh-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"mdhGuests\">\n                  <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"-1\"\n                    aria-label=\"Decrease guests\">&minus;<\/button>\n                  <span class=\"mdh-stepper__val\" id=\"mdhGuestsVal\">2<\/span>\n                  <button type=\"button\" class=\"mdh-stepper__btn\" data-step=\"1\" aria-label=\"Increase guests\">+<\/button>\n                  <input type=\"hidden\" id=\"mdhGuests\" name=\"numofadult\" value=\"2\">\n                <\/div>\n              <\/div>\n\n              <input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n              <button type=\"submit\" class=\"mdh-booking__btn\">Check Availability<\/button>\n            <\/form>\n          <\/section>\n\n          <script>\n            (function () {\n              var steppers = document.querySelectorAll('.mdh-booking .mdh-stepper');\n\n              steppers.forEach(function (stepper) {\n                var min = parseInt(stepper.getAttribute('data-min'), 10) || 1;\n                var max = parseInt(stepper.getAttribute('data-max'), 10) || 12;\n                var valEl = stepper.querySelector('.mdh-stepper__val');\n                var inputId = stepper.getAttribute('data-for');\n                var input = document.getElementById(inputId);\n                var dec = stepper.querySelector('[data-step=\"-1\"]');\n                var inc = stepper.querySelector('[data-step=\"1\"]');\n\n                if (!input || !valEl || !dec || !inc) return;\n\n                function render() {\n                  var v = parseInt(input.value, 10);\n                  valEl.textContent = v;\n                  dec.disabled = v <= min;\n                  inc.disabled = v >= max;\n                }\n\n                [dec, inc].forEach(function (btn) {\n                  btn.addEventListener('click', function () {\n                    var v =\n                      parseInt(input.value, 10) +\n                      parseInt(btn.getAttribute('data-step'), 10);\n\n                    v = Math.max(min, Math.min(max, v));\n\n                    input.value = v;\n                    render();\n                  });\n                });\n\n                render();\n              });\n            })();\n          <\/script>\n        <\/div>\n      <\/div>\n\n      <!-- =================================================================\n                 02 \u00b7 CHOOSE YOUR PERFECT STAY  (overlay room cards)\n                 ================================================================= -->\n      <div class=\"elementor-element e-con-full e-flex e-con e-parent\" data-element_type=\"container\">\n        <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\"\n          data-widget_type=\"html.default\">\n          <style>\n            .mdh-rcol {\n              background: var(--mdh-bg);\n              padding: 100px 0;\n            }\n\n            .mdh-rcol__head {\n              text-align: center;\n              max-width: 720px;\n              margin: 0 auto 56px;\n            }\n\n            .mdh-rcol__head p {\n              font-size: 16px;\n              margin: 0;\n            }\n\n            .mdh-rgrid {\n              display: grid;\n              grid-template-columns: 1fr;\n              gap: 22px;\n              max-width: 1120px;\n              margin: 0 auto;\n            }\n\n            @media (min-width: 768px) {\n              .mdh-rgrid {\n                grid-template-columns: repeat(2, 1fr);\n              }\n            }\n\n            .mdh-rcard {\n              position: relative;\n              overflow: hidden;\n              aspect-ratio: 4\/3;\n              display: block;\n            }\n\n            .mdh-rcard img {\n              width: 100%;\n              height: 100%;\n              object-fit: cover;\n              transition: transform .8s ease;\n            }\n\n            .mdh-rcard:hover img {\n              transform: scale(1.05);\n            }\n\n            .mdh-rcard::after {\n              content: '';\n              position: absolute;\n              inset: 0;\n              background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, .42) 62%, rgba(0, 0, 0, .82) 100%);\n            }\n\n            .mdh-rcard__badge {\n              position: absolute;\n              top: 16px;\n              right: 16px;\n              z-index: 2;\n              background: var(--mdh-gold);\n              color: #fff;\n              font-family: var(--mdh-sans);\n              font-size: 10px;\n              font-weight: 400;\n              letter-spacing: .16em;\n              text-transform: uppercase;\n              padding: 7px 13px;\n            }\n\n            .mdh-rcard__content {\n              position: absolute;\n              left: 0;\n              right: 0;\n              bottom: 0;\n              z-index: 2;\n              padding: 30px 30px;\n              color: #fff;\n            }\n\n            .mdh-rcard__meta {\n              display: flex;\n              flex-wrap: wrap;\n              gap: 18px;\n              font-family: var(--mdh-sans);\n              font-size: 11px;\n              font-weight: 300;\n              letter-spacing: .13em;\n              text-transform: uppercase;\n              color: rgba(255, 255, 255, .9);\n              margin: 0 0 12px;\n            }\n\n            .mdh-rcard__meta span {\n              position: relative;\n            }\n\n            .mdh-rcard__meta span+span::before {\n              content: '';\n              position: absolute;\n              left: -11px;\n              top: 50%;\n              width: 3px;\n              height: 3px;\n              border-radius: 50%;\n              background: var(--mdh-gold);\n              transform: translateY(-50%);\n            }\n\n            .mdh-rcard__name {\n              font-family: var(--mdh-serif);\n              font-weight: 500;\n              font-size: 30px;\n              line-height: 1.08;\n              color: #fff;\n              margin: 0 0 8px;\n            }\n\n            .mdh-rcard__desc {\n              font-family: var(--mdh-sans);\n              font-size: 13.5px;\n              font-weight: 300;\n              color: #fff !important;\n              line-height: 1.6;\n              margin: 0 0 16px;\n              max-width: 420px;\n              max-height: 0;\n              opacity: 0;\n              overflow: hidden;\n              transition: max-height .5s ease, opacity .4s ease, margin .4s ease;\n            }\n\n            .mdh-rcard:hover .mdh-rcard__desc {\n              max-height: 120px;\n              opacity: 1;\n              margin: 0 0 18px;\n            }\n\n            .mdh-rcard__foot {\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              gap: 12px;\n              border-top: 1px solid rgba(255, 255, 255, .28);\n              padding-top: 15px;\n            }\n\n            .mdh-rcard__view {\n              display: flex;\n              align-items: center;\n              gap: 9px;\n              font-family: var(--mdh-sans);\n              font-size: 11px;\n              font-weight: 300;\n              letter-spacing: .13em;\n              text-transform: uppercase;\n              color: rgba(255, 255, 255, .92);\n            }\n\n            .mdh-rcard__view svg {\n              width: 17px;\n              height: 17px;\n              stroke: currentColor;\n              fill: none;\n              stroke-width: 1.2;\n            }\n\n            .mdh-rcard__explore {\n              display: inline-flex;\n              align-items: center;\n              gap: 8px;\n              font-family: var(--mdh-sans);\n              font-size: 11px;\n              font-weight: 400;\n              letter-spacing: .18em;\n              text-transform: uppercase;\n              color: #fff;\n              transition: gap .3s ease;\n            }\n\n            .mdh-rcard__explore svg {\n              width: 20px;\n              height: 7px;\n              stroke: currentColor;\n              fill: none;\n              stroke-width: 1.2;\n            }\n\n            .mdh-rcard:hover .mdh-rcard__explore {\n              gap: 14px;\n            }\n          <\/style>\n\n          <section class=\"mdh-rcol\">\n            <div class=\"mdh-wrap\">\n              <div class=\"mdh-rcol__head\">\n                <span class=\"mdh-eyebrow\">Our Rooms &amp; Suites<\/span>\n                <h2 class=\"mdh-h2\">Elegance in Every Stay<\/h2>\n                <p>Relax in spacious rooms and suites where modern comfort meets the timeless charm of\n                  Dhavaravati-inspired design.<\/p>\n              <\/div>\n\n              <div class=\"mdh-rgrid\">\n\n                <a class=\"mdh-rcard\" href=\"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/accommodations-2\/deluxe\/\"\n                  rel=\"noopener\">\n                  <img decoding=\"async\"\n                    src=\"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Deluxe_01.jpg\"\n                    alt=\"Deluxe Room\">\n                  <div class=\"mdh-rcard__content\">\n                    <div class=\"mdh-rcard__meta\"><span>36 Sqm<\/span><span>2 Guests<\/span><span>King or Twin<\/span><\/div>\n                    <h3 class=\"mdh-rcard__name\">Deluxe Room<\/h3>\n                    <p class=\"mdh-rcard__desc\">A spacious 36 sq.m. retreat where modern comfort meets the timeless charm\n                      of Dhavaravati-inspired design.<\/p>\n                    <div class=\"mdh-rcard__foot\">\n                      <span class=\"mdh-rcard__view\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\">\n                          <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z\" \/>\n                          <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                        <\/svg>Garden View<\/span>\n                      <span class=\"mdh-rcard__explore\">Explore <svg viewBox=\"0 0 24 8\">\n                          <path d=\"M0 4h22M18 1l4 3-4 3\" \/>\n                        <\/svg><\/span>\n                    <\/div>\n                  <\/div>\n                <\/a>\n\n                <a class=\"mdh-rcard\"\n                  href=\"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/accommodations-2\/deluxe-pool-view-room\/\"\n                  rel=\"noopener\">\n                  <img decoding=\"async\"\n                    src=\"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Deluxe-Pool-View_01.jpg\"\n                    alt=\"Deluxe Pool View\">\n                  <div class=\"mdh-rcard__content\">\n                    <div class=\"mdh-rcard__meta\"><span>36 Sqm<\/span><span>2 Guests<\/span><span>King or Twin<\/span><\/div>\n                    <h3 class=\"mdh-rcard__name\">Deluxe Pool View<\/h3>\n                    <p class=\"mdh-rcard__desc\">A serene 36 sq.m. room overlooking the pool &#8212; blending restful\n                      relaxation with refined, modern comfort.<\/p>\n                    <div class=\"mdh-rcard__foot\">\n                      <span class=\"mdh-rcard__view\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\">\n                          <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z\" \/>\n                          <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                        <\/svg>Pool View<\/span>\n                      <span class=\"mdh-rcard__explore\">Explore <svg viewBox=\"0 0 24 8\">\n                          <path d=\"M0 4h22M18 1l4 3-4 3\" \/>\n                        <\/svg><\/span>\n                    <\/div>\n                  <\/div>\n                <\/a>\n\n                <a class=\"mdh-rcard\"\n                  href=\"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/accommodations-2\/deluxe-chedi-view-room\/\"\n                  rel=\"noopener\">\n                  <img decoding=\"async\"\n                    src=\"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Deluxe-Chedi-View_01.jpg\"\n                    alt=\"Deluxe Chedi View\">\n                  <span class=\"mdh-rcard__badge\">Phra Pathom Chedi View<\/span>\n                  <div class=\"mdh-rcard__content\">\n                    <div class=\"mdh-rcard__meta\"><span>36 Sqm<\/span><span>2 Guests<\/span><span>King or Twin<\/span><\/div>\n                    <h3 class=\"mdh-rcard__name\">Deluxe Chedi View<\/h3>\n                    <p class=\"mdh-rcard__desc\">A 36 sq.m. room framing a memorable view of the iconic Phra Pathom Chedi\n                      in the heart of Nakhon Pathom.<\/p>\n                    <div class=\"mdh-rcard__foot\">\n                      <span class=\"mdh-rcard__view\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\">\n                          <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z\" \/>\n                          <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                        <\/svg>Chedi View<\/span>\n                      <span class=\"mdh-rcard__explore\">Explore <svg viewBox=\"0 0 24 8\">\n                          <path d=\"M0 4h22M18 1l4 3-4 3\" \/>\n                        <\/svg><\/span>\n                    <\/div>\n                  <\/div>\n                <\/a>\n\n                <a class=\"mdh-rcard\"\n                  href=\"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/accommodations-2\/executive-suite\/\" rel=\"noopener\">\n                  <img decoding=\"async\"\n                    src=\"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Executive-Suite_04.jpg\"\n                    alt=\"Executive Suite\">\n                  <span class=\"mdh-rcard__badge\">Separate Living Area<\/span>\n                  <div class=\"mdh-rcard__content\">\n                    <div class=\"mdh-rcard__meta\"><span>72 Sqm<\/span><span>3 Guests<\/span><span>King<\/span><\/div>\n                    <h3 class=\"mdh-rcard__name\">Executive Suite<\/h3>\n                    <p class=\"mdh-rcard__desc\">A generous 72 sq.m. suite with a separate living area &#8212; offering\n                      added space, privacy, and understated elegance.<\/p>\n                    <div class=\"mdh-rcard__foot\">\n                      <span class=\"mdh-rcard__view\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\">\n                          <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z\" \/>\n                          <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                        <\/svg>Panoramic View<\/span>\n                      <span class=\"mdh-rcard__explore\">Explore <svg viewBox=\"0 0 24 8\">\n                          <path d=\"M0 4h22M18 1l4 3-4 3\" \/>\n                        <\/svg><\/span>\n                    <\/div>\n                  <\/div>\n                <\/a>\n\n              <\/div>\n            <\/div>\n          <\/section>\n        <\/div>\n      <\/div>\n\n      <!-- =================================================================\n                 03 \u00b7 STANDARD AMENITIES  (icon grid \u00b7 in every room)\n                 ================================================================= -->\n      <div class=\"elementor-element e-con-full e-flex e-con e-parent\" data-element_type=\"container\">\n        <div class=\"elementor-element elementor-widget elementor-widget-html\" data-element_type=\"widget\"\n          data-widget_type=\"html.default\">\n          <style>\n            .mdh-amen {\n              background: var(--mdh-bg-soft);\n              padding: 100px 24px;\n            }\n\n            .mdh-amen__head {\n              text-align: center;\n              max-width: 720px;\n              margin: 0 auto 60px;\n            }\n\n            .mdh-amen__head p {\n              font-size: 16px;\n              margin: 0;\n            }\n\n            .mdh-amen__grid {\n              display: grid;\n              grid-template-columns: repeat(2, 1fr);\n              gap: 44px 20px;\n              max-width: 1040px;\n              margin: 0 auto;\n            }\n\n            @media (min-width: 600px) {\n              .mdh-amen__grid {\n                grid-template-columns: repeat(3, 1fr);\n              }\n            }\n\n            @media (min-width: 980px) {\n              .mdh-amen__grid {\n                grid-template-columns: repeat(6, 1fr);\n              }\n            }\n\n            .mdh-amen__item {\n              text-align: center;\n            }\n\n            .mdh-amen__ico {\n              color: var(--mdh-gold);\n              margin-bottom: 14px;\n              display: flex;\n              justify-content: center;\n            }\n\n            .mdh-amen__ico svg {\n              width: 30px;\n              height: 30px;\n              stroke: currentColor;\n              fill: none;\n              stroke-width: 1.1;\n            }\n\n            .mdh-amen__item span {\n              font-family: var(--mdh-sans);\n              font-size: 12px;\n              font-weight: 300;\n              letter-spacing: .03em;\n              color: var(--mdh-muted);\n              display: block;\n              line-height: 1.45;\n            }\n          <\/style>\n\n          <section class=\"mdh-amen\">\n            <div class=\"mdh-amen__head\">\n              <span class=\"mdh-eyebrow\">In Every Room<\/span>\n              <h2 class=\"mdh-h2\">Standard Amenities<\/h2>\n              <p>All rooms include these thoughtful touches for your comfort and convenience.<\/p>\n            <\/div>\n\n            <div class=\"mdh-amen__grid\">\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M5 12.6a10 10 0 0 1 14 0M8 16a5 5 0 0 1 8 0\" \/>\n                    <circle cx=\"12\" cy=\"19.2\" r=\"1\" \/>\n                  <\/svg><\/span><span>Free Wi-Fi<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"1\" \/>\n                    <path d=\"M8 20h8M12 16v4\" \/>\n                  <\/svg><\/span><span>Smart TV<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M8 3h8l-1 6a3 3 0 0 1-6 0z\" \/>\n                    <path d=\"M12 12v6M9 21h6\" \/>\n                  <\/svg><\/span><span>Mini Bar<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <rect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"1.5\" \/>\n                    <path d=\"M8 10V7a4 4 0 0 1 8 0v3\" \/>\n                  <\/svg><\/span><span>In-Room Safe<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M4 8h13v4a5 5 0 0 1-10 0zM17 9h2a2 2 0 0 1 0 4h-2M4 21h13\" \/>\n                  <\/svg><\/span><span>Coffee &amp; Tea<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M12 5a2 2 0 1 1 2 2c-1.3 0-2 .9-2 2M4 18l8-5 8 5-8 3z\" \/>\n                  <\/svg><\/span><span>Bathrobe &amp; Slippers<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M12 3v2M6 13a6 6 0 0 1 12 0zM8 17v2M12 18v2M16 17v2\" \/>\n                  <\/svg><\/span><span>Rain Shower<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\" \/>\n                  <\/svg><\/span><span>Premium Toiletries<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <rect x=\"4\" y=\"5\" width=\"16\" height=\"10\" rx=\"1\" \/>\n                    <path d=\"M2 19h20\" \/>\n                  <\/svg><\/span><span>Work Desk<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M12 2v20M4 6l16 12M20 6L4 18\" \/>\n                  <\/svg><\/span><span>Air Conditioning<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M4 18h16M12 6a6 6 0 0 0-6 6v0h12a6 6 0 0 0-6-6zM12 4.2V6\" \/>\n                  <\/svg><\/span><span>Room Service<\/span><\/div>\n              <div class=\"mdh-amen__item\"><span class=\"mdh-amen__ico\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <path d=\"M12 3l1.7 5.3L19 10l-5.3 1.7L12 17l-1.7-5.3L5 10l5.3-1.7z\" \/>\n                  <\/svg><\/span><span>Daily Housekeeping<\/span><\/div>\n            <\/div>\n          <\/section>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n<!-- dhav-page-checklist-20260914 -->\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":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages\/9332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/comments?post=9332"}],"version-history":[{"count":20,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages\/9332\/revisions"}],"predecessor-version":[{"id":9435,"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/pages\/9332\/revisions\/9435"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midagrandehoteldhavaravati\/wp-json\/wp\/v2\/media?parent=9332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}