{"id":246,"date":"2017-06-30T20:02:50","date_gmt":"2017-06-30T13:02:50","guid":{"rendered":"https:\/\/mhg.co.th\/midadeseahuahin\/?page_id=246\/"},"modified":"2026-09-04T07:02:35","modified_gmt":"2026-09-04T00:02:35","slug":"mida-de-sea-hua-hin","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midadeseahuahin\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"246\" class=\"elementor elementor-246\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cf854cf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cf854cf\" data-element_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-066fffd\" data-id=\"066fffd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7832919 elementor-widget elementor-widget-html\" data-id=\"7832919\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"aohh-home\">\n        <div class=\"page-content\">\n                    <div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"revision\">\n                    <div class=\"elementor-element elementor-element-4f65aa9 e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"4f65aa9\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-9ea107c elementor-widget elementor-widget-html\" data-id=\"9ea107c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 01 HERO  (full-screen image + booking widget overlay)\n      Requires: 00-base.html on the page.\n      Booking: Travelanium propertyId 464 (see Booking_Link.txt)\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');\n      .aohh-hero {\n        position: relative;\n        min-height: 100vh;\n        color: #fff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-family: var(--aohh-sans);\n      }\n      .aohh-hero::before {\n        content: '';\n        position: absolute; inset: 0;\n        background-image: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2026\/03\/Mida-De-Sea-Hua-Hin-official-website-hotel.webp');\n        background-size: cover; background-position: center;\n        z-index: 0;\n      }\n      \/* Autoplay \/ muted background video (full-bleed cover) *\/\n      .aohh-hero__video {\n        position: absolute; inset: 0;\n        z-index: 0; overflow: hidden;\n        pointer-events: none;   \/* keep the booking form clickable *\/\n      }\n      .aohh-hero__video iframe {\n        position: absolute; top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100vw; height: 56.25vw;      \/* 16:9 \u2192 width-driven *\/\n        min-height: 100vh; min-width: 177.78vh;  \/* \u2026or height-driven, whichever covers *\/\n        border: 0;\n      }\n      .aohh-hero::after {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.05) 40%, rgba(0,0,0,.55) 100%);\n        z-index: 1;\n      }\n      .aohh-hero__content {\n        position: relative; z-index: 2;\n        text-align: center;\n        padding: 120px 24px 60px;\n        max-width: 900px;\n      }\n      .aohh-hero__eyebrow {\n        font-size: 12px; letter-spacing: .35em; text-transform: uppercase;\n        color: #fff; opacity: .85; margin: 0 0 22px;\n      }\n      .aohh-hero__title {\n        font-family: var(--aohh-serif);\n        font-size: clamp(30px, 5vw, 50px);\n        font-weight: 400;\n        color: #fff;\n        margin: 0 0 22px;\n        letter-spacing: .04em;\n      }\n      .aohh-hero__sub {\n        font-size: 17px;\n        max-width: 620px;\n        margin: 0 auto 40px;\n        line-height: 1.7;\n        opacity: .9;\n      }\n\n      \/* Booking widget *\/\n      .aohh-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            .aohh-booking label {\n              display: block;\n              font-size: 10px;\n              letter-spacing: .22em;\n              text-transform: uppercase;\n              color: var(--aohh-muted);\n              margin-bottom: 6px;\n              font-weight: 400;\n            }\n\n            .aohh-booking input {\n              width: 100%;\n              border: none;\n              background: transparent;\n              font-family: var(--aohh-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            \/* keep the date field's inner text readable on ALL browsers incl. iOS Safari (not sinking into the white form) *\/\n            .aohh-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            \/* iOS Safari paints the date text\/placeholder in ::-webkit-date-and-time-value (NOT the datetime-edit-* pseudos) *\/\n            .aohh-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            \/* Chrome \/ desktop pseudo-elements *\/\n            .aohh-booking input::-webkit-datetime-edit,\n            .aohh-booking input::-webkit-datetime-edit-fields-wrapper,\n            .aohh-booking input::-webkit-datetime-edit-text,\n            .aohh-booking input::-webkit-datetime-edit-month-field,\n            .aohh-booking input::-webkit-datetime-edit-day-field,\n            .aohh-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            .aohh-booking__field {\n              border-right: 1px solid var(--aohh-line);\n              padding-right: 18px;\n            }\n\n            .aohh-booking__field:last-of-type {\n              border-right: none;\n            }\n\n            \/* Guests +\/- stepper (replaces the dropdown) *\/\n            .aohh-stepper {\n              display: flex;\n              align-items: center;\n              gap: 14px;\n            }\n\n            .aohh-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(--aohh-primary) !important;\n              background: transparent !important;\n              color: var(--aohh-primary) !important;\n              -webkit-text-fill-color: var(--aohh-primary) !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            .aohh-stepper__btn:hover {\n              background: var(--aohh-primary) !important;\n              color: #fff !important;\n              -webkit-text-fill-color: #fff !important;\n              opacity: 1;\n            }\n\n            .aohh-stepper__btn:disabled {\n              opacity: .3;\n              cursor: not-allowed;\n            }\n\n            .aohh-stepper__val {\n              min-width: 22px;\n              text-align: center;\n              font-size: 15px;\n              font-weight: 600;\n              color: #030303;\n            }\n\n            \/* Book Now button \u2014 brighter & lifted (no longer \"sunken\") *\/\n            .aohh-booking .aohh-btn {\n              white-space: nowrap;\n              padding: 15px 30px;\n            }\n\n            .aohh-booking .aohh-btn--solid {\n              background: linear-gradient(180deg, #2a8fd0 0%, #1d77b5 100%) !important;\n              border: none !important;\n              color: #fff !important;\n              -webkit-text-fill-color: #fff !important;\n              font-weight: 600;\n              letter-spacing: .16em;\n              border-radius: 4px;\n              box-shadow: 0 8px 18px rgba(29, 119, 181, .35);\n              transition: background .25s ease, box-shadow .25s ease, transform .12s ease;\n            }\n\n            .aohh-booking .aohh-btn--solid:hover {\n              background: linear-gradient(180deg, #1d77b5 0%, #155e91 100%) !important;\n              box-shadow: 0 10px 24px rgba(29, 119, 181, .45);\n              transform: translateY(-1px);\n              opacity: 1;\n            }\n\n            \/* ---- Responsive ---- *\/\n            \/* Mobile: shorten the hero so it isn't a full 100vh of empty image *\/\n            @media (max-width: 768px) {\n              .aohh-hero {\n                min-height: clamp(560px, 72vh, 760px);\n              }\n            }\n\n            @media (max-width: 900px) {\n              .aohh-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              .aohh-booking__field {\n                border-right: none;\n                padding-right: 0;\n              }\n\n              .aohh-booking .aohh-btn {\n                grid-column: 1 \/ -1;\n                width: 100%;\n              }\n            }\n\n            @media (max-width: 520px) {\n              .aohh-booking {\n                grid-template-columns: 1fr;\n                bottom: 20px;\n                padding: 16px 18px;\n                gap: 14px;\n              }\n            }\n    <\/style>\n\n    <section class=\"aohh-hero\">\n      <form action=\"https:\/\/reservation.travelanium.net\/propertyibe2\/\" target=\"_blank\" class=\"aohh-booking\">\n              <input type=\"hidden\" name=\"onlineId\" value=\"4\" \/>\n              <input type=\"hidden\" name=\"propertyId\" value=\"464\" \/>\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\n              <div class=\"aohh-booking__field\">\n                <label for=\"aohhCheckin\">Check-in<\/label>\n                <input type=\"date\" id=\"aohhCheckin\" name=\"checkin\" required=\"\">\n              <\/div>\n\n              <div class=\"aohh-booking__field\">\n                <label for=\"aohhCheckout\">Check-out<\/label>\n                <input type=\"date\" id=\"aohhCheckout\" name=\"checkout\" required=\"\">\n              <\/div>\n\n              <div class=\"aohh-booking__field aohh-booking__field--rooms\">\n                <label for=\"aohhRooms\">Rooms<\/label>\n                <div class=\"aohh-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"aohhRooms\">\n                  <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease rooms\">&minus;<\/button>\n                  <span class=\"aohh-stepper__val\" id=\"aohhRoomsVal\">1<\/span>\n                  <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase rooms\">+<\/button>\n                  <input type=\"hidden\" id=\"aohhRooms\" name=\"numofroom\" value=\"1\">\n                <\/div>\n              <\/div>\n\n              <div class=\"aohh-booking__field aohh-booking__field--guests\">\n                <label for=\"aohhGuests\">Guests<\/label>\n                <div class=\"aohh-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"aohhGuests\">\n                  <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease guests\">&minus;<\/button>\n                  <span class=\"aohh-stepper__val\" id=\"aohhGuestsVal\">2<\/span>\n                  <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase guests\">+<\/button>\n                  <input type=\"hidden\" id=\"aohhGuests\" name=\"numofadult\" value=\"2\">\n                <\/div>\n              <\/div>\n\n              <input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n              <button type=\"submit\" class=\"aohh-btn aohh-btn--solid\">Book Now<\/button>\n            <\/form>\n          <script>\n            (function () {\n              var steppers = document.querySelectorAll('.aohh-booking .aohh-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('.aohh-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    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-5d39392 e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"5d39392\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-8c286d6 elementor-widget elementor-widget-html\" data-id=\"8c286d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 02 INTRO  (about the resort)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-intro {\n        padding: 110px 24px 70px;\n        text-align: center;\n        background: var(--aohh-bg);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-intro__inner { max-width: var(--aohh-max); margin: 0 auto; }\n      .aohh-intro p {\n        margin: 0 auto 1em;\n        max-width: 820px;\n        color: var(--aohh-muted);\n        font-size: 17px;\n      }\n    <\/style>\n\n    <section class=\"aohh-intro\">\n      <div class=\"aohh-intro__inner\">\n        <p class=\"aohh-eyebrow\">Welcome To<\/p>\n        <h2 class=\"aohh-title\">MIDA DE SEA HUA HIN<\/h2>\n        <p>Discover Mida De Sea Hua Hin, a modern beachfront hotel designed for comfort and relaxation. Our spacious rooms feature private balconies and generous living spaces, creating the perfect setting for a peaceful seaside stay. Just a short walk from the beach, guests can enjoy easy access to the shoreline through our sister property, Ace of Hua Hin Resort.<\/p>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-3cbfd9a e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"3cbfd9a\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-c04cb47 elementor-widget elementor-widget-html\" data-id=\"c04cb47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 03 SANCTUARY  (intro + rooms slider, combined)\n      Requires: 00-base.html on the page.\n      Layout:   2-column  \u2192  LEFT = intro text,  RIGHT = slider + tabs below\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-sanctuary {\n        padding: 90px 0 110px;\n        background: var(--aohh-bg);\n        font-family: var(--aohh-sans);\n      }\n\n      .aohh-sanctuary__wrap {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 40px;\n        max-width: 1500px;\n        margin: 0 auto;\n        align-items: center;\n      }\n      @media (min-width: 1024px) {\n        .aohh-sanctuary__wrap { grid-template-columns: 1fr 1.45fr; gap: 60px; }\n      }\n\n      \/* LEFT: text *\/\n      .aohh-sanctuary__text {\n        padding: 60px 32px 0;\n        display: flex; flex-direction: column; justify-content: center;\n        text-align: center;\n      }\n      @media (min-width: 1024px) {\n        .aohh-sanctuary__text {\n          text-align: left;\n          padding: 80px 32px 80px 80px;\n          align-items: flex-start;\n        }\n      }\n      .aohh-sanctuary__text .aohh-eyebrow { margin-bottom: 14px; }\n      .aohh-sanctuary__text h2 {\n        font-size: clamp(24px, 3vw, 32px);\n        line-height: 1.25; margin-bottom: 24px;\n        max-width: 460px;\n      }\n      .aohh-sanctuary__text p {\n        color: var(--aohh-muted);\n        font-size: 16px; line-height: 1.85;\n        max-width: 460px; margin: 0 0 16px;\n      }\n      .aohh-sanctuary__text .aohh-sanctuary__btn { margin-top: 20px; align-self: center; color: #fff; }\n      @media (min-width: 1024px) {\n        .aohh-sanctuary__text .aohh-sanctuary__btn { align-self: flex-start; }\n      }\n\n      \/* RIGHT: media (slider + tabs) *\/\n      .aohh-sanctuary__media {\n        display: flex; flex-direction: column;\n        padding: 0 32px;\n      }\n      @media (min-width: 1024px) {\n        .aohh-sanctuary__media { padding: 0 60px 0 0; }\n      }\n\n      \/* Slider *\/\n      .aohh-sanctuary__slider {\n        position: relative; overflow: hidden;\n        background: #ddd;\n        aspect-ratio: 16 \/ 11; min-height: 360px;\n      }\n      .aohh-sanctuary__slide {\n        position: absolute; inset: 0;\n        opacity: 0; transition: opacity .6s ease;\n        pointer-events: none;\n      }\n      .aohh-sanctuary__slide.is-active { opacity: 1; pointer-events: auto; }\n      .aohh-sanctuary__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }\n      .aohh-sanctuary__slide::after {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.35) 100%);\n      }\n      .aohh-sanctuary__nav {\n        position: absolute; top: 50%; right: 20px;\n        transform: translateY(-50%); z-index: 3;\n        width: 44px; height: 44px; border-radius: 50%;\n        background: #fff; border: none;\n        box-shadow: 0 6px 18px rgba(0,0,0,.18);\n        cursor: pointer; display: flex; align-items: center; justify-content: center;\n        color: var(--aohh-secondary);\n        transition: background .25s ease, color .25s ease;\n        padding: 0;\n      }\n      .aohh-sanctuary__nav:hover { background: var(--aohh-brand, #0c6980); color: #fff; }\n      .aohh-sanctuary__nav.is-prev { right: auto; left: 20px; }\n      .aohh-sanctuary__nav svg {\n        width: 18px; height: 18px; display: block;\n        fill: none; stroke: currentColor; stroke-width: 2;\n        stroke-linecap: round; stroke-linejoin: round;\n      }\n      .aohh-sanctuary__nav svg * { fill: none; stroke: currentColor; }\n\n      .aohh-sanctuary__dots {\n        position: absolute; left: 50%; top: 24px;\n        transform: translateX(-50%); z-index: 3;\n        display: flex; gap: 8px;\n      }\n      .aohh-sanctuary__dots span {\n        width: 8px; height: 8px; border-radius: 50%;\n        background: rgba(255,255,255,.55); cursor: pointer;\n        transition: background .25s ease, transform .25s ease;\n      }\n      .aohh-sanctuary__dots span.is-active { background: #fff; transform: scale(1.3); }\n\n      \/* Tabs (centered below slider) *\/\n      .aohh-sanctuary__tabs {\n        display: flex; gap: 48px; margin-top: 36px;\n        flex-wrap: wrap; justify-content: center;\n      }\n      .aohh-sanctuary__tab {\n        background: none; border: none; padding: 12px 0;\n        font-family: var(--aohh-sans); font-size: 12px; letter-spacing: .22em;\n        text-transform: uppercase; color: var(--aohh-muted); cursor: pointer;\n        position: relative; transition: color .25s ease;\n      }\n      .aohh-sanctuary__tab:hover,\n      .aohh-sanctuary__tab:focus,\n      .aohh-sanctuary__tab:active { background: none; outline: none; color: var(--aohh-muted); }\n      .aohh-sanctuary__tab::after {\n        content: ''; position: absolute; left: 0; right: 0; bottom: 0;\n        height: 2px; background: var(--aohh-brand);\n        transform: scaleX(0); transform-origin: left;\n        transition: transform .35s ease;\n      }\n      .aohh-sanctuary__tab.is-active { color: var(--aohh-ink); }\n      .aohh-sanctuary__tab.is-active::after { transform: scaleX(1); }\n\n      @media (max-width: 1023px) {\n        .aohh-sanctuary__nav.is-next { right: 10px; }\n        .aohh-sanctuary__nav.is-prev { left: 10px; }\n        .aohh-sanctuary__tabs { gap: 24px; }\n      }\n    <\/style>\n\n    <section class=\"aohh-sanctuary\" id=\"aohh-sanctuary\">\n      <div class=\"aohh-sanctuary__wrap\">\n\n        <!-- LEFT: intro text -->\n        <div class=\"aohh-sanctuary__text\">\n          <p class=\"aohh-eyebrow\">Rooms &amp; Villas<\/p>\n          <h2>COMFORTABLE ROOMS &amp; VILLAS<\/h2>\n          <p>Stay in modern rooms and suites at Mida De Sea Hua Hin, a welcoming hotel in Hua Hin near the beach. Perfect for couples, families, and holidaymakers looking for comfort, convenience, and easy access to the city&#8217;s attractions.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid aohh-sanctuary__btn\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\" rel=\"noopener\">All Rooms &amp; Villas<\/a>\n        <\/div>\n\n        <!-- RIGHT: slider + tabs -->\n        <div class=\"aohh-sanctuary__media\">\n\n          <div class=\"aohh-sanctuary__slider\">\n            <div class=\"aohh-sanctuary__dots\"><span aria-label=\"Slide 1\" class=\"is-active\" data-slide=\"0\"><\/span><span aria-label=\"Slide 2\" class=\"\" data-slide=\"1\"><\/span><span aria-label=\"Slide 3\" class=\"\" data-slide=\"2\"><\/span><span aria-label=\"Slide 4\" class=\"\" data-slide=\"3\"><\/span><span aria-label=\"Slide 5\" class=\"\" data-slide=\"4\"><\/span><span aria-label=\"Slide 6\" class=\"\" data-slide=\"5\"><\/span><span aria-label=\"Slide 7\" class=\"\" data-slide=\"6\"><\/span><span aria-label=\"Slide 8\" class=\"\" data-slide=\"7\"><\/span><span aria-label=\"Slide 9\" class=\"\" data-slide=\"8\"><\/span><span aria-label=\"Slide 10\" class=\"\" data-slide=\"9\"><\/span><span aria-label=\"Slide 11\" class=\"\" data-slide=\"10\"><\/span><span aria-label=\"Slide 12\" class=\"\" data-slide=\"11\"><\/span><\/div>\n\n            <div class=\"aohh-sanctuary__slide is-active\" data-slide=\"0\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6520\" aria-label=\"View Deluxe\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/desea_deluxe-1.jpg\" alt=\"Deluxe\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"1\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6523\" aria-label=\"View Deluxe Pool Access\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_01.jpg\" alt=\"Deluxe Pool Access\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"2\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6525\" aria-label=\"View Pool Villa\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_01.jpg\" alt=\"Pool Villa\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"3\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6527\" aria-label=\"View Deluxe 2-Bedroom Family\"><img src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_02-1.jpg\" alt=\"Deluxe 2-Bedroom Family\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"4\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6529\" aria-label=\"View Duplex\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Room_01.jpg\" alt=\"Duplex\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"5\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6671\" aria-label=\"View Duplex Pool Access\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Duplex-Pool-Access_02.jpg\" alt=\"Duplex Pool Access\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"6\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6686\" aria-label=\"View Duplex 2-Bedroom\"><img src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/2-Bedroom-Duplex-Pool-Access_03-1.jpg\" alt=\"Duplex 2-Bedroom\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"7\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6695\" aria-label=\"View Duplex 2-Bedroom Pool Access\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_01.jpg\" alt=\"Duplex 2-Bedroom Pool Access\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"8\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6674\" aria-label=\"View Duplex 3-Bedroom Family\"><img src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_01-1.jpg\" alt=\"Duplex 3-Bedroom Family\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"9\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6680\" aria-label=\"View 2-Bedroom Corner Suite\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_01-1.jpg\" alt=\"2-Bedroom Corner Suite\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"10\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6683\" aria-label=\"View 2-Bedroom Corner Suite, Pool Access\"><img src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_01-2.jpg\" alt=\"2-Bedroom Corner Suite, Pool Access\" decoding=\"async\"><\/a><\/div><div class=\"aohh-sanctuary__slide\" data-slide=\"11\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/#room-6677\" aria-label=\"View Royal Suite 3 Bedrooms\"><img src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Royal-Suite_01.jpg\" alt=\"Royal Suite 3 Bedrooms\" decoding=\"async\"><\/a><\/div>\n            \n            \n            \n\n            <button type=\"button\" class=\"aohh-sanctuary__nav is-prev\" aria-label=\"Previous slide\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__nav is-next\" aria-label=\"Next slide\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n              <\/svg>\n            <\/button>\n          <\/div>\n\n          <div class=\"aohh-sanctuary__tabs\"><button class=\"aohh-sanctuary__tab is-active\" data-slide=\"0\" type=\"button\">Deluxe<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"1\" type=\"button\">Deluxe Pool Access<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"2\" type=\"button\">Pool Villa<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"3\" type=\"button\">Deluxe 2-Bedroom Family<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"4\" type=\"button\">Duplex<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"5\" type=\"button\">Duplex Pool Access<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"6\" type=\"button\">Duplex 2-Bedroom<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"7\" type=\"button\">Duplex 2-Bedroom Pool Access<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"8\" type=\"button\">Duplex 3-Bedroom Family<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"9\" type=\"button\">2-Bedroom Corner Suite<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"10\" type=\"button\">2-Bedroom Corner Suite, Pool Access<\/button><button class=\"aohh-sanctuary__tab\" data-slide=\"11\" type=\"button\">Royal Suite 3 Bedrooms<\/button><\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <script>\n    (function () {\n      var root   = document.getElementById('aohh-sanctuary');\n      if (!root) return;\n      var slides = root.querySelectorAll('.aohh-sanctuary__slide');\n      var tabs   = root.querySelectorAll('.aohh-sanctuary__tab');\n      var dots   = root.querySelectorAll('.aohh-sanctuary__dots span');\n      var prev   = root.querySelector('.aohh-sanctuary__nav.is-prev');\n      var next   = root.querySelector('.aohh-sanctuary__nav.is-next');\n      var current = 0, total = slides.length, timer = null;\n\n      function go(idx) {\n        idx = (idx + total) % total;\n        slides.forEach(function (s, i) { s.classList.toggle('is-active', i === idx); });\n        tabs.forEach(function   (t, i) { t.classList.toggle('is-active', i === idx); });\n        dots.forEach(function   (d, i) { d.classList.toggle('is-active', i === idx); });\n        current = idx;\n      }\n      function restart() {\n        if (timer) clearInterval(timer);\n        timer = setInterval(function () { go(current + 1); }, 6000);\n      }\n      tabs.forEach(function (t) { t.addEventListener('click', function () { go(+t.dataset.slide); restart(); }); });\n      dots.forEach(function (d) { d.addEventListener('click', function () { go(+d.dataset.slide); restart(); }); });\n      if (prev) prev.addEventListener('click', function () { go(current - 1); restart(); });\n      if (next) next.addEventListener('click', function () { go(current + 1); restart(); });\n      restart();\n    })();\n    <\/script>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-6fd62e5 e-con-full e-flex e-con e-parent\" data-id=\"6fd62e5\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-a8347a8 elementor-widget elementor-widget-html\" data-id=\"a8347a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 04 INNER BANNER  (parallax)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-banner {\n        position: relative;\n        min-height: 70vh;\n        color: #fff;\n        display: flex; align-items: center; justify-content: center;\n        text-align: center;\n        background-image: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/5.jpeg');\n        background-size: cover; background-position: center;\n        background-attachment: fixed;\n        font-family: var(--aohh-sans);\n      }\n      .aohh-banner::before {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.55) 100%);\n      }\n      .aohh-banner__content { position: relative; z-index: 1; padding: 80px 24px; max-width: 760px; }\n      .aohh-banner__content h2 { color: #fff; font-size: clamp(26px, 3vw, 34px); margin-bottom: 12px; }\n      .aohh-banner__content .aohh-eyebrow { color: rgba(255,255,255,.85); }\n      .aohh-banner__content p { color: rgba(255,255,255,.9); margin: 0 auto; max-width: 580px; }\n    <\/style>\n\n    <section class=\"aohh-banner\">\n      <div class=\"aohh-banner__content\">\n        <p class=\"aohh-eyebrow\">Where Good Times Begin<\/p>\n        <h2>EVERY STAY, MOMENTS TO SHARE. MEMORIES TO KEEP.<\/h2>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-26a9814 e-con-full e-flex e-con e-parent\" data-id=\"26a9814\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-6b9febc elementor-widget elementor-widget-html\" data-id=\"6b9febc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 05 OFFERS  (2 cards on a soft background)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-offers {\n        background: var(--aohh-bg-ash);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-offers__inner { background: rgba(255,255,255,.92); padding: 90px 0; }\n      .aohh-offers__header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n\n      .aohh-offers__grid {\n        display: grid; grid-template-columns: 1fr; gap: 28px;\n        padding: 0 24px; max-width: 1040px; margin: 0 auto;\n      }\n      @media (min-width: 768px) { .aohh-offers__grid { grid-template-columns: repeat(2, 1fr); } }\n\n      .aohh-offer { text-align: left; }\n      .aohh-offer__img { aspect-ratio: 4 \/ 3; overflow: hidden; background: var(--aohh-bg-ash); }\n      .aohh-offer__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }\n      .aohh-offer:hover .aohh-offer__img img { transform: scale(1.05); }\n      .aohh-offer__body { padding: 22px 4px 8px; }\n      .aohh-offer__cat {\n        display: inline-block; font-size: 11px; letter-spacing: .15em;\n        text-transform: uppercase; color: var(--aohh-gold); margin-bottom: 8px;\n      }\n      .aohh-offer__body h3 { font-size: 22px; margin-bottom: 10px; }\n      .aohh-offer__body p { color: var(--aohh-muted); font-size: 15px; margin: 0 0 14px; }\n      .aohh-offer__price {\n        font-family: var(--aohh-sans);\n        font-size: 13px; letter-spacing: .12em; color: var(--aohh-ink);\n        margin-bottom: 14px; font-weight: 400;\n      }\n\n      .aohh-offers__cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n    <\/style>\n\n    <section class=\"aohh-offers\" id=\"offers\">\n      <div class=\"aohh-offers__inner\">\n        <div class=\"aohh-offers__header\">\n          <p class=\"aohh-eyebrow\">Special Deals<\/p>\n          <h2 class=\"aohh-title\">OFFERS<\/h2>\n          <p class=\"aohh-lead\">The best hotel deals for your memorable stay in Hua Hin.<\/p>\n        <\/div>\n\n        <div class=\"aohh-offers__grid\">\n          <article class=\"aohh-offer\">\n            <div class=\"aohh-offer__img\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/offers\/\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2026\/01\/mdhh-fullboard-halfboard2_optimized.jpg\" alt=\"Full Board \/ Half Board\"><\/a><\/div>\n            <div class=\"aohh-offer__body\">\n              <span class=\"aohh-offer__cat\">Room Offer<\/span>\n              <h3>Full Board \/ Half Board<\/h3>\n              <p>Book direct for the best deals. Enjoy a restful beachfront stay in Hua Hin with thoughtfully prepared meals included each day.<\/p>\n              <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/offers\/\" rel=\"noopener\" class=\"aohh-btn aohh-btn--link\">Read More &#8594;<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"aohh-offer\">\n            <div class=\"aohh-offer__img\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/offers\/\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2026\/01\/MDHH-half-board.jpg\" alt=\"Serene Three-Meal Dining\"><\/a><\/div>\n            <div class=\"aohh-offer__body\">\n              <span class=\"aohh-offer__cat\">Room Offer<\/span>\n              <h3>Serene Three-Meal Dining<\/h3>\n              <p>Pair a stylish beachfront room with dining by the sea for an easy, all-in getaway in Hua Hin.<\/p>\n              <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/offers\/\" rel=\"noopener\" class=\"aohh-btn aohh-btn--link\">Read More &#8594;<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <div class=\"aohh-offers__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/offers\/\" class=\"aohh-btn aohh-btn--gold\">All Offers<\/a><\/div>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-a846753 e-con-full e-flex e-con e-parent\" data-id=\"a846753\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-967f937 elementor-widget elementor-widget-html\" data-id=\"967f937\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 06 DINING  (parallax banner + 2 restaurant cards)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-dining-banner {\n        background-image: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg');\n        background-size: cover; background-position: center;\n        min-height: 40vh;\n        margin-bottom: -100px;\n        position: relative;\n      }\n      .aohh-dining-banner::after {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.4) 100%);\n      }\n\n      .aohh-dining {\n        padding: 140px 0 90px;\n        background: var(--aohh-bg-ash);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-dining__header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n\n      .aohh-dining__grid {\n        display: grid; grid-template-columns: 1fr; gap: 28px;\n        padding: 0 24px; max-width: 1040px; margin: 0 auto;\n      }\n      @media (min-width: 768px)  { .aohh-dining__grid { grid-template-columns: repeat(2, 1fr); } }\n\n      .aohh-restaurant { text-align: left; }\n      .aohh-restaurant__img { aspect-ratio: 4 \/ 3; overflow: hidden; background: var(--aohh-bg-ash); }\n      .aohh-restaurant__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }\n      .aohh-restaurant:hover .aohh-restaurant__img img { transform: scale(1.05); }\n      .aohh-restaurant__body { padding: 22px 4px 8px; }\n      .aohh-restaurant__body h3 { font-size: 22px; margin-bottom: 10px; }\n      .aohh-restaurant__body p { color: var(--aohh-muted); font-size: 15px; margin: 0 0 14px; }\n\n      .aohh-dining__cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n    <\/style>\n\n    <div class=\"aohh-dining-banner\"><\/div>\n\n    <section class=\"aohh-dining\" id=\"dining\">\n      <div class=\"aohh-dining__header\">\n        <p class=\"aohh-eyebrow\">Dining<\/p>\n        <h2 class=\"aohh-title\">FLAVORS BY THE SEA<\/h2>\n        <p class=\"aohh-lead\">Discover dining at Mida De Sea Hua Hin, where Thai and international cuisine, fresh ingredients, and a relaxed atmosphere come together just moments from the beach.<\/p>\n      <\/div>\n\n      <div class=\"aohh-dining__grid\">\n        <article class=\"aohh-restaurant\">\n          <div class=\"aohh-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg\" alt=\"M Cafe at Mida De Sea Hua Hin\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>M Cafe<\/h3>\n            <p>All-day dining featuring Thai and international favorites, served fresh in a relaxed setting moments from the beach.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/dining-2\/\" class=\"aohh-btn aohh-btn--link\">View More &#8594;<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"aohh-restaurant\">\n          <div class=\"aohh-restaurant__img\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Delizioso_01.jpg\" alt=\"Delizioso at Mida De Sea Hua Hin\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>Delizioso<\/h3>\n            <p>Enjoy authentic flavors and a warm, welcoming atmosphere at Delizioso, perfect for a relaxed meal by the sea.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/dining-2\/\" class=\"aohh-btn aohh-btn--link\">View More &#8594;<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"aohh-dining__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/dining-2\/\" class=\"aohh-btn aohh-btn--gold\">All Restaurants<\/a><\/div>\n    <\/section>\n                    <\/div>\n                    <div class=\"elementor-element elementor-element-7fc2be2 elementor-widget elementor-widget-html\" data-id=\"7fc2be2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 07 WELLNESS  (parallax bg + split: photo left \/ white card right)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-wellness {\n        position: relative;\n        min-height: 700px;\n        display: flex;\n        align-items: flex-end;\n        font-family: var(--aohh-sans);\n        overflow: hidden;\n      }\n\n      .aohh-wellness__parallax {\n        position: absolute;\n        inset: -20% 0;\n        background: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/sauna_and_steam_room.jpg') center\/cover no-repeat;\n        background-attachment: fixed;\n        z-index: 0;\n      }\n      @supports (-webkit-overflow-scrolling: touch) {\n        .aohh-wellness__parallax { background-attachment: scroll; }\n      }\n\n      .aohh-wellness__inner {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: 1fr;\n        width: 70%;\n        margin: 0;\n        padding: 0;\n        gap: 0;\n        align-items: stretch;\n      }\n      @media (min-width: 900px) {\n        .aohh-wellness__inner {\n          grid-template-columns: 1fr 1.2fr;\n          width: 65%;\n        }\n      }\n\n      .aohh-wellness__photo {\n        min-height: 460px;\n        overflow: hidden;\n      }\n      .aohh-wellness__photo img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n      }\n\n      .aohh-wellness__card {\n        background: #fff;\n        padding: 60px 48px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n      }\n      @media (min-width: 900px) {\n        .aohh-wellness__card { padding: 80px 60px; }\n      }\n\n      .aohh-wellness__card h2 {\n        font-size: clamp(24px, 3vw, 32px);\n        text-transform: uppercase;\n        letter-spacing: .08em;\n        margin: 0 0 28px;\n      }\n\n      .aohh-wellness__card p {\n        color: var(--aohh-muted);\n        margin: 0 0 8px;\n        max-width: 420px;\n        font-size: 16px;\n        line-height: 1.8;\n      }\n    <\/style>\n\n    <section class=\"aohh-wellness\">\n      <div class=\"aohh-wellness__parallax\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"aohh-wellness__inner\">\n        <div class=\"aohh-wellness__photo\">\n          <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/sauna_and_steam_room.jpg\" alt=\"Wellness and massage near Mida De Sea Hua Hin\">\n        <\/div>\n\n        <div class=\"aohh-wellness__card\">\n          <p class=\"aohh-eyebrow\">Wellness &amp; Massage<\/p>\n          <h2>WELLNESS<br>&amp; MASSAGE<\/h2>\n          <p>Unwind at CHATR Wellness Destination, an authentic Thai wellness spa at our sister property Ace of Hua Hin Resort \u2014 just a short walk or golf-cart ride away. A peaceful space to nurture body, mind, and spirit.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/wellness\/\" rel=\"noopener\" style=\"margin-top:24px;\">View More<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <div class=\"elementor-element elementor-element-17a455a elementor-widget elementor-widget-html\" data-id=\"17a455a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 08 EXPERIENCES INTRO  (supporting paragraph below headline)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-exp-intro {\n        padding: 90px 24px 50px;\n        text-align: center;\n        background: var(--aohh-bg);\n        font-family: var(--aohh-sans);\n      }\n      .aohh-exp-intro__inner { max-width: 820px; margin: 0 auto; }\n      .aohh-exp-intro p.lead {\n        color: var(--aohh-muted);\n        font-size: 17px; line-height: 1.85;\n        margin: 0 auto;\n        max-width: 740px;\n      }\n    <\/style>\n\n    <section class=\"aohh-exp-intro\">\n      <div class=\"aohh-exp-intro__inner\">\n        <p class=\"aohh-eyebrow\">Experiences<\/p>\n        <h2 class=\"aohh-title\">SEA-INSPIRED EXPERIENCES<\/h2>\n        <p class=\"lead\">Experience the best of Hua Hin at Mida De Sea Hua Hin. With comfortable accommodations and a convenient location near the beach, every stay is made for relaxation and memorable moments.<\/p>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <div class=\"elementor-element elementor-element-b96cb5e elementor-widget elementor-widget-html\" data-id=\"b96cb5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 09 EXPERIENCES GRID  (4 cards: Fire Show \/ Pools \/ Sauna & Steam \/ Fitness)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-exp-list {\n        background: var(--aohh-bg);\n        padding: 30px 0 110px;\n        font-family: var(--aohh-sans);\n      }\n\n      .aohh-exp-list__grid {\n        max-width: var(--aohh-max);\n        margin: 0 auto;\n        padding: 0 24px;\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 60px 32px;\n      }\n      @media (min-width: 768px)  { .aohh-exp-list__grid { grid-template-columns: repeat(2, 1fr); } }\n      @media (min-width: 1100px) { .aohh-exp-list__grid { grid-template-columns: repeat(3, 1fr); gap: 70px 40px; } }\n\n      \/* Card *\/\n      .aohh-exp-card {\n        text-align: center;\n        display: flex; flex-direction: column;\n      }\n\n      .aohh-exp-card__image {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        object-fit: cover;\n        display: block;\n        margin-bottom: 28px;\n      }\n\n      .aohh-exp-card__meta {\n        font-size: 11px;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n        color: var(--aohh-gold);\n        margin: 0 0 10px;\n        font-weight: 400;\n      }\n\n      .aohh-exp-card__name {\n        font-family: var(--aohh-serif);\n        font-size: clamp(20px, 1.8vw, 24px);\n        color: var(--aohh-ink);\n        margin: 0 0 8px;\n        line-height: 1.3;\n        text-transform: uppercase;\n        letter-spacing: .06em;\n        font-weight: 400;\n      }\n\n      .aohh-exp-card__desc {\n        color: var(--aohh-muted);\n        font-size: 15px;\n        line-height: 1.75;\n        margin: 0 0 22px;\n        max-width: 340px;\n        margin-left: auto; margin-right: auto;\n      }\n\n      .aohh-exp-card__cta {\n        margin-top: auto;\n      }\n      .aohh-exp-card__cta a {\n        font-family: var(--aohh-sans);\n        font-size: 12px;\n        letter-spacing: .28em;\n        text-transform: uppercase;\n        color: var(--aohh-gold);\n        border-bottom: 1px solid var(--aohh-gold);\n        padding: 4px 0;\n        font-weight: 400;\n        transition: color .25s ease, border-color .25s ease;\n        display: inline-block;\n      }\n      .aohh-exp-card__cta a:hover { color: var(--aohh-brand-dark); border-color: var(--aohh-brand-dark); }\n    <\/style>\n\n    <section class=\"aohh-exp-list\">\n      <div class=\"aohh-exp-list__grid\">\n\n        <!-- 1. Fire Show -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Exterior_03.jpg\" alt=\"Fire Show at Ace Beach Club\">\n          <p class=\"aohh-exp-card__meta\">Beachfront<\/p>\n          <h3 class=\"aohh-exp-card__name\">Fire Show<\/h3>\n          <p class=\"aohh-exp-card__desc\">Ace Beach Club is a special beachfront evening experience featuring live music, cocktails, dining, and fire shows by the sea.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/facilities-2\/\" rel=\"noopener\" title=\"Fire Show\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 2. Pools -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2026\/09\/11.jpg\" alt=\"Outdoor saltwater swimming pools at Mida De Sea Hua Hin\">\n          <p class=\"aohh-exp-card__meta\">Pool<\/p>\n          <h3 class=\"aohh-exp-card__name\">Pools<\/h3>\n          <p class=\"aohh-exp-card__desc\">Enjoy two outdoor saltwater swimming pools, perfect for a refreshing swim or a relaxing afternoon under the sun.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/facilities-2\/\" rel=\"noopener\" title=\"Pools\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 3. Sauna & Steam -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/sauna_and_steam_room.jpg\" alt=\"Sauna and steam room at Mida De Sea Hua Hin\">\n          <p class=\"aohh-exp-card__meta\">Wellness<\/p>\n          <h3 class=\"aohh-exp-card__name\">Sauna &amp; Steam<\/h3>\n          <p class=\"aohh-exp-card__desc\">Take a moment to relax in our sauna and steam room after a day of activities or sightseeing.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/facilities-2\/\" rel=\"noopener\" title=\"Sauna &amp; Steam\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 4. Fitness Center -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2026\/09\/2.1.jpg\" alt=\"Fitness center at Mida De Sea Hua Hin\">\n          <p class=\"aohh-exp-card__meta\">Fitness<\/p>\n          <h3 class=\"aohh-exp-card__name\">Fitness Center<\/h3>\n          <p class=\"aohh-exp-card__desc\">Our fitness center offers everything you need for a quick workout, including cardio equipment and free weights.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/facilities-2\/\" rel=\"noopener\" title=\"Fitness Center\">View More<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/section>\n\n    <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 MEETINGS & EVENTS  (split banner)\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-meet { background: var(--aohh-bg-ash); font-family: var(--aohh-sans); }\n      .aohh-meet__wrap {\n        max-width: var(--aohh-max); margin: 0 auto;\n        display: grid; grid-template-columns: 1fr; align-items: stretch;\n      }\n      @media (min-width: 900px) { .aohh-meet__wrap { grid-template-columns: 1.1fr 1fr; } }\n      .aohh-meet__photo { min-height: 320px; overflow: hidden; }\n      .aohh-meet__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n      .aohh-meet__text {\n        padding: 64px 32px; display: flex; flex-direction: column;\n        justify-content: center; text-align: center;\n      }\n      @media (min-width: 900px) { .aohh-meet__text { padding: 80px 64px; text-align: left; align-items: flex-start; } }\n      .aohh-meet__text h2 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 18px; }\n      .aohh-meet__text p { color: var(--aohh-muted); font-size: 16px; line-height: 1.85; max-width: 480px; margin: 0 0 26px; }\n    <\/style>\n\n    <section class=\"aohh-meet\">\n      <div class=\"aohh-meet__wrap\">\n        <div class=\"aohh-meet__photo\">\n          <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Meeting-Room_03.jpg\" alt=\"Meetings and events at Mida De Sea Hua Hin\">\n        <\/div>\n        <div class=\"aohh-meet__text\">\n          <p class=\"aohh-eyebrow\">Meetings &amp; Events<\/p>\n          <h2>MEETINGS &amp; EVENTS<\/h2>\n          <p>Host your next meeting or event at Mida De Sea Hua Hin. With flexible event spaces, modern facilities, and a dedicated team to assist every step of the way, it&#8217;s an ideal setting for business meetings, corporate events, and wedding celebrations.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/meetings\/\" rel=\"noopener\">View More<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 INSTAGRAM \/ #midamoments\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-ig { background: var(--aohh-bg); padding: 90px 24px; text-align: center; font-family: var(--aohh-sans); }\n      .aohh-ig__inner { max-width: var(--aohh-max); margin: 0 auto; }\n      .aohh-ig p.lead { color: var(--aohh-muted); font-size: 17px; max-width: 720px; margin: 0 auto 40px; }\n      .aohh-ig__grid {\n        display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 44px;\n      }\n      @media (min-width: 768px) { .aohh-ig__grid { grid-template-columns: repeat(4, 1fr); } }\n      .aohh-ig__grid a { display: block; aspect-ratio: 1\/1; overflow: hidden; background: var(--aohh-bg-ash); }\n      .aohh-ig__grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }\n      .aohh-ig__grid a:hover img { transform: scale(1.06); }\n    <\/style>\n\n    <section class=\"aohh-ig\">\n      <div class=\"aohh-ig__inner\">\n        <p class=\"aohh-eyebrow\">@midadeseahuahin<\/p>\n        <h2 class=\"aohh-title\">#midamoments<\/h2>\n        <p class=\"lead\">Share your favorite moments at Mida De Sea Hua Hin. Tag us <strong>@midadeseahuahin<\/strong> and use <strong>#midamoments<\/strong> to let us be part of your memories.<\/p>\n        <div class=\"aohh-ig__grid\">\n          <a href=\"https:\/\/www.instagram.com\/midadeseahuahin\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2026\/03\/Mida-De-Sea-Hua-Hin-official-website-hotel.webp\" alt=\"Mida De Sea Hua Hin moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/midadeseahuahin\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2026\/09\/3.1.jpg\" alt=\"Mida De Sea Hua Hin moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/midadeseahuahin\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg\" alt=\"Mida De Sea Hua Hin moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/midadeseahuahin\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_01.jpg\" alt=\"Mida De Sea Hua Hin moment\"><\/a>\n        <\/div>\n        <a class=\"aohh-btn aohh-btn--gold\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/gallery-2\/\" rel=\"noopener\">Explore Gallery<\/a>\n      <\/div>\n    <\/section>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-c7b7d86 e-con-full e-flex e-con e-parent\" data-id=\"c7b7d86\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-09b0137 elementor-widget elementor-widget-html\" data-id=\"09b0137\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n                        <!--\n      ===========================================================================\n      MIDA DE SEA HUA HIN HOME \u2014 00 BASE \/ SHARED STYLES\n      Drop this once on the page (or in Elementor \u2192 Site Settings \u2192 Custom CSS\n      without the <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; } tags). Defines brand colors, fonts, reset, and\n      shared .aohh-btn-* button classes used by every section.\n      Brand palette: deep sea teal (#0c6980) \u2014 from the Mida De Sea Hua Hin content brief.\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      :root {\n        \/* Mida De Sea Hua Hin \u2014 brand palette *\/\n        --aohh-primary:     #0c6980;\n        --aohh-secondary:   #565a5a;\n        --aohh-accent:      #0c6980;\n        --aohh-brand:       #0c6980;\n        --aohh-brand-dark:  #094e5e;\n        --aohh-gold:        #0c6980;   \/* accent \u2014 eyebrows \/ labels \/ underlines *\/\n        --aohh-ink:         inherit;   \/* headings & text inherit theme (Kanit) color *\/\n        --aohh-muted:       #565a5a;   \/* secondary \u2014 subtext *\/\n        --aohh-bg:          transparent;\n        --aohh-bg-ash:      #f6f6f6;\n        --aohh-line:        rgba(3,3,3,.12);\n        --aohh-max:         1600px;\n        --aohh-serif:       inherit;   \/* inherit theme font (Kanit) \u2014 no hardcoded family *\/\n        --aohh-sans: 'Noto Sans Thai', sans-serif;\n      }\n\n      \/* Scope reset to .aohh-* containers so we don't break Elementor's own CSS *\/\n      [class^=\"aohh-\"], [class*=\" aohh-\"] { box-sizing: border-box; }\n      [class^=\"aohh-\"] img, [class*=\" aohh-\"] img { max-width: 100%; display: block; }\n      [class^=\"aohh-\"] a, [class*=\" aohh-\"] a { color: inherit; text-decoration: none; }\n      [class^=\"aohh-\"] h1, [class^=\"aohh-\"] h2, [class^=\"aohh-\"] h3,\n      [class*=\" aohh-\"] h1, [class*=\" aohh-\"] h2, [class*=\" aohh-\"] h3 {\n        font-family: var(--aohh-serif); font-weight: 300; line-height: 1.2;\n        margin: 0 0 .5em; letter-spacing: .01em;\n      }\n      [class^=\"aohh-\"] p, [class*=\" aohh-\"] p { line-height: 1.7; }\n\n      \/* Shared eyebrow \/ lead \/ title *\/\n      .aohh-eyebrow {\n        font-family: var(--aohh-sans); font-size: 12px; letter-spacing: .22em;\n        text-transform: uppercase; color: var(--aohh-gold); margin: 0 0 14px; font-weight: 400;\n      }\n      .aohh-title { font-family: var(--aohh-serif); font-size: clamp(26px, 3vw, 32px); margin: 0 0 16px; line-height: 1.2; }\n      .aohh-lead  { max-width: 760px; margin: 0 auto 24px; font-size: 17px; color: var(--aohh-muted); font-family: var(--aohh-sans); }\n      .aohh-center { text-align: center; }\n\n      \/* Shared buttons \u2014 sharp corners, 1px currentColor, soft opacity hover *\/\n      .aohh-btn {\n        display: inline-block;\n        padding: 14px 34px;\n        font-family: var(--aohh-sans);\n        font-size: 13px;\n        font-weight: 400;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        border: 1px solid currentColor;\n        background: transparent;\n        color: inherit;\n        cursor: pointer;\n        transition: opacity .35s ease;\n        text-decoration: none;\n      }\n      .aohh-btn:hover { opacity: .7; }\n      .aohh-btn--gold { color: var(--aohh-accent); border-color: var(--aohh-accent); }\n      .aohh-btn--gold:hover { opacity: .7; }\n      .aohh-btn--solid { background: var(--aohh-primary); color: #fff; -webkit-text-fill-color: #fff; border-color: var(--aohh-primary); }\n      .aohh-btn--solid:hover { opacity: .85; }\n      .aohh-btn--link {\n        border: none;\n        padding: 6px 0;\n        border-bottom: 1px solid currentColor;\n        color: inherit; opacity: .75;\n        letter-spacing: .22em;\n        font-family: var(--aohh-sans); font-size: 12px; text-transform: uppercase; font-weight: 400;\n      }\n      .aohh-btn--link:hover { opacity: .45; background: none; }\n\n      \/* ===== FULL WIDTH =====\n         Make every section stretch edge-to-edge across the viewport, even when this\n         block is pasted into a boxed Elementor HTML widget \/ column.\n         (Cleanest alternative: set the Elementor Section\/Container to Full Width with 0 padding.) *\/\n      .aohh-hero, .aohh-intro, .aohh-sanctuary, .aohh-banner, .aohh-offers,\n      .aohh-dining-banner, .aohh-dining, .aohh-wellness, .aohh-exp-intro,\n      .aohh-exp-list, .aohh-meet, .aohh-ig {\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n      }\n      \/* Let inner content use the full width too *\/\n      .aohh-sanctuary__wrap { max-width: var(--aohh-max); }\n      \/* Guard against a horizontal scrollbar caused by 100vw *\/\n      html, body { overflow-x: hidden; }\n\n      \/* ===== Fix: stop the theme's default <button> styles (blue boxes) from\n         bleeding into the rooms slider tabs and nav arrows ===== *\/\n      .aohh-sanctuary__tab {\n        background: transparent !important;\n        border: none !important;\n        box-shadow: none !important;\n        border-radius: 0 !important;\n        color: var(--aohh-muted) !important;   \/* tab label follows theme text color *\/\n      }\n      .aohh-sanctuary__tab.is-active { color: var(--aohh-ink) !important; }   \/* active tab follows theme primary *\/\n      .aohh-sanctuary__nav {\n        background: #fff !important;\n        border: none !important;\n        box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;\n        color: var(--aohh-ink) !important;   \/* arrow follows theme primary color *\/\n      }\n      .aohh-sanctuary__nav svg { stroke: currentColor !important; }\n      .aohh-sanctuary__nav:hover { background: var(--aohh-brand) !important; color: #fff !important; }\n      \/* Re-assert full-bleed cover images (don't let the theme\/reset shrink them) *\/\n      .aohh-sanctuary__slide img,\n      .aohh-wellness__photo img,\n      .aohh-meet__photo img { height: 100% !important; }\n    <\/style>\n                    <\/div>\n                    <\/div>\n                    <\/div>\n\n\n                <\/div>\n<\/div>\n<style>.aohh-sanctuary__slide>a{display:block;width:100%;height:100%}.mrkc-room-card{scroll-margin-top:11rem}<\/style><style>.mrkc-room-card{scroll-margin-top:11rem}.aohh-sanctuary__slider{touch-action:pan-y}<\/style><script>(function(){var r=document.getElementById(\"aohh-sanctuary\");if(!r)return;var s=r.querySelector(\".aohh-sanctuary__slider\"),tabs=r.querySelector(\".aohh-sanctuary__tabs\"),x=null;s.addEventListener(\"touchstart\",function(e){x=e.changedTouches[0].clientX},{passive:true});s.addEventListener(\"touchend\",function(e){if(x===null)return;var d=e.changedTouches[0].clientX-x;x=null;if(Math.abs(d)>45){var b=r.querySelector(d<0?\".is-next\":\".is-prev\");if(b)b.click()}},{passive:true});new MutationObserver(function(){var a=tabs.querySelector(\".is-active\");if(a)tabs.scrollTo({left:a.offsetLeft-tabs.offsetLeft-(tabs.clientWidth-a.offsetWidth)\/2,behavior:\"smooth\"})}).observe(tabs,{subtree:true,attributes:true,attributeFilter:[\"class\"]})})();<\/script>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Experience comfort, convenience, and breathtaking views with excellent facilities at Mida De Sea Hua Hin, one of the ideal hotels for a relaxing seaside getaway in Hua Hin.<\/p>\n","protected":false},"author":1,"featured_media":8773,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-246","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/comments?post=246"}],"version-history":[{"count":263,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/246\/revisions"}],"predecessor-version":[{"id":9201,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/246\/revisions\/9201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media\/8773"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media?parent=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}