{"id":2,"date":"2026-03-25T03:58:42","date_gmt":"2026-03-25T03:58:42","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/midadeseahuahin\/?page_id=2"},"modified":"2026-07-07T08:13:47","modified_gmt":"2026-07-07T08:13:47","slug":"home","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=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c41bda1 e-con-full e-flex e-con e-parent\" data-id=\"c41bda1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f91ad0 elementor-widget elementor-widget-html\" data-id=\"3f91ad0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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      .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; 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: 1fr 1fr 1fr auto;\n        gap: 18px;\n        align-items: center;\n        border-radius: 4px;\n        max-width: min(900px, calc(100% - 40px));\n        width: 900px;\n        box-shadow: 0 16px 40px rgba(0,0,0,.18);\n      }\n      .aohh-booking label {\n        display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase;\n        color: var(--aohh-muted); margin-bottom: 4px; font-weight: 400;\n      }\n      .aohh-booking input, .aohh-booking select {\n        width: 100%; border: none; background: transparent;\n        font-family: var(--aohh-sans); font-size: 14px;\n        color: #030303 !important; -webkit-text-fill-color: #030303 !important;\n        padding: 0; outline: none;\n      }\n      \/* keep the date field's inner text + select options readable (not sinking into the white form) *\/\n      .aohh-booking input[type=\"date\"] { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\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 { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\n      .aohh-booking select option { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\n      .aohh-booking__field { border-right: 1px solid var(--aohh-line); padding-right: 18px; }\n      .aohh-booking__field:last-of-type { border-right: none; }\n      .aohh-booking .aohh-btn { white-space: nowrap; padding: 14px 26px; }\n\n      @media (max-width: 720px) {\n        .aohh-booking { grid-template-columns: 1fr 1fr; bottom: 24px; }\n        .aohh-booking__field { border-right: none; padding-right: 0; }\n        .aohh-booking .aohh-btn { grid-column: 1 \/ -1; }\n      }\n    <\/style>\n\n    <section class=\"aohh-hero\">\n      <form class=\"aohh-booking\" onsubmit=\"event.preventDefault(); window.open('https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=464&amp;onlineId=4&amp;accesscode=member&amp;currency=THB','_blank');\">\n        <div class=\"aohh-booking__field\">\n          <label for=\"aohhCheckin\">Check-in<\/label>\n          <input type=\"date\" id=\"aohhCheckin\" required=\"\">\n        <\/div>\n        <div class=\"aohh-booking__field\">\n          <label for=\"aohhCheckout\">Check-out<\/label>\n          <input type=\"date\" id=\"aohhCheckout\" required=\"\">\n        <\/div>\n        <div class=\"aohh-booking__field\">\n          <label for=\"aohhGuests\">Guests<\/label>\n          <select id=\"aohhGuests\">\n            <option>2 Adults<\/option>\n            <option>1 Adult<\/option>\n            <option>2 Adults, 1 Child<\/option>\n            <option>2 Adults, 2 Children<\/option>\n            <option>3 Adults<\/option>\n            <option>4 Adults<\/option>\n          <\/select>\n        <\/div>\n        <button type=\"submit\" class=\"aohh-btn aohh-btn--solid\">Book Now<\/button>\n      <\/form>\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      .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      .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, #005a63); 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\">\n              <span class=\"is-active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/span>\n              <span data-slide=\"1\" aria-label=\"Slide 2\"><\/span>\n              <span data-slide=\"2\" aria-label=\"Slide 3\"><\/span>\n              <span data-slide=\"3\" aria-label=\"Slide 4\"><\/span>\n            <\/div>\n\n            <div class=\"aohh-sanctuary__slide is-active\" data-slide=\"0\">\n              <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/desea_deluxe-1.jpg\" alt=\"Deluxe Room at Mida De Sea Hua Hin\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"1\">\n              <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Room_01.jpg\" alt=\"Duplex Room at Mida De Sea Hua Hin\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"2\">\n              <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_01.jpg\" alt=\"One Bedroom Pool Villa at Mida De Sea Hua Hin\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"3\">\n              <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_01-1.jpg\" alt=\"Two Bedroom Corner Suite at Mida De Sea Hua Hin\">\n            <\/div>\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\">\n            <button type=\"button\" class=\"aohh-sanctuary__tab is-active\" data-slide=\"0\">Deluxe<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"1\">Duplex<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"2\">One Bedroom Pool Villa<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"3\">Two Bedroom Corner Suite<\/button>\n          <\/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      .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      .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      .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\/\" 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\/\" 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\/\" 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      .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      .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      .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\/\" 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:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Exterior_05.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\/\" 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\/\" 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:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/ANW3139-1024x683-1.jpeg\" 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\/\" 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      .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      .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:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Exterior_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\/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\/\" 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> tags). Defines brand colors, fonts, reset, and\n      shared .aohh-btn-* button classes used by every section.\n      Brand palette: deep sea teal (#005a63) \u2014 from the Mida De Sea Hua Hin content brief.\n      ===========================================================================\n    -->\n    <style>\n      :root {\n        \/* Mida De Sea Hua Hin \u2014 brand palette *\/\n        --aohh-primary:     #005a63;\n        --aohh-secondary:   #565a5a;\n        --aohh-accent:      #005a63;\n        --aohh-brand:       #005a63;\n        --aohh-brand-dark:  #00434a;\n        --aohh-gold:        #005a63;   \/* 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:        inherit;\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; 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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Check-in Check-out Guests 2 Adults1 Adult2 Adults, 1 Child2 Adults, 2 Children3 Adults4 Adults Book Now Welcome To MIDA DE SEA HUA HIN 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 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/2","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":19,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/2\/revisions\/117"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}