{"id":146,"date":"2022-04-07T13:36:05","date_gmt":"2022-04-07T13:36:05","guid":{"rendered":"https:\/\/mhg.co.th\/midagrandephuket\/?page_id=146"},"modified":"2026-09-01T00:24:16","modified_gmt":"2026-08-31T17:24:16","slug":"exclusive-offers","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midagrandephuket\/exclusive-offers\/","title":{"rendered":"EXCLUSIVE OFFERS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"146\" class=\"elementor elementor-146\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54cd63f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"54cd63f\" 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-e1f5ad4\" data-id=\"e1f5ad4\" 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-ea7dca6 elementor-widget elementor-widget-html\" data-id=\"ea7dca6\" 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=\"page-content\">\n        <div class=\"elementor\">\n\n<!--\n  ===========================================================================\n  AOHH OFFERS \u2014 01 HERO  (inner-page banner + booking date picker overlay)\n  Requires: 00-base.html on the page.\n  Image:    full-bleed beachfront banner\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-offers-hero {\n    position: relative;\n    min-height: 700px; max-height: 700px; height: 700px;\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-offers-hero::before {\n    content: '';\n    position: absolute; inset: 0;\n    background-image: url('https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2026\/05\/MGPK_Hero-Shot@2x.jpg');\n    background-size: cover; background-position: center;\n    z-index: 0;\n  }\n  .aohh-offers-hero::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,.55) 100%);\n    z-index: 1;\n  }\n  .aohh-offers-hero__content {\n    position: relative; z-index: 2;\n    text-align: center;\n    padding: 140px 24px 160px;\n    max-width: 1000px;\n  }\n  .aohh-offers-hero__eyebrow {\n    font-size: 12px; letter-spacing: .35em; text-transform: uppercase;\n    color: #fff; opacity: .9; margin: 0 0 22px;\n  }\n  .aohh-offers-hero__title {\n    font-family: var(--aohh-serif);\n    font-size: clamp(34px, 5vw, 54px);\n    font-weight: 400;\n    color: #fff;\n    margin: 0 0 22px;\n    line-height: 1.15;\n    text-transform: uppercase;\n    letter-spacing: .03em;\n  }\n  .aohh-offers-hero__sub {\n    font-size: 17px;\n    max-width: 680px;\n    margin: 0 auto;\n    line-height: 1.7;\n    opacity: .92;\n  }\n\n  \/* Booking widget *\/\n  .aohh-booking {\n    position: absolute;\n    bottom: 60px; left: 50%; transform: translateX(-50%);\n    z-index: 3; background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px);\n    padding: 18px 24px; display: grid; grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto;\n    gap: 18px; align-items: center; border-radius: 6px;\n    max-width: min(980px, calc(100% - 32px)); width: 100%;\n    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);\n  }\n  .aohh-booking label { display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--aohh-muted, #757575); margin-bottom: 6px; font-weight: 400; }\n  .aohh-booking input { width: 100%; border: none; background: transparent; font-family: var(--aohh-sans, 'Noto Sans Thai', sans-serif); font-size: 14px; color: #030303 !important; -webkit-text-fill-color: #030303 !important; padding: 0; outline: none; }\n  .aohh-booking input[type=\"date\"] { color: #030303 !important; -webkit-text-fill-color: #030303 !important; min-height: 20px !important; line-height: 1.4 !important; opacity: 1 !important; }\n  .aohh-booking input::-webkit-date-and-time-value { color: #030303 !important; -webkit-text-fill-color: #030303 !important; text-align: left !important; opacity: 1 !important; }\n  .aohh-booking input::-webkit-datetime-edit, .aohh-booking input::-webkit-datetime-edit-fields-wrapper, .aohh-booking input::-webkit-datetime-edit-text, .aohh-booking input::-webkit-datetime-edit-month-field, .aohh-booking input::-webkit-datetime-edit-day-field, .aohh-booking input::-webkit-datetime-edit-year-field { color: #030303 !important; -webkit-text-fill-color: #030303 !important; opacity: 1 !important; }\n  .aohh-booking__field { border-right: 1px solid var(--aohh-line, #ddd); padding-right: 18px; }\n  .aohh-booking__field:last-of-type { border-right: none; }\n  .aohh-stepper { display: flex; align-items: center; gap: 14px; }\n  .aohh-stepper__btn { width: 32px; height: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; border: 1px solid var(--aohh-primary) !important; background: transparent !important; color: var(--aohh-primary) !important; -webkit-text-fill-color: var(--aohh-primary) !important; border-radius: 50% !important; box-shadow: none !important; font-size: 18px; line-height: 1; font-weight: 500; cursor: pointer; transition: background .2s ease, color .2s ease, opacity .2s ease; }\n  .aohh-stepper__btn:hover { background: var(--aohh-primary) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1; }\n  .aohh-stepper__btn:disabled { opacity: .3; cursor: not-allowed; }\n  .aohh-stepper__val { min-width: 22px; text-align: center; font-size: 15px; font-weight: 600; color: #030303; }\n  .aohh-booking .aohh-btn { white-space: nowrap; padding: 15px 30px; }\n  @media (max-width: 900px) { .aohh-booking { grid-template-columns: 1fr 1fr; width: 100%; max-width: calc(100% - 28px); gap: 16px 18px; bottom: 32px; } .aohh-booking__field { border-right: none; padding-right: 0; } .aohh-booking .aohh-btn { grid-column: 1 \/ -1; width: 100%; } }\n  @media (max-width: 520px) { .aohh-booking { grid-template-columns: 1fr; bottom: 20px; padding: 16px 18px; gap: 14px; } }\n<\/style>\n\n<section class=\"aohh-offers-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<div class=\"aohh-booking__field\">\n<label for=\"aohhCheckinOffers\">Check-in<\/label>\n<input type=\"date\" id=\"aohhCheckinOffers\" name=\"checkin\" required=\"\">\n<\/div>\n<div class=\"aohh-booking__field\">\n<label for=\"aohhCheckoutOffers\">Check-out<\/label>\n<input type=\"date\" id=\"aohhCheckoutOffers\" name=\"checkout\" required=\"\">\n<\/div>\n<div class=\"aohh-booking__field aohh-booking__field--rooms\">\n<label for=\"aohhRoomsOffers\">Rooms<\/label>\n<div class=\"aohh-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"aohhRoomsOffers\">\n<button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease rooms\">&minus;<\/button>\n<span class=\"aohh-stepper__val\">1<\/span>\n<button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase rooms\">+<\/button>\n<input type=\"hidden\" id=\"aohhRoomsOffers\" name=\"numofroom\" value=\"1\">\n<\/div>\n<\/div>\n<div class=\"aohh-booking__field aohh-booking__field--guests\">\n<label for=\"aohhGuestsOffers\">Guests<\/label>\n<div class=\"aohh-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"aohhGuestsOffers\">\n<button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease guests\">&minus;<\/button>\n<span class=\"aohh-stepper__val\">2<\/span>\n<button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase guests\">+<\/button>\n<input type=\"hidden\" id=\"aohhGuestsOffers\" name=\"numofadult\" value=\"2\">\n<\/div>\n<\/div>\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<!--\n  ===========================================================================\n  AOHH OFFERS \u2014 02 FILTER + GRID\n  Layout: filter tabs \u2192 3-column card grid (stacked vertically, no carousel)\n  Categories: All | Room Offers | Dining Offers\n  ===========================================================================\n-->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n  .aohh-offers {\n    padding: 80px 24px 100px;\n    background: var(--aohh-bg);\n    font-family: var(--aohh-sans);\n  }\n  .aohh-offers__inner {\n    max-width: var(--aohh-max, 1280px);\n    margin: 0 auto;\n  }\n\n  .aohh-offers__head {\n    text-align: center;\n    margin-bottom: 48px;\n  }\n  .aohh-offers__head .aohh-eyebrow { margin-bottom: 12px; }\n  .aohh-offers__head h2 {\n    font-family: var(--aohh-serif);\n    font-size: clamp(26px, 3vw, 32px);\n    font-weight: 400;\n    color: var(--aohh-ink);\n    margin: 0 0 16px;\n    text-transform: uppercase;\n    letter-spacing: .04em;\n  }\n\n  \/* Filter tabs *\/\n  .aohh-offers__filters {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-bottom: 56px;\n  }\n  .aohh-offers__filter-btn {\n    background: none;\n    border: 1px solid currentColor;\n    padding: 10px 24px;\n    font-family: var(--aohh-sans);\n    font-size: 12px;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: inherit; opacity: .4;\n    cursor: pointer;\n    border-radius: 0;\n    transition: opacity .25s ease;\n  }\n  .aohh-offers__filter-btn:hover { opacity: .75; }\n  .aohh-offers__filter-btn.is-active { opacity: 1; }\n\n  \/* Offer grid *\/\n  .aohh-offers__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n  @media (min-width: 640px) {\n    .aohh-offers__grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (min-width: 1024px) {\n    .aohh-offers__grid { grid-template-columns: repeat(3, 1fr); }\n  }\n\n  \/* Offer card *\/\n  .aohh-offer-card {\n    background: #fff;\n    border: 1px solid var(--aohh-line, #e0ddd8);\n    display: flex;\n    flex-direction: column;\n    transition: box-shadow .25s ease, transform .25s ease;\n  }\n  .aohh-offer-card:hover {\n    box-shadow: 0 12px 36px rgba(0,0,0,.10);\n    transform: translateY(-3px);\n  }\n  .aohh-offer-card[hidden] { display: none; }\n\n  .aohh-offer-card__img-wrap {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 4 \/ 3;\n  }\n  .aohh-offer-card__img-wrap img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform .55s ease;\n  }\n  .aohh-offer-card:hover .aohh-offer-card__img-wrap img {\n    transform: scale(1.04);\n  }\n  .aohh-offer-card__badge {\n    position: absolute;\n    top: 16px; left: 16px;\n    background: var(--aohh-brand, #911a1c);\n    color: #fff;\n    font-size: 9px;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n    padding: 5px 12px;\n    border-radius: 2px;\n  }\n\n  .aohh-offer-card__body {\n    padding: 28px 28px 24px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n  .aohh-offer-card__title {\n    font-family: var(--aohh-serif);\n    font-size: 20px;\n    font-weight: 400;\n    color: var(--aohh-ink);\n    margin: 0 0 12px;\n    line-height: 1.35;\n  }\n  .aohh-offer-card__desc {\n    font-size: 14px;\n    color: var(--aohh-muted, #777);\n    line-height: 1.75;\n    margin: 0 0 24px;\n    flex: 1;\n  }\n  .aohh-offer-card__link {\n    display: inline-block;\n    font-size: 11px;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n    color: var(--aohh-brand, #911a1c);\n    text-decoration: none;\n    border-bottom: 1px solid var(--aohh-brand, #911a1c);\n    padding-bottom: 2px;\n    align-self: flex-start;\n    transition: opacity .2s ease;\n  }\n  .aohh-offer-card__link:hover { opacity: .7; }\n<\/style>\n\n<section class=\"aohh-offers\">\n  <div class=\"aohh-offers__inner\">\n\n    <div class=\"aohh-offers__head\">\n      <p class=\"aohh-eyebrow\">Exclusive Offers<\/p>\n      <h2>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    <!-- Filter tabs -->\n    <div class=\"aohh-offers__filters\" role=\"tablist\">\n      <button class=\"aohh-offers__filter-btn is-active\" data-filter=\"all\" role=\"tab\" aria-selected=\"true\">All<\/button>\n      <button class=\"aohh-offers__filter-btn\" data-filter=\"room\" role=\"tab\" aria-selected=\"false\">Room Offers<\/button>\n      <button class=\"aohh-offers__filter-btn\" data-filter=\"dining\" role=\"tab\" aria-selected=\"false\">Dining Offers<\/button>\n    <\/div>\n\n    <!-- Offer cards grid -->\n    <div class=\"aohh-offers__grid\" id=\"aohhOffersGrid\">\n      <div id=\"aohhOffersLoader\" style=\"text-align:center; padding: 40px; color: #777; grid-column: 1 \/ -1;\">\n        \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19...\n      <\/div>\n    <\/div><!-- \/.aohh-offers__grid -->\n  <\/div><!-- \/.aohh-offers__inner -->\n<\/section>\n\n<script>\n  (function () {\n    var CACHE_KEY = 'mgpk_offers_cache';\n    var CACHE_TIME_KEY = 'mgpk_offers_timestamp';\n    var CACHE_DURATION = 3600 * 1000; \/\/ 1 hour in ms\n    var API_URL = 'https:\/\/www.midagrandephuket.com\/wp-json\/wp\/v2\/posts?_embed=true&per_page=100';\n    \n    var grid = document.getElementById('aohhOffersGrid');\n    var loader = document.getElementById('aohhOffersLoader');\n    var btns = document.querySelectorAll('.aohh-offers__filter-btn');\n\n    function initFilter() {\n      var cards = document.querySelectorAll('.aohh-offer-card');\n      btns.forEach(function (btn) {\n        btn.addEventListener('click', function () {\n          var filter = this.getAttribute('data-filter');\n\n          btns.forEach(function (b) {\n            b.classList.remove('is-active');\n            b.setAttribute('aria-selected', 'false');\n          });\n          this.classList.add('is-active');\n          this.setAttribute('aria-selected', 'true');\n\n          cards.forEach(function (card) {\n            if (filter === 'all' || card.getAttribute('data-category') === filter) {\n              card.removeAttribute('hidden');\n            } else {\n              card.setAttribute('hidden', '');\n            }\n          });\n        });\n      });\n    }\n\n    function renderOffers(posts) {\n      if (loader) loader.style.display = 'none';\n      \n      var html = '';\n      posts.forEach(function(post) {\n        \/\/ Categories for Mida Grande Phuket: 8 (Rooms), 7 (Dining)\n        var isRoom = post.categories && post.categories.includes(8);\n        var isDining = post.categories && post.categories.includes(7);\n        \n        \/\/ Only render room and dining offers\n        if (!isRoom && !isDining) return; \n\n        var categoryFilter = isRoom ? 'room' : 'dining';\n        var badgeText = isRoom ? 'Room Offer' : 'Dining Offer';\n        \n        var title = post.title && post.title.rendered ? post.title.rendered : '';\n        var link = post.link || '#';\n        \n        \/\/ Strip html from excerpt\n        var excerpt = '';\n        if (post.excerpt && post.excerpt.rendered) {\n          var tmp = document.createElement('div');\n          tmp.innerHTML = post.excerpt.rendered;\n          excerpt = tmp.textContent || tmp.innerText || '';\n        }\n\n        \/\/ Feature Image\n        var imgSrc = '';\n        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n            imgSrc = post._embedded['wp:featuredmedia'][0].source_url;\n        } else {\n            \/\/ Placeholder fallback\n            imgSrc = 'https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2026\/05\/MGPK_Hero-Shot@2x.jpg';\n        }\n\n        html += `\n      <article class=\"aohh-offer-card\" data-category=\"${categoryFilter}\">\n        <div class=\"aohh-offer-card__img-wrap\">\n          <img decoding=\"async\" src=\"${imgSrc}\" alt=\"${title}\" loading=\"lazy\">\n          <span class=\"aohh-offer-card__badge\">${badgeText}<\/span>\n        <\/div>\n        <div class=\"aohh-offer-card__body\">\n          <h3 class=\"aohh-offer-card__title\">${title}<\/h3>\n          <p class=\"aohh-offer-card__desc\">${excerpt}<\/p>\n          <a class=\"aohh-offer-card__link\" href=\"${link}\" target=\"_blank\">View Offer<\/a>\n        <\/div>\n      <\/article>\n        `;\n      });\n      \n      if(html === '') {\n         html = '<div style=\"grid-column: 1 \/ -1; text-align:center; padding:40px; color:#777;\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19\u0e43\u0e19\u0e02\u0e13\u0e30\u0e19\u0e35\u0e49<\/div>';\n      }\n      grid.innerHTML = html;\n      initFilter();\n    }\n\n    function fetchOffers() {\n      var cached = localStorage.getItem(CACHE_KEY);\n      var timestamp = localStorage.getItem(CACHE_TIME_KEY);\n      var now = new Date().getTime();\n\n      if (cached && timestamp && (now - timestamp < CACHE_DURATION)) {\n        try {\n          var posts = JSON.parse(cached);\n          renderOffers(posts);\n          return;\n        } catch (e) {\n          console.error('Error parsing cache', e);\n        }\n      }\n\n      fetch(API_URL)\n        .then(function(response) {\n          if (!response.ok) throw new Error('Network response was not ok');\n          return response.json();\n        })\n        .then(function(posts) {\n          localStorage.setItem(CACHE_KEY, JSON.stringify(posts));\n          localStorage.setItem(CACHE_TIME_KEY, now);\n          renderOffers(posts);\n        })\n        .catch(function(error) {\n          console.error('Error fetching offers:', error);\n          if (loader) loader.innerHTML = '\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07';\n        });\n    }\n\n    fetchOffers();\n\n  }());\n<\/script>\n\n\n<script>\n  (function () {\n    var btns = document.querySelectorAll('.aohh-offers__filter-btn');\n    var cards = document.querySelectorAll('.aohh-offer-card');\n\n    btns.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var filter = this.getAttribute('data-filter');\n\n        btns.forEach(function (b) {\n          b.classList.remove('is-active');\n          b.setAttribute('aria-selected', 'false');\n        });\n        this.classList.add('is-active');\n        this.setAttribute('aria-selected', 'true');\n\n        cards.forEach(function (card) {\n          if (filter === 'all' || card.getAttribute('data-category') === filter) {\n            card.removeAttribute('hidden');\n          } else {\n            card.setAttribute('hidden', '');\n          }\n        });\n      });\n    });\n  }());\n<\/script>\n\n<!--\n  ===========================================================================\n  AOHH OFFERS \u2014 03 CTA BANNER  (reservation call-to-action)\n  ===========================================================================\n-->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n  .aohh-offers-cta {\n    padding: 90px 24px;\n    text-align: center;\n    background: var(--aohh-brand, #911a1c);\n    color: #fff;\n    font-family: var(--aohh-sans);\n  }\n  .aohh-offers-cta__eyebrow {\n    font-size: 11px; letter-spacing: .32em; text-transform: uppercase;\n    opacity: .75; margin: 0 0 18px;\n  }\n  .aohh-offers-cta h2 {\n    font-family: var(--aohh-serif);\n    font-size: clamp(24px, 3vw, 32px);\n    font-weight: 400;\n    color: #fff;\n    margin: 0 0 32px;\n    line-height: 1.3;\n  }\n<\/style>\n\n<section class=\"aohh-offers-cta\">\n  <p class=\"aohh-offers-cta__eyebrow\">Reservations<\/p>\n  <h2>Mida Grande Resort Phuket<\/h2>\n  <a class=\"aohh-btn aohh-btn--solid\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=838&amp;onlineId=4&amp;accesscode=member&amp;currency=THB\" target=\"_blank\" style=\"background:#fff; color:var(--aohh-brand,#911a1c); -webkit-text-fill-color:var(--aohh-brand,#911a1c); border-color:#fff;\" rel=\"noopener\">Book Now<\/a>\n<\/section>\n\n    <!--\n      ===========================================================================\n      AOHH HOME \u2014 00 BASE \/ SHARED STYLES  (shared by every AOHH page)\n      ===========================================================================\n    -->\n    <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      :root {\n        \/* Mida Grande Resort Phuket \u2014 Sukhothai gold palette *\/\n        --aohh-primary:     #911a1c;\n        --aohh-secondary:   #565a5a;\n        --aohh-accent:      #911a1c;\n        --aohh-brand:       #911a1c;\n        --aohh-brand-dark:  #731416;\n        --aohh-gold:        #911a1c;\n        --aohh-ink:         inherit;\n        --aohh-muted:       #565a5a;\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;\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(28px, 4vw, 44px); 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, 1px currentColor, soft opacity hover *\/\n      .aohh-btn {\n        display: inline-block; padding: 14px 34px;\n        font-family: var(--aohh-sans); font-size: 13px; font-weight: 400;\n        letter-spacing: .22em; text-transform: uppercase;\n        border: 1px solid currentColor; background: transparent; color: inherit;\n        cursor: pointer; transition: opacity .35s ease; 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; padding: 6px 0; border-bottom: 1px solid currentColor;\n        color: inherit; opacity: .75; 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-offers-hero, .aohh-offers, .aohh-offers-cta {\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n      }\n      \/* Guard against a horizontal scrollbar caused by 100vw *\/\n      html, body { overflow-x: hidden; }\n\n    <\/style>\n\n        <\/div>\n      <\/div>\n\n<!-- Mobile responsive hero -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n@media (max-width: 768px) {\n  .aohh-offers-hero { height: 720px !important; min-height: 720px !important; max-height: 720px !important; }\n  .aohh-offers-hero img { height: 720px !important; min-height: 720px !important; max-height: 720px !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  var steppers = document.querySelectorAll('.aohh-stepper');\n  steppers.forEach(function (stepper) {\n    var min = parseInt(stepper.getAttribute('data-min'), 10) || 1;\n    var max = parseInt(stepper.getAttribute('data-max'), 10) || 12;\n    var valEl = stepper.querySelector('.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    if (!input || !valEl || !dec || !inc) return;\n    function render() {\n      var v = parseInt(input.value, 10);\n      valEl.textContent = v;\n      dec.disabled = v <= min;\n      inc.disabled = v >= max;\n    }\n    dec.addEventListener('click', function () {\n      var v = parseInt(input.value, 10);\n      if (v > min) { input.value = v - 1; render(); }\n    });\n    inc.addEventListener('click', function () {\n      var v = parseInt(input.value, 10);\n      if (v < max) { input.value = v + 1; render(); }\n    });\n    render();\n  });\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Check-in Check-out Rooms &minus; 1 + Guests &minus; 2 + Book Now Exclusive Offers OFFERS Elevate your experience with our seasonal promotions, and book direct for exclusive room rates. All Room Offers Dining Offers \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19&#8230; Reservations Mida Grande Resort Phuket Booking<\/p>\n","protected":false},"author":1,"featured_media":2107,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/146","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=146"}],"version-history":[{"count":149,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":6671,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/146\/revisions\/6671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media\/2107"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}