{"id":4868,"date":"2026-08-31T21:36:40","date_gmt":"2026-08-31T14:36:40","guid":{"rendered":"https:\/\/mhg.co.th\/midahotelngamwongwan\/?page_id=4868"},"modified":"2026-09-13T22:40:07","modified_gmt":"2026-09-13T15:40:07","slug":"rooms","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midahotelngamwongwan\/rooms\/","title":{"rendered":"rooms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4868\" class=\"elementor elementor-4868\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90a3950 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"90a3950\" 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-74d99b7\" data-id=\"74d99b7\" 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-2602bbd elementor-widget elementor-widget-html\" data-id=\"2602bbd\" 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\" data-elementor-post-type=\"page\">\n\n            <!-- =================================================================\n                 00 \u00b7 BASE \/ SHARED STYLES  (fonts \u00b7 palette \u00b7 buttons \u00b7 helpers)\n                 Mida Hotel Ngamwongwan \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\" data-widget_type=\"html.default\">\n    <style>\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500&display=swap');\n\n      :root {\n        --mdh-gold:      #005860;\n        --mdh-gold-dark: #00434a;\n        --mdh-ink:       #262626;\n        --mdh-muted:     #6b6b6b;\n        --mdh-line:      rgba(0,0,0,.12);\n        --mdh-bg:        #ffffff;\n        --mdh-bg-soft:   #f3f6f6;\n        --mdh-max:       1240px;\n        --mdh-serif:     'Cormorant Garamond', Georgia, 'Times New Roman', serif;\n        --mdh-sans:      'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      }\n\n      .mdh-rooms-page, [class^=\"mdh-\"], [class*=\" mdh-\"] { box-sizing: border-box; }\n      .mdh-rooms-page *, .mdh-rooms-page *::before, .mdh-rooms-page *::after { box-sizing: border-box; }\n      [class^=\"mdh-\"] img, [class*=\" mdh-\"] img { max-width: 100%; display: block; }\n      [class^=\"mdh-\"] a, [class*=\" mdh-\"] a { color: inherit; text-decoration: none; }\n      .mdh-rooms-page p { font-family: var(--mdh-sans); line-height: 1.85; color: var(--mdh-muted); font-weight: 300; }\n\n      .mdh-eyebrow { font-family: var(--mdh-sans); font-size: 12px; font-weight: 400; letter-spacing: .28em; text-transform: uppercase; color: var(--mdh-gold); margin: 0 0 18px; display: block; }\n      .mdh-h2 { font-family: var(--mdh-serif); font-weight: 500; font-size: clamp(30px, 4vw, 46px); line-height: 1.12; color: var(--mdh-ink); margin: 0 0 22px; letter-spacing: .005em; }\n\n      .mdh-btn { display: inline-block; font-family: var(--mdh-sans); font-size: 12px; font-weight: 400; letter-spacing: .22em; text-transform: uppercase; padding: 15px 40px; border: 1px solid var(--mdh-gold); background: var(--mdh-gold); color: #fff; cursor: pointer; transition: background .3s ease, color .3s ease, border-color .3s ease; }\n      .mdh-btn:hover { background: var(--mdh-gold-dark); border-color: var(--mdh-gold-dark); color: #fff; }\n      .mdh-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.85); }\n      .mdh-btn--ghost:hover { background: #fff; color: var(--mdh-ink); border-color: #fff; }\n      .mdh-link { display: inline-flex; align-items: center; gap: 9px; font-family: var(--mdh-sans); font-size: 12px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; color: var(--mdh-gold); transition: gap .3s ease, color .3s ease; }\n      .mdh-link svg { width: 22px; height: 8px; stroke: currentColor; fill: none; stroke-width: 1.2; }\n      .mdh-link:hover { gap: 15px; color: var(--mdh-gold-dark); }\n\n      .mdh-fullbleed { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }\n      .mdh-wrap { max-width: var(--mdh-max); margin: 0 auto; padding: 0 32px; }\n      html, body { overflow-x: hidden; }\n    \n      \/* Remove Hero Text *\/\n      .mdh-hero__eyebrow, .mdh-hero__title, .mdh-hero__sub,\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          display: none !important; \n      }\n\n\n\n            * {\n              font-family: 'Noto Sans Thai', sans-serif !important;\n            }\n\n            .mdh-hero {\n              position: relative;\n              min-height: 100vh;\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-hero::before {\n              content: '';\n              position: absolute;\n              inset: 0;\n              z-index: 0;\n              background: url('https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2022\/03\/IMG_0671.jpg') center\/cover no-repeat;\n            }\n\n            .mdh-hero::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, .14) 42%, rgba(0, 0, 0, .55) 100%);\n            }\n\n            .mdh-hero__content {\n              position: relative;\n              z-index: 2;\n              padding: 120px 24px;\n              max-width: 1000px;\n            }\n\n            .mdh-hero__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 26px;\n            }\n\n            .mdh-hero__title {\n              font-family: var(--mdh-serif);\n              font-weight: 500;\n              text-transform: uppercase;\n              font-size: clamp(38px, 6.2vw, 74px);\n              line-height: 1.06;\n              letter-spacing: .02em;\n              margin: 0 0 40px;\n              color: #fff;\n            }\n\n            .mdh-hero__scroll {\n              position: absolute;\n              left: 50%;\n              bottom: 34px;\n              transform: translateX(-50%);\n              z-index: 2;\n              width: 24px;\n              height: 40px;\n              border: 1px solid rgba(255, 255, 255, .7);\n              border-radius: 14px;\n            }\n\n            .mdh-hero__scroll::after {\n              content: '';\n              position: absolute;\n              left: 50%;\n              top: 8px;\n              transform: translateX(-50%);\n              width: 3px;\n              height: 7px;\n              border-radius: 3px;\n              background: #fff;\n              animation: mdhScroll 1.8s ease-in-out infinite;\n            }\n\n            @keyframes mdhScroll {\n              0% {\n                opacity: 0;\n                top: 8px;\n              }\n\n              40% {\n                opacity: 1;\n              }\n\n              80% {\n                opacity: 0;\n                top: 20px;\n              }\n\n              100% {\n                opacity: 0;\n              }\n            }\n\n            .mdh-booking {\n              position: absolute;\n              bottom: 60px;\n              left: 50%;\n              transform: translateX(-50%);\n              z-index: 3;\n              background: rgba(255, 255, 255, .96);\n              backdrop-filter: blur(6px);\n              padding: 18px 24px;\n              display: grid;\n              grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto;\n              gap: 18px;\n              align-items: center;\n              border-radius: 6px;\n              max-width: min(980px, calc(100% - 32px));\n              width: 100%;\n              box-shadow: 0 16px 40px rgba(0, 0, 0, .18);\n            }\n\n            .mdh-booking label {\n              display: block;\n              font-size: 10px;\n              letter-spacing: .22em;\n              text-transform: uppercase;\n              color: var(--mdh-muted);\n              margin-bottom: 6px;\n              font-weight: 400;\n            }\n\n            .mdh-booking input {\n              width: 100%;\n              border: none;\n              background: transparent;\n              font-family: var(--mdh-sans);\n              font-size: 14px;\n              color: #030303 !important;\n              -webkit-text-fill-color: #030303 !important;\n              padding: 0;\n              outline: none;\n            }\n\n            .mdh-booking input[type=\"date\"] {\n              color: #030303 !important;\n              -webkit-text-fill-color: #030303 !important;\n              min-height: 20px !important;\n              line-height: 1.4 !important;\n              opacity: 1 !important;\n            }\n\n            .mdh-booking input::-webkit-date-and-time-value {\n              color: #030303 !important;\n              -webkit-text-fill-color: #030303 !important;\n              text-align: left !important;\n              opacity: 1 !important;\n            }\n\n            .mdh-booking input::-webkit-datetime-edit,\n            .mdh-booking input::-webkit-datetime-edit-fields-wrapper,\n            .mdh-booking input::-webkit-datetime-edit-text,\n            .mdh-booking input::-webkit-datetime-edit-month-field,\n            .mdh-booking input::-webkit-datetime-edit-day-field,\n            .mdh-booking input::-webkit-datetime-edit-year-field {\n              color: #030303 !important;\n              -webkit-text-fill-color: #030303 !important;\n              opacity: 1 !important;\n            }\n\n            .mdh-booking__field {\n              border-right: 1px solid var(--mdh-line);\n              padding-right: 18px;\n            }\n\n            .mdh-booking__field:last-of-type {\n              border-right: none;\n            }\n\n            .mdh-stepper {\n              display: flex;\n              align-items: center;\n              gap: 14px;\n            }\n\n            .mdh-stepper__btn {\n              width: 32px;\n              height: 32px;\n              flex: 0 0 32px;\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              -webkit-text-fill-color: var(--mdh-gold) !important;\n              border-radius: 50% !important;\n              box-shadow: none !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              -webkit-text-fill-color: #fff !important;\n              opacity: 1;\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: 600;\n              color: #030303;\n            }\n\n            .mdh-booking .mdh-btn {\n              white-space: nowrap;\n              padding: 15px 30px;\n              font-family: var(--mdh-sans);\n              font-size: 13px;\n              text-transform: uppercase;\n              cursor: pointer;\n            }\n\n            .mdh-booking .mdh-btn--solid {\n              background: var(--mdh-gold) !important;\n              border: none !important;\n              color: #fff !important;\n              -webkit-text-fill-color: #fff !important;\n              font-weight: 500;\n              letter-spacing: .16em;\n              border-radius: 4px;\n              box-shadow: 0 8px 18px rgba(12, 105, 128, .35);\n              transition: background .25s ease, box-shadow .25s ease, transform .12s ease;\n            }\n\n            .mdh-booking .mdh-btn--solid:hover {\n              background: var(--mdh-gold-dark) !important;\n              box-shadow: 0 10px 24px rgba(9, 78, 94, .45);\n              transform: translateY(-1px);\n              opacity: 1;\n            }\n\n            @media (max-width: 768px) { .mdh-hero { min-height: clamp(750px, 85vh, 900px) !important; } }\n\n            @media (max-width: 900px) {\n              .mdh-booking {\n                grid-template-columns: 1fr 1fr;\n                width: 100%;\n                max-width: calc(100% - 28px);\n                gap: 16px 18px;\n                bottom: 32px;\n              }\n\n              .mdh-booking__field {\n                border-right: none;\n                padding-right: 0;\n              }\n\n              .mdh-booking .mdh-btn {\n                grid-column: 1 \/ -1;\n                width: 100%;\n              }\n            }\n\n            @media (max-width: 520px) {\n              .mdh-booking {\n                grid-template-columns: 1fr;\n                bottom: 20px;\n                padding: 16px 18px;\n                gap: 14px;\n              }\n            }\n          \n\n      \/* Fix Button Text Color *\/\n      a.mdh-btn, button.mdh-btn, .mdh-btn { color: #ffffff !important; }\n      a.mdh-btn:hover, button.mdh-btn:hover, .mdh-btn:hover { color: #ffffff !important; }\n      a.mdh-btn.mdh-btn--ghost, button.mdh-btn.mdh-btn--ghost, .mdh-btn.mdh-btn--ghost { color: #ffffff !important; }\n      a.mdh-btn.mdh-btn--outline, button.mdh-btn.mdh-btn--outline, .mdh-btn.mdh-btn--outline { color: var(--mdh-gold) !important; }\n      a.mdh-btn.mdh-btn--outline:hover, button.mdh-btn.mdh-btn--outline:hover, .mdh-btn.mdh-btn--outline:hover { color: #ffffff !important; }\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\" data-widget_type=\"html.default\">\n    <style>\n      .mdh-rhero { position: relative; min-height: 56vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; overflow: hidden; }\n      .mdh-rhero::before { content: ''; position: absolute; inset: 0; z-index: 0; background: url('https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2022\/03\/Junior-Suite_01.jpg') center\/cover no-repeat; }\n      .mdh-rhero::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.22) 45%, rgba(0,0,0,.55) 100%); }\n      .mdh-rhero__content { position: relative; z-index: 2; padding: 120px 24px; max-width: 940px; width: 100%; }\n      .mdh-rhero__eyebrow { font-family: var(--mdh-sans); font-size: 13px; font-weight: 400; letter-spacing: .34em; text-transform: uppercase; color: #fff; opacity: .92; margin: 0 0 20px; }\n      .mdh-rhero__title { font-family: var(--mdh-serif); font-weight: 500; font-size: clamp(40px, 5.6vw, 68px); line-height: 1.08; letter-spacing: .01em; margin: 0 0 16px; color: #fff; }\n      .mdh-rhero__sub { font-family: var(--mdh-sans); font-size: 15px; font-weight: 300; letter-spacing: .02em; color: rgba(255,255,255,.9); margin: 0 0 30px; }\n\n      \/* Booking date-picker bar *\/\n      .mdh-bookbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0; max-width: 900px; margin: 0 auto; background: rgba(255,255,255,.96); box-shadow: 0 20px 50px rgba(0,0,0,.28); }\n      .mdh-bookbar__field { flex: 1 1 150px; text-align: left; padding: 16px 22px; border-right: 1px solid var(--mdh-line); }\n      .mdh-bookbar__field label { display: block; font-family: var(--mdh-sans); font-size: 10px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--mdh-muted); margin: 0 0 7px; }\n      .mdh-bookbar__field input, .mdh-bookbar__field select { width: 100%; border: none; background: transparent; font-family: var(--mdh-sans); font-size: 15px; font-weight: 400; color: var(--mdh-ink); padding: 0; outline: none; }\n      .mdh-bookbar__btn { flex: 0 0 auto; align-self: stretch; border: none; background: var(--mdh-gold); color: #fff; font-family: var(--mdh-sans); font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; padding: 0 40px; cursor: pointer; transition: background .3s ease; }\n      .mdh-bookbar__btn:hover { background: var(--mdh-gold-dark); }\n      @media (max-width: 720px) { .mdh-bookbar { flex-direction: column; } .mdh-bookbar__field { width: 100%; flex: 1 1 auto; border-right: none; border-bottom: 1px solid var(--mdh-line); } .mdh-bookbar__btn { width: 100%; padding: 16px; } }\n    <\/style>\n\n    <section class=\"mdh-rhero mdh-fullbleed\">\n      <div class=\"mdh-rhero__content\">\n        <p class=\"mdh-rhero__eyebrow\">Accommodations<\/p>\n        <h1 class=\"mdh-rhero__title\">Rooms &amp; Suites<\/h1>\n        <p class=\"mdh-rhero__sub\">138 thoughtfully designed rooms and suites for a restful stay in the heart of Ngamwongwan.<\/p>\n        <form action=\"https:\/\/reservation.travelanium.net\/propertyibe2\/\" target=\"_blank\" class=\"mdh-booking\">\n              <input type=\"hidden\" name=\"onlineId\" value=\"4\" \/>\n              <input type=\"hidden\" name=\"propertyId\" value=\"476\" \/>\n              <input type=\"hidden\" name=\"lang\" value=\"en\" \/>\n              <input type=\"hidden\" name=\"currency\" value=\"THB\" \/>\n              <input type=\"hidden\" name=\"accesscode\" value=\"member\" \/>\n              <div class=\"mdh-booking__field\">\n                <label for=\"mdhCheckin\">Check-in<\/label>\n                <input type=\"date\" id=\"mdhCheckin\" name=\"checkin\" required=\"\">\n              <\/div>\n              <div class=\"mdh-booking__field\">\n                <label for=\"mdhCheckout\">Check-out<\/label>\n                <input type=\"date\" id=\"mdhCheckout\" name=\"checkout\" required=\"\">\n              <\/div>\n              <div class=\"mdh-booking__field mdh-booking__field--rooms\">\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              <div class=\"mdh-booking__field mdh-booking__field--guests\">\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              <input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n              <button type=\"submit\" class=\"mdh-btn mdh-btn--solid\">Book Now<\/button>\n            <\/form>\n      <\/div>\n    <\/section>\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\" data-widget_type=\"html.default\">\n    <style>\n\n      .mdh-rooms-list {\n        background: var(--mdh-bg-soft);\n        padding: 90px 0 110px;\n        font-family: var(--mdh-sans);\n      }\n      .mdh-rooms-list__grid {\n        max-width: var(--mdh-max);\n        margin: 0 auto;\n        padding: 0 24px;\n        display: flex; flex-direction: column;\n        gap: 80px;\n      }\n      .mdh-room-card {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 0;\n        background: #fff;\n        box-shadow: 0 8px 24px rgba(0,0,0,.05);\n        overflow: hidden;\n      }\n      @media (min-width: 900px) {\n        .mdh-room-card { grid-template-columns: 1.1fr 1fr; align-items: stretch; }\n        .mdh-room-card.is-reverse { grid-template-columns: 1fr 1.1fr; }\n        .mdh-room-card.is-reverse .mdh-room-card__media { order: 2; }\n        .mdh-room-card.is-reverse .mdh-room-card__body  { order: 1; }\n      }\n      .mdh-room-card__media {\n        position: relative;\n        min-height: 360px;\n        overflow: hidden;\n        background: #ece8e0;\n      }\n      @media (min-width: 900px) { .mdh-room-card__media { min-height: 480px; } }\n      .mdh-room-card__body {\n        padding: 40px 32px;\n        display: flex; flex-direction: column; justify-content: center;\n      }\n      @media (min-width: 900px) { .mdh-room-card__body { padding: 50px 56px; } }\n      .mdh-room-card__name {\n        font-family: var(--mdh-serif);\n        font-size: clamp(24px, 2.6vw, 30px);\n        color: var(--mdh-ink);\n        margin: 0 0 18px;\n        line-height: 1.25;\n      }\n      .mdh-room-card__name a { color: inherit; text-decoration: none; transition: color 0.3s; }\n      .mdh-room-card__name a:hover { color: var(--mdh-gold); }\n      .mdh-room-card__desc {\n        color: var(--mdh-muted);\n        font-size: 15px;\n        line-height: 1.85;\n        margin: 0 0 28px;\n      }\n      .mdh-room-card__features {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px 24px;\n        padding: 24px 0;\n        border-top: 1px solid var(--mdh-line);\n        border-bottom: 1px solid var(--mdh-line);\n        margin-bottom: 0;\n      }\n      @media (min-width: 600px) { .mdh-room-card__features { grid-template-columns: repeat(4, 1fr); } }\n      .mdh-room-card__feature h4 {\n        font-family: var(--mdh-sans);\n        font-size: 11px;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        color: var(--mdh-muted);\n        margin: 0 0 6px;\n        font-weight: 500;\n      }\n      .mdh-room-card__feature p {\n        font-family: var(--mdh-sans);\n        font-size: 14px;\n        color: var(--mdh-ink);\n        margin: 0;\n        font-weight: 500;\n        line-height: 1.4;\n      }\n\n<\/style>\n\n    <section class=\"mdh-rooms-list\"><div class=\"mdh-rooms-list__grid\">\n<article class=\"mdh-room-card\">\n<div class=\"mdh-room-card__media\">\n<div class=\"swiper mdh-room-swiper\" onmouseenter=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '1')\" onmouseleave=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '0')\" style=\"width: 100%; height: 100%; position: absolute; inset: 0;\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\"><img decoding=\"async\" alt=\"Superior Room\" src=\"https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2022\/03\/IMG_0492.jpg\" style=\"width:100%; height:100%; object-fit:cover;\"\/><\/div>\n<\/div>\n<div class=\"swiper-button-next\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-button-prev\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-pagination\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mdh-room-card__body\">\n<h3 class=\"mdh-room-card__name\"><a href=\"https:\/\/mhg.co.th\/midahotelngamwongwan\/accommodations\/superior-room\/\">Superior Room<\/a><\/h3>\n<p class=\"mdh-room-card__desc\">A comfortable retreat with a full set of modern amenities \u2014 ideal for short stays and solo travelers.<\/p>\n<div class=\"mdh-room-card__features\">\n<div class=\"mdh-room-card__feature\"><h4>View<\/h4><p>City View<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Size<\/h4><p>26 Sqm<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Bedding<\/h4><p>King or Twin<\/p><\/div>\n<\/div>\n<\/div>\n<\/article>\n<article class=\"mdh-room-card is-reverse\">\n<div class=\"mdh-room-card__media\">\n<div class=\"swiper mdh-room-swiper\" onmouseenter=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '1')\" onmouseleave=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '0')\" style=\"width: 100%; height: 100%; position: absolute; inset: 0;\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\"><img decoding=\"async\" alt=\"Deluxe Room\" src=\"https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2022\/03\/IMG_0514.jpg\" style=\"width:100%; height:100%; object-fit:cover;\"\/><\/div>\n<\/div>\n<div class=\"swiper-button-next\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-button-prev\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-pagination\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mdh-room-card__body\">\n<h3 class=\"mdh-room-card__name\"><a href=\"https:\/\/mhg.co.th\/midahotelngamwongwan\/accommodations\/deluxe-room\/\">Deluxe Room<\/a><\/h3>\n<p class=\"mdh-room-card__desc\">A relaxing room with cozy beds and a bright city view \u2014 extra comfort for a restful stay in Nonthaburi.<\/p>\n<div class=\"mdh-room-card__features\">\n<div class=\"mdh-room-card__feature\"><h4>View<\/h4><p>City View<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Size<\/h4><p>30 Sqm<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Bedding<\/h4><p>King or Twin<\/p><\/div>\n<\/div>\n<\/div>\n<\/article>\n<article class=\"mdh-room-card\">\n<div class=\"mdh-room-card__media\">\n<div class=\"swiper mdh-room-swiper\" onmouseenter=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '1')\" onmouseleave=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '0')\" style=\"width: 100%; height: 100%; position: absolute; inset: 0;\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\"><img decoding=\"async\" alt=\"Deluxe Twin\" src=\"https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2022\/03\/Deluxe-Twin_1.jpg\" style=\"width:100%; height:100%; object-fit:cover;\"\/><\/div>\n<\/div>\n<div class=\"swiper-button-next\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-button-prev\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-pagination\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mdh-room-card__body\">\n<h3 class=\"mdh-room-card__name\"><a href=\"https:\/\/mhg.co.th\/midahotelngamwongwan\/accommodations\/deluxe-room\/\">Deluxe Twin<\/a><\/h3>\n<p class=\"mdh-room-card__desc\">The same spacious deluxe comfort with two separate beds \u2014 perfect for friends and colleagues travelling together.<\/p>\n<div class=\"mdh-room-card__features\">\n<div class=\"mdh-room-card__feature\"><h4>View<\/h4><p>City View<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Size<\/h4><p>30 Sqm<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Bedding<\/h4><p>Twin Beds<\/p><\/div>\n<\/div>\n<\/div>\n<\/article>\n<article class=\"mdh-room-card is-reverse\">\n<div class=\"mdh-room-card__media\">\n<div class=\"swiper mdh-room-swiper\" onmouseenter=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '1')\" onmouseleave=\"this.querySelectorAll('.swiper-button-next, .swiper-button-prev').forEach(el => el.style.opacity = '0')\" style=\"width: 100%; height: 100%; position: absolute; inset: 0;\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\"><img decoding=\"async\" alt=\"Junior Suite\" src=\"https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2022\/03\/Junior-Suite_01.jpg\" style=\"width:100%; height:100%; object-fit:cover;\"\/><\/div>\n<\/div>\n<div class=\"swiper-button-next\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-button-prev\" style=\"color: #fff; transform: scale(0.6); opacity: 0; transition: opacity 0.3s;\"><\/div>\n<div class=\"swiper-pagination\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mdh-room-card__body\">\n<h3 class=\"mdh-room-card__name\"><a href=\"https:\/\/mhg.co.th\/midahotelngamwongwan\/accommodations\/junior-suite\/\">Junior Suite<\/a><\/h3>\n<p class=\"mdh-room-card__desc\">A spacious suite with a separate living area, offering added space, privacy, and comfort for longer stays.<\/p>\n<div class=\"mdh-room-card__features\">\n<div class=\"mdh-room-card__feature\"><h4>View<\/h4><p>City View<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Size<\/h4><p>48 Sqm<\/p><\/div>\n<div class=\"mdh-room-card__feature\"><h4>Bedding<\/h4><p>King<\/p><\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div><\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const initRoomSwipers = () => {\n      if (typeof Swiper !== 'undefined') {\n        document.querySelectorAll('.mdh-room-swiper').forEach(el => {\n          new Swiper(el, {\n            loop: true,\n            effect: 'fade',\n            fadeEffect: { crossFade: true },\n            pagination: { el: '.swiper-pagination', clickable: true },\n            navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }\n          });\n        });\n      } else {\n        setTimeout(initRoomSwipers, 100);\n      }\n    };\n    initRoomSwipers();\n  });\n<\/script>\n\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\" data-widget_type=\"html.default\">\n    <style>\n      .mdh-amen { background: var(--mdh-bg-soft); padding: 100px 24px; }\n      .mdh-amen__head { text-align: center; max-width: 720px; margin: 0 auto 60px; }\n      .mdh-amen__head p { font-size: 16px; margin: 0; }\n      .mdh-amen__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 44px 20px; max-width: 1040px; margin: 0 auto; }\n      @media (min-width: 600px) { .mdh-amen__grid { grid-template-columns: repeat(3, 1fr); } }\n      @media (min-width: 980px) { .mdh-amen__grid { grid-template-columns: repeat(6, 1fr); } }\n      .mdh-amen__item { text-align: center; }\n      .mdh-amen__ico { color: var(--mdh-gold); margin-bottom: 14px; display: flex; justify-content: center; }\n      .mdh-amen__ico svg { width: 30px; height: 30px; stroke: currentColor; fill: none; stroke-width: 1.1; }\n      .mdh-amen__item span { font-family: var(--mdh-sans); font-size: 12px; font-weight: 300; letter-spacing: .03em; color: var(--mdh-muted); display: block; line-height: 1.45; }\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\" stroke-linejoin=\"round\"><path d=\"M5 12.6a10 10 0 0 1 14 0M8 16a5 5 0 0 1 8 0\"\/><circle cx=\"12\" cy=\"19.2\" r=\"1\"\/><\/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\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"1\"\/><path d=\"M8 20h8M12 16v4\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M8 3h8l-1 6a3 3 0 0 1-6 0z\"\/><path d=\"M12 12v6M9 21h6\"\/><\/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\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"1.5\"\/><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M4 8h13v4a5 5 0 0 1-10 0zM17 9h2a2 2 0 0 1 0 4h-2M4 21h13\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M12 5a2 2 0 1 1 2 2c-1.3 0-2 .9-2 2M4 18l8-5 8 5-8 3z\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M12 3v2M6 13a6 6 0 0 1 12 0zM8 17v2M12 18v2M16 17v2\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\/><\/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\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"10\" rx=\"1\"\/><path d=\"M2 19h20\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M12 2v20M4 6l16 12M20 6L4 18\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M4 18h16M12 6a6 6 0 0 0-6 6v0h12a6 6 0 0 0-6-6zM12 4.2V6\"\/><\/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\" stroke-linejoin=\"round\"><path d=\"M12 3l1.7 5.3L19 10l-5.3 1.7L12 17l-1.7-5.3L5 10l5.3-1.7z\"\/><\/svg><\/span><span>Daily Housekeeping<\/span><\/div>\n      <\/div>\n    <\/section>\n            <\/div>\n            <\/div>\n\n                    <\/div>\n        <\/div>\n<\/div>\n\n<script>\n\n              (function () {\n                var steppers = document.querySelectorAll('.mdh-booking .mdh-stepper');\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                  if (!input || !valEl || !dec || !inc) return;\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                  [dec, inc].forEach(function (btn) {\n                    btn.addEventListener('click', function () {\n                      var v = parseInt(input.value, 10) + parseInt(btn.getAttribute('data-step'), 10);\n                      v = Math.max(min, Math.min(max, v));\n                      input.value = v;\n                      render();\n                    });\n                  });\n                  render();\n                });\n              })();\n            \n<\/script>\n\n<style>.mdh-rhero__content { position: static; } .mdh-rhero { min-height: 100vh; } .mdh-rhero .mdh-booking .mdh-stepper__val { display: inline-block !important; } @media(max-width:768px) { .mdh-rhero { min-height: clamp(750px, 85vh, 900px) !important; } }<\/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>Accommodations Rooms &amp; Suites 138 thoughtfully desi [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4868","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/pages\/4868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/comments?post=4868"}],"version-history":[{"count":7,"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/pages\/4868\/revisions"}],"predecessor-version":[{"id":4986,"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/pages\/4868\/revisions\/4986"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midahotelngamwongwan\/wp-json\/wp\/v2\/media?parent=4868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}