{"id":62,"date":"2022-04-07T08:26:02","date_gmt":"2022-04-07T08:26:02","guid":{"rendered":"https:\/\/mhg.co.th\/midagrandephuket\/?page_id=62"},"modified":"2026-09-01T00:09:39","modified_gmt":"2026-08-31T17:09:39","slug":"home","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midagrandephuket\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8bcb635 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8bcb635\" 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-f887424\" data-id=\"f887424\" 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-791370b elementor-widget elementor-widget-html\" data-id=\"791370b\" 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 GRANDE RESORT PHUKET \u2014 01 HERO  (full-screen image + booking widget)\n      Requires: 00-base.html on the page.\n      Booking: Travelanium propertyId 838 (see Booking_Form_Code.html)\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-home .elementor-2 > .e-con:first-child { display: block; padding: 0; }\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.midagrandephuket.com\/wp-content\/uploads\/2025\/10\/MGPK012-1.webp');\n        background-size: cover; background-position: center;\n        z-index: 0;\n      }\n      .aohh-hero::after {\n        content: ''; position: absolute; inset: 0;\n        background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.10) 40%, rgba(0,0,0,.60) 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: .88; margin: 0 0 22px;\n      }\n      .aohh-hero__title {\n        font-family: var(--aohh-serif);\n        font-size: clamp(30px, 5vw, 52px);\n        font-weight: 400;\n        color: #fff;\n        margin: 0 0 22px;\n        letter-spacing: .06em;\n        text-transform: uppercase;\n      }\n      .aohh-hero__sub {\n        font-size: 17px;\n        max-width: 640px;\n        margin: 0 auto 40px;\n        line-height: 1.7;\n        opacity: .92;\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            \/* ---- 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=\"838\" \/>\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          <\/section>\n\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 GRANDE RESORT PHUKET \u2014 02 INTRO  (about the resort)\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: 860px;\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 Grande Resort Phuket<\/h2>\n        <p>A luxurious retreat in one of Thailand&#8217;s most beloved island destinations, Mida Grande Resort Phuket combines elegant contemporary Sukhothai style with gracious hospitality. Set near the pristine sands of Surin and Bang Tao beaches, the hotel offers a peaceful atmosphere overlooking the Andaman Ocean. Guests enjoy exceptional facilities, including rooftop pools, fitness centers, and our signature &#8220;We Proudly Serve Starbucks&#8221; coffee service.<\/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 GRANDE RESORT PHUKET \u2014 03 ROOMS  (intro + rooms\/suites\/villas slider)\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, #911a1c); 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        .aohh-sanctuary__wrap { grid-template-columns: minmax(0, 1fr); }\n        .aohh-sanctuary__text, .aohh-sanctuary__media { min-width: 0; max-width: 100%; }\n        .aohh-sanctuary__slider { min-height: 0; }\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, Suites &amp; Villas<\/p>\n          <h2>Tropical-Inspired Rooms &amp; Villas<\/h2>\n          <p>Rooms, suites, and villas provide the ultimate getaway for couples, families, and business travelers. Our accommodations are fully furnished and equipped with a functional kitchen, perfect for both simple and grand holidays.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid aohh-sanctuary__btn\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/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            <\/div>\n\n            <div class=\"aohh-sanctuary__slide is-active\" data-slide=\"0\">\n              <img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/Deluxe-Ocean-ViewDOK004.jpg\" alt=\"Deluxe Ocean View room at Mida Grande Resort Phuket\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"1\">\n              <img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2024\/06\/Grande-2-Bedroom-with-Jacuzzi1.jpg\" alt=\"Grande 2-Bedroom Suite at Mida Grande Resort Phuket\">\n            <\/div>\n            <div class=\"aohh-sanctuary__slide\" data-slide=\"2\">\n              <img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2025\/05\/DSC03786-scaled.jpg\" alt=\"Grande Pool Villa at Mida Grande Resort Phuket\">\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\">Our Rooms<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"1\">Our Suites<\/button>\n            <button type=\"button\" class=\"aohh-sanctuary__tab\" data-slide=\"2\">Our Villas<\/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 GRANDE RESORT PHUKET \u2014 04 INNER BANNER  (parallax)\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.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/2-3.jpg');\n        background-size: cover; background-position: center;\n        background-attachment: fixed;\n        font-family: var(--aohh-sans);\n      }\n      @media (max-width: 1023px), (hover: none) {\n        .aohh-banner { background-attachment: scroll; }\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: 800px; }\n      .aohh-banner__content h2 { color: #fff; font-size: clamp(26px, 3vw, 36px); margin-bottom: 12px; text-transform: uppercase; letter-spacing: .06em; }\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: 600px; }\n    <\/style>\n\n    <section class=\"aohh-banner\">\n      <div class=\"aohh-banner__content\">\n        <p class=\"aohh-eyebrow\">Stay Grande, Experience More<\/p>\n        <h2>Wake Up to the Lush Beauty of the Coast<\/h2>\n        <p>Sea breezes, rooftop pools, and easygoing island days on Phuket&#8217;s peaceful west coast.<\/p>\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 GRANDE RESORT PHUKET \u2014 05 OFFERS  (2 cards on a soft background)\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\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\">Exclusive Offers<\/p>\n          <h2 class=\"aohh-title\">Offers<\/h2>\n          <p class=\"aohh-lead\">Elevate your experience with our seasonal promotions, and book direct for exclusive room rates.<\/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\/midagrandephuket\/exclusive-offers\/\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2026\/05\/MGPK_Hero-Shot@2x.jpg\" alt=\"Best available rate offer at Mida Grande Resort Phuket\"><\/a><\/div>\n            <div class=\"aohh-offer__body\">\n              <span class=\"aohh-offer__cat\">Room Offer<\/span>\n              <h3>Best Available Rate<\/h3>\n              <p>Book direct for the best rates on a Grande island stay, with complimentary Wi-Fi, best-rate guarantee, and free parking.<\/p>\n              <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/exclusive-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\/midagrandephuket\/exclusive-offers\/\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2026\/05\/Banner.jpg\" alt=\"Stay and Play package at Mida Grande Resort Phuket\"><\/a><\/div>\n            <div class=\"aohh-offer__body\">\n              <span class=\"aohh-offer__cat\">Room Offer<\/span>\n              <h3>Stay &amp; Play<\/h3>\n              <p>Pair a stylish room or villa with resort experiences for an easy, all-in island getaway on Phuket&#8217;s west coast.<\/p>\n              <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/exclusive-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\/midagrandephuket\/exclusive-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 GRANDE RESORT PHUKET \u2014 06 DINING  (parallax banner + 4 restaurant cards)\n      Restaurants: Gazebo \u00b7 M Cafe \u00b7 Soleil Pool Bar \u00b7 La Lune Rooftop Bar\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .aohh-dining-banner {\n        background-image: url('https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/La-Lune-Rooftop-Bar4-scaled.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\">Tropical Flavors by the Coast<\/h2>\n        <p class=\"aohh-lead\">Embark on a culinary journey from authentic Asian flavors to exquisite Western cuisine. Choose from our four restaurants and bars, and unwind with evening cocktails and sunset views at the Rooftop Bar.<\/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.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Gazebo2-scaled.jpg\" alt=\"Gazebo restaurant at Mida Grande Resort Phuket\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>Gazebo<\/h3>\n            <p>All-day dining and our signature &#8220;We Proudly Serve Starbucks&#8221; coffee service in a relaxed island setting.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/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.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/MCAFE012.jpg\" alt=\"M Cafe at Mida Grande Resort Phuket\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>M Cafe<\/h3>\n            <p>A cozy cafe serving light bites, pastries, and refreshing drinks throughout the day.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/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.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Soleil-Pool-Bar9.jpg\" alt=\"Soleil Pool Bar at Mida Grande Resort Phuket\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>Soleil Pool Bar<\/h3>\n            <p>Poolside refreshments, cocktails, and casual bites just steps from the water.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/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.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/La-Lune-Rooftop-Bar3.jpg\" alt=\"La Lune Rooftop Bar at Mida Grande Resort Phuket\"><\/div>\n          <div class=\"aohh-restaurant__body\">\n            <h3>La Lune Rooftop Bar<\/h3>\n            <p>Sunset cocktails and panoramic Andaman views from the resort&#8217;s rooftop bar.<\/p>\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/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\/midagrandephuket\/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 GRANDE RESORT PHUKET \u2014 07 WELLNESS & POOLS  (parallax bg + split)\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.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/2.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      @media (max-width: 1023px), (hover: none) {\n        .aohh-wellness__parallax { background-attachment: scroll; inset: 0; }\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.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/La-Lune-Rooftop-Pool1.jpg\" alt=\"Rooftop pool at Mida Grande Resort Phuket\">\n        <\/div>\n\n        <div class=\"aohh-wellness__card\">\n          <p class=\"aohh-eyebrow\">Wellness &amp; Pools<\/p>\n          <h2>Wellness<br>&amp; Pools<\/h2>\n          <p>Take it slow with a refreshing swim, relax by the pool, or enjoy a quiet moment in the sauna. Simple ways to recharge and enjoy the easygoing atmosphere at Mida Grande Resort Phuket.<\/p>\n          <a class=\"aohh-btn aohh-btn--solid\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/experience\/\" 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 GRANDE RESORT PHUKET \u2014 08 EXPERIENCES INTRO\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: 760px;\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\">Memorable Experiences<\/h2>\n        <p class=\"lead\">Make the most of your stay at Mida Grande Resort Phuket with simple moments to relax and recharge. Spend the day by the swimming pools, keep active at the fitness centre, unwind in the sauna, or let the kids enjoy fun-filled time in the kiddy play rooms.<\/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 GRANDE RESORT PHUKET \u2014 09 EXPERIENCES GRID\n      (4 cards: Swimming Pools \/ Fitness Centre \/ Saunas \/ Kiddy Play Rooms)\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(4, 1fr); gap: 60px 32px; } }\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(19px, 1.6vw, 22px);\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. Swimming Pools -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/3.jpg\" alt=\"Swimming pools at Mida Grande Resort Phuket\">\n          <p class=\"aohh-exp-card__meta\">Pools<\/p>\n          <h3 class=\"aohh-exp-card__name\">Swimming Pools<\/h3>\n          <p class=\"aohh-exp-card__desc\">Discover our vibrant pools, stylish rooftop bars, and sun-soaked lounging areas designed for an unforgettable holiday escape.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/experience\/\" rel=\"noopener\" title=\"Swimming Pools\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 2. Fitness Centre -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/1-6.jpg\" alt=\"Fitness centre at Mida Grande Resort Phuket\">\n          <p class=\"aohh-exp-card__meta\">Fitness<\/p>\n          <h3 class=\"aohh-exp-card__name\">Fitness Centre<\/h3>\n          <p class=\"aohh-exp-card__desc\">Stay active during your stay with a fully equipped fitness centre featuring modern cardio and strength-training equipment.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/fit-fun\/\" rel=\"noopener\" title=\"Fitness Centre\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 3. Saunas -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/5-1.jpg\" alt=\"Saunas at Mida Grande Resort Phuket\">\n          <p class=\"aohh-exp-card__meta\">Wellness<\/p>\n          <h3 class=\"aohh-exp-card__name\">Saunas<\/h3>\n          <p class=\"aohh-exp-card__desc\">Relax and recharge in the sauna facilities, thoughtfully designed with separate saunas for ladies and gentlemen &#8212; a simple way to unwind.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/fit-fun\/\" rel=\"noopener\" title=\"Saunas\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <!-- 4. Kiddy Play Rooms -->\n        <article class=\"aohh-exp-card\">\n          <img decoding=\"async\" class=\"aohh-exp-card__image\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Kiddy-Play1-scaled.jpg\" alt=\"Kiddy play rooms at Mida Grande Resort Phuket\">\n          <p class=\"aohh-exp-card__meta\">Family<\/p>\n          <h3 class=\"aohh-exp-card__name\">Kiddy Play Rooms<\/h3>\n          <p class=\"aohh-exp-card__desc\">Our resort is dedicated to making the holiday as spectacular for the kids as it is for adults, with two lively kiddy play rooms.<\/p>\n          <div class=\"aohh-exp-card__cta\">\n            <a href=\"https:\/\/mhg.co.th\/midagrandephuket\/experience\/\" rel=\"noopener\" title=\"Kiddy Play Rooms\">View More<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/section>\n\n    <!--\n      ===========================================================================\n      MIDA GRANDE RESORT PHUKET \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: 760px; 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\">@midagrandephuket_official<\/p>\n        <h2 class=\"aohh-title\">#midamoments<\/h2>\n        <p class=\"lead\">Share your favorite moments at Mida Grande Resort Phuket. Tag us <strong>@midagrandephuket_official<\/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\/midagrandephuket_official\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2025\/10\/MGPK012-1.webp\" alt=\"Mida Grande Resort Phuket moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/midagrandephuket_official\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/2-3.jpg\" alt=\"Mida Grande Resort Phuket moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/midagrandephuket_official\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Soleil-Pool-Bar9.jpg\" alt=\"Mida Grande Resort Phuket moment\"><\/a>\n          <a href=\"https:\/\/www.instagram.com\/midagrandephuket_official\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2025\/05\/DSC03786-scaled.jpg\" alt=\"Mida Grande Resort Phuket moment\"><\/a>\n        <\/div>\n        <a class=\"aohh-btn aohh-btn--gold\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/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 GRANDE RESORT PHUKET \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: Mida Grande Sukhothai gold (#911a1c).\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      :root {\n        \/* Mida Grande Resort Phuket \u2014 brand palette *\/\n        --aohh-primary:     #911a1c;\n        --aohh-secondary:   #5a5148;\n        --aohh-accent:      #911a1c;\n        --aohh-brand:       #911a1c;\n        --aohh-brand-dark:  #731416;\n        --aohh-gold:        #911a1c;   \/* accent \u2014 eyebrows \/ labels \/ underlines *\/\n        --aohh-ink:         inherit;   \/* headings & text inherit theme (Kanit) color *\/\n        --aohh-muted:       #6b6259;   \/* secondary \u2014 subtext *\/\n        --aohh-bg:          transparent;\n        --aohh-bg-ash:      #f6f4f0;\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      .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<\/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>Check-in Check-out Rooms &minus; 1 + Guests &minus; 2 + Book Now Welcome To Mida Grande Resort Phuket A luxurious retreat in one of Thailand&#8217;s most beloved island destinations, Mida Grande Resort Phuket combines elegant contemporary Sukhothai style with gracious hospitality. Set near the pristine sands of Surin and Bang Tao beaches, the hotel offers [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5710,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":129,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":6659,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/62\/revisions\/6659"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media\/5710"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}