{"id":101,"date":"2022-04-07T13:33:10","date_gmt":"2022-04-07T13:33:10","guid":{"rendered":"https:\/\/mhg.co.th\/midagrandephuket\/?page_id=101"},"modified":"2026-09-14T15:51:32","modified_gmt":"2026-09-14T08:51:32","slug":"rooms","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midagrandephuket\/rooms\/","title":{"rendered":"Rooms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"101\" class=\"elementor elementor-101\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4c0365 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c4c0365\" 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-052de54\" data-id=\"052de54\" 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-2ddae22 elementor-widget elementor-widget-html\" data-id=\"2ddae22\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\"\/>\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n<title>Mida Grande Resort Phuket \u2014 Rooms, Suites &amp; Villas<\/title>\n<\/head>\n<body>\n<main class=\"site-main post-9 page type-page status-publish hentry\" id=\"content\">\n<div class=\"page-content\">\n<div class=\"elementor elementor-9\" data-elementor-id=\"9\" data-elementor-post-type=\"page\" data-elementor-type=\"wp-page\">\n<div class=\"elementor-element elementor-element-eb6e33c e-con-full e-flex e-con e-parent e-lazyloaded\" data-e-type=\"container\" data-element_type=\"container\" data-id=\"eb6e33c\">\n<div class=\"elementor-element elementor-element-72bd4b9 elementor-widget elementor-widget-html\" data-e-type=\"widget\" data-element_type=\"widget\" data-id=\"72bd4b9\" data-widget_type=\"html.default\">\n<!--\n      ===========================================================================\n      MRKC ROOMS \u2014 01 HERO  (inner-page banner + booking date picker overlay)\n      Requires: 00-base.html on the page.\n      Image:    full-bleed riverside banner (swap to Media URL when ready)\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      .page-content > .elementor > .e-con:first-child { display: block; padding: 0; }\n      .mrkc-rooms-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(--mrkc-sans);\n      }\n      .mrkc-rooms-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      .mrkc-rooms-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      .mrkc-rooms-hero__content {\n        position: relative; z-index: 2;\n        text-align: center;\n        padding: 140px 24px 160px;\n        max-width: 1000px;\n      }\n      .mrkc-rooms-hero__eyebrow {\n        font-size: 12px; letter-spacing: .35em; text-transform: uppercase;\n        color: #fff; opacity: .9; margin: 0 0 22px;\n      }\n      .mrkc-rooms-hero__title {\n        font-family: var(--mrkc-serif);\n        font-size: clamp(36px, 5.4vw, 64px);\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      .mrkc-rooms-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(--mrkc-muted, #757575); margin-bottom: 6px; font-weight: 400; }\n      .aohh-booking input { width: 100%; border: none; background: transparent; font-family: var(--mrkc-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(--mrkc-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(--mrkc-brand) !important; background: transparent !important; color: var(--mrkc-brand) !important; -webkit-text-fill-color: var(--mrkc-brand) !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(--mrkc-brand) !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 .mrkc-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 .mrkc-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      \n      \/* Breadcrumb *\/\n      .mrkc-rooms-breadcrumb {\n        background: var(--mrkc-bg-ash);\n        padding: 18px 24px;\n        text-align: left;\n        font-family: var(--mrkc-sans);\n        font-size: 12px;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        color: var(--mrkc-muted);\n      }\n      .mrkc-rooms-breadcrumb a { color: var(--mrkc-muted); }\n      .mrkc-rooms-breadcrumb a:hover { color: var(--mrkc-brand); }\n      .mrkc-rooms-breadcrumb__sep { margin: 0 12px; opacity: .5; }\n      .mrkc-rooms-breadcrumb__active { color: var(--mrkc-ink); }\n    <\/style>\n<section class=\"mrkc-rooms-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=\"aohhCheckinRooms\">Check-in<\/label>\n<input type=\"date\" id=\"aohhCheckinRooms\" name=\"checkin\" required=\"\">\n<\/div>\n<div class=\"aohh-booking__field\">\n<label for=\"aohhCheckoutRooms\">Check-out<\/label>\n<input type=\"date\" id=\"aohhCheckoutRooms\" name=\"checkout\" required=\"\">\n<\/div>\n<div class=\"aohh-booking__field aohh-booking__field--rooms\">\n<label for=\"aohhRoomsRooms\">Rooms<\/label>\n<div class=\"aohh-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"aohhRoomsRooms\">\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=\"aohhRoomsRooms\" name=\"numofroom\" value=\"1\">\n<\/div>\n<\/div>\n<div class=\"aohh-booking__field aohh-booking__field--guests\">\n<label for=\"aohhGuestsRooms\">Guests<\/label>\n<div class=\"aohh-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"aohhGuestsRooms\">\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=\"aohhGuestsRooms\" name=\"numofadult\" value=\"2\">\n<\/div>\n<\/div>\n<input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n<button type=\"submit\" class=\"mrkc-btn mrkc-btn--solid\">Book Now<\/button>\n<\/form>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-3bff2f6 e-con-full e-flex e-con e-parent e-lazyloaded\" data-e-type=\"container\" data-element_type=\"container\" data-id=\"3bff2f6\">\n<div class=\"elementor-element elementor-element-ef38af3 elementor-widget elementor-widget-html\" data-e-type=\"widget\" data-element_type=\"widget\" data-id=\"ef38af3\" data-widget_type=\"html.default\">\n<!--\n      ===========================================================================\n      MRKC ROOMS \u2014 02 INTRO  (main page title + intro paragraph + starting price)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .mrkc-rooms-intro {\n        padding: 100px 24px 60px;\n        text-align: center;\n        background: var(--mrkc-bg);\n        font-family: var(--mrkc-sans);\n      }\n      .mrkc-rooms-intro__inner { max-width: 880px; margin: 0 auto; }\n      .mrkc-rooms-intro h2 {\n        font-family: var(--mrkc-serif);\n        font-size: clamp(28px, 4vw, 44px);\n        text-transform: uppercase;\n        letter-spacing: .04em;\n        margin: 0 0 24px;\n        line-height: 1.2;\n      }\n      .mrkc-rooms-intro p {\n        color: var(--mrkc-muted);\n        font-size: 17px; line-height: 1.85;\n        margin: 0 auto 28px;\n        max-width: 740px;\n      }\n      .mrkc-rooms-intro__price {\n        font-family: var(--mrkc-sans);\n        font-size: 13px;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n        color: var(--mrkc-ink);\n        margin: 0;\n      }\n      .mrkc-rooms-intro__price strong {\n        color: var(--mrkc-gold);\n        font-weight: 600;\n        margin: 0 6px;\n      }\n    <\/style>\n<section class=\"mrkc-rooms-intro\">\n<div class=\"mrkc-rooms-intro__inner\">\n<p class=\"mrkc-eyebrow\">Accommodation<\/p>\n<h2>DISCOVER YOUR TROPICAL STAY IN PHUKET<\/h2>\n<p>Mida Grande Resort Phuket offers a collection of stylish rooms, spacious suites, and private pool villas designed for a comfortable island escape. Fully furnished and thoughtfully equipped with functional kitchen facilities, each stay brings the relaxing atmosphere of Phuket for a simple yet Grande holiday experience.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-a8ffb74 e-con-full e-flex e-con e-parent e-lazyloaded\" data-e-type=\"container\" data-element_type=\"container\" data-id=\"a8ffb74\">\n<div class=\"elementor-element elementor-element-284ac97 elementor-widget elementor-widget-html\" data-e-type=\"widget\" data-element_type=\"widget\" data-id=\"284ac97\" data-widget_type=\"html.default\">\n<!--\n      ===========================================================================\n      MRKC ROOMS \u2014 03 ROOMS LIST  (vertical card listing with image + details)\n      Requires: 00-base.html on the page.\n      Each card: large image left, content right (alternating layout on desktop)\n      Data source: midagrandephuket.com\n      ===========================================================================\n    -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .mrkc-rooms-list {\n        background: var(--mrkc-bg-ash);\n        padding: 90px 0 110px;\n        font-family: var(--mrkc-sans);\n      }\n      .mrkc-rooms-list__title {\n        font-family: var(--mrkc-serif);\n        text-align: center;\n        font-size: clamp(28px, 3.4vw, 40px);\n        text-transform: uppercase;\n        letter-spacing: .04em;\n        margin: 0 0 60px;\n        color: var(--mrkc-ink);\n      }\n    \n      .mrkc-rooms-filter {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 14px;\n        max-width: var(--mrkc-max);\n        margin: 0 auto 60px;\n        padding: 0 24px;\n      }\n      .mrkc-rooms-filter__btn {\n        font-family: var(--mrkc-sans);\n        font-size: 12px;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        color: var(--mrkc-muted);\n        background: transparent;\n        border: 1px solid var(--mrkc-line);\n        padding: 12px 26px;\n        cursor: pointer;\n        font-weight: 500;\n        transition: all .25s ease;\n      }\n      .mrkc-rooms-filter__btn:hover { color: var(--mrkc-brand); border-color: var(--mrkc-brand); }\n      .mrkc-rooms-filter__btn.is-active {\n        background: var(--mrkc-brand);\n        color: #fff;\n        border-color: var(--mrkc-brand);\n      }\n\n      .mrkc-rooms-list__grid {\n        max-width: var(--mrkc-max);\n        margin: 0 auto;\n        padding: 0 24px;\n        display: flex; flex-direction: column;\n        gap: 80px;\n      }\n      .mrkc-room-card[hidden] { display: none; }\n    \n      .mrkc-room-card {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 0;\n        background: #fff;\n        box-shadow: 0 8px 24px rgba(0,0,0,.05);\n        overflow: hidden;\n      }\n      @media (min-width: 900px) {\n        .mrkc-room-card { grid-template-columns: 1.1fr 1fr; align-items: stretch; }\n        .mrkc-room-card.is-reverse { grid-template-columns: 1fr 1.1fr; }\n        .mrkc-room-card.is-reverse .mrkc-room-card__media { order: 2; }\n        .mrkc-room-card.is-reverse .mrkc-room-card__body  { order: 1; }\n      }\n    \n  \/* ---- Image slider (per room type) ---- *\/\n  .mrkc-room-card__media {\n    position: relative;\n    min-height: 360px;\n    overflow: hidden;\n    background: #ece8e0;\n  }\n  @media (min-width: 900px) { .mrkc-room-card__media { min-height: 480px; } }\n\n  .mrkc-slider__slide {\n    position: absolute; inset: 0;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    transition: opacity .7s ease;\n    pointer-events: none;\n  }\n  .mrkc-slider__slide.is-active { opacity: 1; }\n\n  .mrkc-slider__arrow {\n    position: absolute; top: 50%;\n    transform: translateY(-50%);\n    z-index: 2;\n    width: 42px; height: 42px;\n    display: none; align-items: center; justify-content: center;\n    padding: 0 !important; margin: 0 !important;\n    border: none !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,.85) !important;\n    color: var(--mrkc-ink) !important;\n    -webkit-text-fill-color: var(--mrkc-ink) !important;\n    box-shadow: 0 4px 14px rgba(0,0,0,.18);\n    font-size: 22px; line-height: 1;\n    cursor: pointer;\n    opacity: 0;\n    transition: opacity .3s ease, background .25s ease, transform .2s ease;\n  }\n  .mrkc-slider.is-multi .mrkc-slider__arrow { display: inline-flex; }\n  .mrkc-room-card__media:hover .mrkc-slider__arrow,\n  .mrkc-slider__arrow:focus-visible { opacity: 1; }\n  .mrkc-slider__arrow:hover { background: #fff !important; }\n  .mrkc-slider__arrow--prev { left: 16px; }\n  .mrkc-slider__arrow--next { right: 16px; }\n  \/* touch devices have no hover \u2014 keep arrows visible *\/\n  @media (hover: none) {\n    .mrkc-slider.is-multi .mrkc-slider__arrow { opacity: 1; }\n    .mrkc-slider__arrow { width: 38px; height: 38px; }\n    .mrkc-slider__arrow--prev { left: 10px; }\n    .mrkc-slider__arrow--next { right: 10px; }\n  }\n\n  \/* soft scrim so the bullets stay readable on bright photos *\/\n  .mrkc-slider.is-multi::after {\n    content: '';\n    position: absolute; left: 0; right: 0; bottom: 0;\n    height: 90px;\n    z-index: 1;\n    pointer-events: none;\n    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 100%);\n  }\n\n  .mrkc-slider__dots {\n    position: absolute; left: 0; right: 0; bottom: 18px;\n    z-index: 2;\n    display: none;\n    justify-content: center;\n    gap: 10px;\n  }\n  .mrkc-slider.is-multi .mrkc-slider__dots { display: flex; }\n  .mrkc-slider__dot {\n    width: 9px; height: 9px;\n    padding: 0 !important; margin: 0 !important;\n    border: 1px solid rgba(255,255,255,.9) !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,.25) !important;\n    box-shadow: 0 1px 4px rgba(0,0,0,.35);\n    cursor: pointer;\n    transition: background .25s ease, transform .25s ease;\n  }\n  .mrkc-slider__dot.is-active {\n    background: #fff !important;\n    transform: scale(1.25);\n  }\n\n  .mrkc-room-card__body {\n        padding: 40px 32px;\n        display: flex; flex-direction: column; justify-content: center;\n      }\n      @media (min-width: 900px) { \n  \/* ---- Image slider (per room type) ---- *\/\n  .mrkc-room-card__media {\n    position: relative;\n    min-height: 360px;\n    overflow: hidden;\n    background: #ece8e0;\n  }\n  @media (min-width: 900px) { .mrkc-room-card__media { min-height: 480px; } }\n\n  .mrkc-slider__slide {\n    position: absolute; inset: 0;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    transition: opacity .7s ease;\n    pointer-events: none;\n  }\n  .mrkc-slider__slide.is-active { opacity: 1; }\n\n  .mrkc-slider__arrow {\n    position: absolute; top: 50%;\n    transform: translateY(-50%);\n    z-index: 2;\n    width: 42px; height: 42px;\n    display: none; align-items: center; justify-content: center;\n    padding: 0 !important; margin: 0 !important;\n    border: none !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,.85) !important;\n    color: var(--mrkc-ink) !important;\n    -webkit-text-fill-color: var(--mrkc-ink) !important;\n    box-shadow: 0 4px 14px rgba(0,0,0,.18);\n    font-size: 22px; line-height: 1;\n    cursor: pointer;\n    opacity: 0;\n    transition: opacity .3s ease, background .25s ease, transform .2s ease;\n  }\n  .mrkc-slider.is-multi .mrkc-slider__arrow { display: inline-flex; }\n  .mrkc-room-card__media:hover .mrkc-slider__arrow,\n  .mrkc-slider__arrow:focus-visible { opacity: 1; }\n  .mrkc-slider__arrow:hover { background: #fff !important; }\n  .mrkc-slider__arrow--prev { left: 16px; }\n  .mrkc-slider__arrow--next { right: 16px; }\n  \/* touch devices have no hover \u2014 keep arrows visible *\/\n  @media (hover: none) {\n    .mrkc-slider.is-multi .mrkc-slider__arrow { opacity: 1; }\n    .mrkc-slider__arrow { width: 38px; height: 38px; }\n    .mrkc-slider__arrow--prev { left: 10px; }\n    .mrkc-slider__arrow--next { right: 10px; }\n  }\n\n  \/* soft scrim so the bullets stay readable on bright photos *\/\n  .mrkc-slider.is-multi::after {\n    content: '';\n    position: absolute; left: 0; right: 0; bottom: 0;\n    height: 90px;\n    z-index: 1;\n    pointer-events: none;\n    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 100%);\n  }\n\n  .mrkc-slider__dots {\n    position: absolute; left: 0; right: 0; bottom: 18px;\n    z-index: 2;\n    display: none;\n    justify-content: center;\n    gap: 10px;\n  }\n  .mrkc-slider.is-multi .mrkc-slider__dots { display: flex; }\n  .mrkc-slider__dot {\n    width: 9px; height: 9px;\n    padding: 0 !important; margin: 0 !important;\n    border: 1px solid rgba(255,255,255,.9) !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,.25) !important;\n    box-shadow: 0 1px 4px rgba(0,0,0,.35);\n    cursor: pointer;\n    transition: background .25s ease, transform .25s ease;\n  }\n  .mrkc-slider__dot.is-active {\n    background: #fff !important;\n    transform: scale(1.25);\n  }\n\n  .mrkc-room-card__body { padding: 50px 56px; } }\n    \n      .mrkc-room-card__name {\n        font-family: var(--mrkc-serif);\n        font-size: clamp(24px, 2.6vw, 30px);\n        color: var(--mrkc-ink);\n        margin: 0 0 18px;\n        line-height: 1.25;\n      }\n      .mrkc-room-card__desc {\n        color: var(--mrkc-muted);\n        font-size: 15px;\n        line-height: 1.85;\n        margin: 0 0 28px;\n      }\n    \n      .mrkc-room-card__features {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px 24px;\n        padding: 24px 0;\n        border-top: 1px solid var(--mrkc-line);\n        border-bottom: 1px solid var(--mrkc-line);\n        margin-bottom: 28px;\n      }\n      @media (min-width: 600px) { .mrkc-room-card__features { grid-template-columns: repeat(4, 1fr); } }\n    \n      .mrkc-room-card__feature h4 {\n        font-family: var(--mrkc-sans);\n        font-size: 11px;\n        letter-spacing: .22em;\n        text-transform: uppercase;\n        color: var(--mrkc-muted);\n        margin: 0 0 6px;\n        font-weight: 500;\n      }\n      .mrkc-room-card__feature p {\n        font-family: var(--mrkc-sans);\n        font-size: 14px;\n        color: var(--mrkc-ink);\n        margin: 0;\n        font-weight: 500;\n        line-height: 1.4;\n      }\n    \n      .mrkc-room-card__cta a {\n        font-family: var(--mrkc-sans);\n        font-size: 12px;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n        color: var(--mrkc-gold);\n        border-bottom: 1px solid var(--mrkc-gold);\n        padding-bottom: 4px;\n        font-weight: 500;\n        transition: color .25s ease, border-color .25s ease;\n      }\n      .mrkc-room-card__cta a:hover { color: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n    <\/style>\n<section class=\"mrkc-rooms-list\">\n<h2 class=\"mrkc-rooms-list__title\">Rooms, Suites &amp; Pool Villas<\/h2>\n<div aria-label=\"Room categories\" class=\"mrkc-rooms-filter\" role=\"tablist\">\n<button class=\"mrkc-rooms-filter__btn is-active\" data-filter=\"rooms\" type=\"button\">Our Rooms<\/button>\n<button class=\"mrkc-rooms-filter__btn\" data-filter=\"suites\" type=\"button\">Our Suites<\/button>\n<button class=\"mrkc-rooms-filter__btn\" data-filter=\"villas\" type=\"button\">Our Pool Villas<\/button>\n<button class=\"mrkc-rooms-filter__btn\" data-filter=\"all\" type=\"button\">All<\/button>\n<\/div>\n<div class=\"mrkc-rooms-list__grid\">\n<!-- ===== OUR ROOMS ===== -->\n<!-- 1. Deluxe Room -->\n<article class=\"mrkc-room-card\" data-category=\"rooms\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/DLX001.jpg\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Deluxe Room<\/h3>\n<p class=\"mrkc-room-card__desc\">Includes 1 bedroom (King or Twin bed) with a view of the mountain or tropical garden and a private balcony.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Mountain \/ Garden<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 adults, 1 child<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>40 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King \/ Twin<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 2. Deluxe Ocean View -->\n<article class=\"mrkc-room-card is-reverse\" data-category=\"rooms\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Deluxe-Ocean-View-with-Jacuzzi4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/d0b1dd8b1610773c4c4000bb3d5300bd.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/dccecb94fcb98c2dff6f13cef7e91823.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/247d0fb01eea752b757a3d8622f28fc9.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/7ea205500480db1d7608805e5e213cb0.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/21b8798b658c78198c6d52bf03ba0395.webp\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Deluxe Ocean View<\/h3>\n<p class=\"mrkc-room-card__desc\">A king or twin bed with spectacular views of Surin and Bang Tao beaches.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 adults, 1 child<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>40 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King \/ Twin<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 3. Deluxe Ocean View with Jacuzzi -->\n<article class=\"mrkc-room-card\" data-category=\"rooms\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Deluxe-Ocean-View-with-Jacuzzi4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/d0b1dd8b1610773c4c4000bb3d5300bd.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/dccecb94fcb98c2dff6f13cef7e91823.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/247d0fb01eea752b757a3d8622f28fc9.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/7ea205500480db1d7608805e5e213cb0.webp\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/12\/21b8798b658c78198c6d52bf03ba0395.webp\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Deluxe Ocean View with Jacuzzi<\/h3>\n<p class=\"mrkc-room-card__desc\">Relax and take a deep breath from your own private jacuzzi on the balcony and indulge in the beauty of the ocean view.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 adults<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>48 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 4. Grande Deluxe Ocean View with Plunge Pool -->\n<article class=\"mrkc-room-card is-reverse\" data-category=\"rooms\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/1-8.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-8.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-8.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/4-8.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande Deluxe Ocean View with Plunge Pool<\/h3>\n<p class=\"mrkc-room-card__desc\">Experience modern luxury and panoramic ocean views in our comfortable deluxe room, featuring a private plunge pool.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 adults<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>77 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- ===== OUR SUITES ===== -->\n<!-- 5. Family Suite 2 Bedroom -->\n<article class=\"mrkc-room-card\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/1-3.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-3.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-3.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/4-3.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Family Suite 2 Bedroom<\/h3>\n<p class=\"mrkc-room-card__desc\">A spacious king bed room and single bedroom with a fully equipped kitchen, ideal for a family getaway.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Mountain \/ Garden<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>3 adults, 1 child<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>62 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King + Single<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 6. Grande 2 Bedroom Suite -->\n<article class=\"mrkc-room-card is-reverse\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2001.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2002.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2003.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2004.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2005.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2006.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande 2 Bedroom Suite<\/h3>\n<p class=\"mrkc-room-card__desc\">Unrivaled comfort with a living area, two king bedrooms, and a private balcony with mountain and garden views.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Mountain \/ Garden<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 adults, 2 children<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>54 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 7. Family Suite 2 Bedroom Ocean View -->\n<article class=\"mrkc-room-card\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/1-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/4-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/5-3.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/6-3.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/7-3.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Family Suite 2 Bedroom Ocean View<\/h3>\n<p class=\"mrkc-room-card__desc\">A fully equipped kitchen, two shower bathrooms, dining and living areas, and a private balcony with an ocean view.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>Family<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King + Single<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 8. Grande 2 Bedroom Suite Ocean View -->\n<article class=\"mrkc-room-card is-reverse\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2O001.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2O002.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2O003.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2O004.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2O005.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2022\/04\/G2O006.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande 2 Bedroom Suite Ocean View<\/h3>\n<p class=\"mrkc-room-card__desc\">Two king bedrooms, a living space, a dining area and a furnished terrace with magnificent ocean views.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 adults, 2 children<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 9. Grande 2 Bedroom Suite Ocean View with Jacuzzi -->\n<article class=\"mrkc-room-card\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/1-6.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-7.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-7.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/4-7.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande 2 Bedroom Suite Ocean View with Jacuzzi<\/h3>\n<p class=\"mrkc-room-card__desc\">A corner suite with an extensive private terrace, Jacuzzi and ocean views, plus a kitchenette. King-size beds in each elegantly designed bedroom.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 adults<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>75 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 10. Grande 2 Bedroom Suite Ocean View with Plunge Pool -->\n<article class=\"mrkc-room-card is-reverse\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/1-5.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-6.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-6.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/4-6.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande 2 Bedroom Suite Ocean View with Plunge Pool<\/h3>\n<p class=\"mrkc-room-card__desc\">An expansive Grande 2 Bedroom Suite with a kitchen and a private plunge pool overlooking Surin and Bang Tao beaches.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 adults<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>95 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 11. Grande 3 Bedroom Suite Ocean View with Jacuzzi -->\n<article class=\"mrkc-room-card\" data-category=\"suites\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/1-7.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-5.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-5.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/7-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/5-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/6-4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/4-6.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/3-6.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/05\/2-6.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande 3 Bedroom Suite Ocean View with Jacuzzi<\/h3>\n<p class=\"mrkc-room-card__desc\">Three king beds, a luxurious living room, and a dining area furnished with a cooking station and a sizable table.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Ocean View<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>6 adults, 2 children<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>115 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>3 King<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- ===== OUR POOL VILLAS ===== -->\n<!-- 12. Grande Pool Villa 2 Bedroom -->\n<article class=\"mrkc-room-card\" data-category=\"villas\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2023\/04\/Grande-2-bedroom-Pool-Villa1.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2023\/04\/Grande-2-bedroom-Pool-Villa2.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2023\/04\/Grande-2-bedroom-Pool-Villa3.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2023\/04\/Grande-2-bedroom-Pool-Villa4.jpg\"><\/div><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/midagrandephuket\/wp-content\/uploads\/2023\/04\/Grande-2-bedroom-Pool-Villa7.jpg\"><\/div><button aria-label=\"Previous\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" type=\"button\">\u2039<\/button><button aria-label=\"Next\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" type=\"button\">\u203a<\/button><div class=\"mrkc-slider__dots\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande Pool Villa 2 Bedroom<\/h3>\n<p class=\"mrkc-room-card__desc\">A contemporary home-away-from-home in Sukhothai heritage style: 2 bedrooms, 2 bathrooms, indoor and outdoor living areas, dining zone, kitchen and private pool, surrounded by a tropical garden.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Private Pool<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>Family<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>250 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 Bedrooms<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 13. Grande Pool Villa 3 Bedroom -->\n<article class=\"mrkc-room-card is-reverse\" data-category=\"villas\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2025\/05\/DSC03786-scaled.jpg\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande Pool Villa 3 Bedroom<\/h3>\n<p class=\"mrkc-room-card__desc\">A very modern, contemporary interior with 3 bedrooms, 3 bathrooms, a large living room, dining zone, fully equipped kitchen, private patio and large pool \u2014 a lush tropical hideaway for family stays.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Private Pool<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>Family<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>320 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>3 Bedrooms<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<!-- 14. Grande Pool Villa 4 Bedroom -->\n<article class=\"mrkc-room-card\" data-category=\"villas\" hidden=\"\">\n<div class=\"mrkc-room-card__media mrkc-slider\"><div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2025\/05\/DSC03855-scaled.jpg\"><\/div><\/div>\n<div class=\"mrkc-room-card__body\">\n<h3 class=\"mrkc-room-card__name\">Grande Pool Villa 4 Bedroom<\/h3>\n<p class=\"mrkc-room-card__desc\">Our most luxurious villa: 4 bedrooms, 4 bathrooms, a large living room, dining zone, fully equipped kitchen and private patio \u2014 everything you need for an unforgettable luxury family stay.<\/p>\n<div class=\"mrkc-room-card__features\">\n<div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Private Pool<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>8 adults, 2 children<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>350 m\u00b2<\/p><\/div>\n<div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>4 Bedrooms<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/article>\n<\/div>\n<\/section>\n<script>\n      (function () {\n        var filterBtns = document.querySelectorAll('.mrkc-rooms-filter__btn');\n        var cards = document.querySelectorAll('.mrkc-rooms-list .mrkc-room-card');\n        function applyFilter(cat) {\n          cards.forEach(function (card) {\n            card.hidden = !(cat === 'all' || card.getAttribute('data-category') === cat);\n          });\n        }\n        filterBtns.forEach(function (btn) {\n          btn.addEventListener('click', function () {\n            filterBtns.forEach(function (b) { b.classList.remove('is-active'); });\n            btn.classList.add('is-active');\n            applyFilter(btn.getAttribute('data-filter'));\n          });\n        });\n      })();\n    <\/script>\n<\/div>\n<div class=\"elementor-element elementor-element-3fa04c5 elementor-widget elementor-widget-html\" data-e-type=\"widget\" data-element_type=\"widget\" data-id=\"3fa04c5\" data-widget_type=\"html.default\">\n<!--\n      ===========================================================================\n      MRKC ROOMS \u2014 04 EXPERIENCES  (\"Things to do\" parallax 2-column section)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .mrkc-rooms-exp {\n        position: relative;\n        background-image: url('https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2022\/04\/3.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed; \/* parallax *\/\n        padding: 110px 24px;\n        font-family: var(--mrkc-sans);\n      }\n      \/* Safari\/iOS fallback \u2014 fixed bg + 100vh can flicker; use scroll for small viewports *\/\n      @media (max-width: 900px) {\n        .mrkc-rooms-exp { background-attachment: scroll; }\n      }\n      .mrkc-rooms-exp::before {\n        content: ''; position: absolute; inset: 0;\n        background: rgba(0,0,0,.35);\n      }\n    \n      .mrkc-rooms-exp__wrap {\n        position: relative; z-index: 1;\n        max-width: var(--mrkc-max);\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 50px;\n        align-items: center;\n      }\n      @media (min-width: 900px) {\n        .mrkc-rooms-exp__wrap { grid-template-columns: 1fr 1fr; gap: 80px; }\n      }\n    \n      .mrkc-rooms-exp__content {\n        color: #fff; text-align: center;\n      }\n      @media (min-width: 900px) { .mrkc-rooms-exp__content { text-align: left; } }\n    \n      .mrkc-rooms-exp__content .mrkc-eyebrow { color: rgba(255,255,255,.85); }\n      .mrkc-rooms-exp__content h2 {\n        font-family: var(--mrkc-serif);\n        color: #fff;\n        font-size: clamp(28px, 3.4vw, 42px);\n        text-transform: uppercase;\n        letter-spacing: .04em;\n        margin: 0 0 24px;\n        line-height: 1.2;\n      }\n      .mrkc-rooms-exp__content p {\n        color: rgba(255,255,255,.9);\n        font-size: 16px;\n        line-height: 1.85;\n        margin: 0 0 30px;\n        max-width: 480px;\n      }\n      @media (min-width: 900px) { .mrkc-rooms-exp__content p { margin-left: 0; } }\n      @media (max-width: 899px) { .mrkc-rooms-exp__content p { margin-left: auto; margin-right: auto; } }\n    \n      .mrkc-rooms-exp__content .mrkc-btn {\n        color: #fff; border-color: #fff;\n      }\n      .mrkc-rooms-exp__content .mrkc-btn:hover {\n        background: #fff; color: var(--mrkc-ink);\n      }\n    \n      .mrkc-rooms-exp__image {\n        overflow: hidden;\n        aspect-ratio: 16\/10;\n      }\n      .mrkc-rooms-exp__image img {\n        width: 100%; height: 100%; object-fit: cover; display: block;\n        transition: transform .8s ease;\n      }\n      .mrkc-rooms-exp__image:hover img { transform: scale(1.04); }\n    <\/style>\n<section class=\"mrkc-rooms-exp\" id=\"mrkc-rooms-exp\">\n<div class=\"mrkc-rooms-exp__wrap\">\n<div class=\"mrkc-rooms-exp__content\">\n<p class=\"mrkc-eyebrow\">Experiences<\/p>\n<h2>Easy Days by the Andaman<\/h2>\n<p>Relax by the pool, spend slow days on Surin &amp; Bang Tao beaches, or explore all that our tropical island resort has to offer \u2014 there\u2019s always a peaceful moment to enjoy in Phuket.<\/p>\n<a class=\"mrkc-btn\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/experience\/\">Explore Experiences<\/a>\n<\/div>\n<div class=\"mrkc-rooms-exp__image\">\n<img alt=\"Easy days by the Andaman at Mida Grande Resort Phuket\" decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/La-Lune-Rooftop-Pool1.jpg\"\/>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-d78be1f e-con-full e-flex e-con e-parent\" data-e-type=\"container\" data-element_type=\"container\" data-id=\"d78be1f\">\n<div class=\"elementor-element elementor-element-0487604 elementor-widget elementor-widget-html\" data-e-type=\"widget\" data-element_type=\"widget\" data-id=\"0487604\" data-widget_type=\"html.default\">\n<!--\n      ===========================================================================\n      MRKC ROOMS \u2014 05 RELATED  (\"You may also like\" \u2014 links to other categories)\n      Requires: 00-base.html on the page.\n      ===========================================================================\n    -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      .mrkc-rooms-related {\n        padding: 100px 24px 120px;\n        background: var(--mrkc-bg);\n        font-family: var(--mrkc-sans);\n        text-align: center;\n      }\n      .mrkc-rooms-related h2 {\n        font-family: var(--mrkc-serif);\n        font-size: clamp(28px, 3.4vw, 40px);\n        text-transform: uppercase;\n        letter-spacing: .04em;\n        margin: 0 0 50px;\n        color: var(--mrkc-ink);\n      }\n    \n      .mrkc-rooms-related__grid {\n        max-width: var(--mrkc-max);\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      @media (min-width: 768px)  { .mrkc-rooms-related__grid { grid-template-columns: repeat(2, 1fr); } }\n      @media (min-width: 1100px) { .mrkc-rooms-related__grid { grid-template-columns: repeat(3, 1fr); } }\n    \n      .mrkc-rooms-related__card {\n        background: #fff;\n        box-shadow: 0 8px 20px rgba(0,0,0,.05);\n        overflow: hidden;\n        text-align: left;\n        transition: transform .35s ease, box-shadow .35s ease;\n      }\n      .mrkc-rooms-related__card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 14px 30px rgba(0,0,0,.1);\n      }\n      .mrkc-rooms-related__card img {\n        width: 100%; aspect-ratio: 16\/10; object-fit: cover; display: block;\n      }\n      .mrkc-rooms-related__card-body { padding: 24px 26px 28px; }\n      .mrkc-rooms-related__card h3 {\n        font-family: var(--mrkc-serif);\n        font-size: 22px;\n        margin: 0 0 12px;\n        color: var(--mrkc-ink);\n      }\n      .mrkc-rooms-related__card p {\n        color: var(--mrkc-muted);\n        font-size: 14px;\n        line-height: 1.7;\n        margin: 0 0 18px;\n      }\n      .mrkc-rooms-related__card a.view-more {\n        font-size: 12px;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n        color: var(--mrkc-gold);\n        border-bottom: 1px solid var(--mrkc-gold);\n        padding-bottom: 3px;\n        font-weight: 500;\n      }\n      .mrkc-rooms-related__card a.view-more:hover { color: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n    <\/style>\n<section class=\"mrkc-rooms-related\">\n<h2>You May Also Like<\/h2>\n<div class=\"mrkc-rooms-related__grid\">\n<article class=\"mrkc-rooms-related__card\">\n<img alt=\"Dining at Mida Grande Resort Phuket\" decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/Gazebo2-scaled.jpg\"\/>\n<div class=\"mrkc-rooms-related__card-body\">\n<h3>Dining<\/h3>\n<p>Savor Thai and international flavors across our restaurants and bars \u2014 relaxed island dining with an Andaman view in Phuket.<\/p>\n<a class=\"view-more\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/dining\/\">View More<\/a>\n<\/div>\n<\/article>\n<article class=\"mrkc-rooms-related__card\">\n<img alt=\"Experiences at Mida Grande Resort Phuket\" decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2023\/04\/La-Lune-Rooftop-Pool1.jpg\"\/>\n<div class=\"mrkc-rooms-related__card-body\">\n<h3>Experiences<\/h3>\n<p>The rooftop pool, Surin &amp; Bang Tao beaches, and island adventures \u2014 easy, peaceful days by the Andaman in Phuket await.<\/p>\n<a class=\"view-more\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/experience\/\">View More<\/a>\n<\/div>\n<\/article>\n<article class=\"mrkc-rooms-related__card\">\n<img alt=\"Exclusive Offers at Mida Grande Resort Phuket\" decoding=\"async\" src=\"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2026\/05\/Banner.jpg\"\/>\n<div class=\"mrkc-rooms-related__card-body\">\n<h3>Offers<\/h3>\n<p>Exclusive packages and seasonal promotions \u2014 discover the best resort deals for your next tropical escape in Phuket.<\/p>\n<a class=\"view-more\" href=\"https:\/\/mhg.co.th\/midagrandephuket\/exclusive-offers\/\">View More<\/a>\n<\/div>\n<\/article>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-4f2923c e-flex e-con-boxed e-con e-parent\" data-e-type=\"container\" data-element_type=\"container\" data-id=\"4f2923c\">\n<div class=\"e-con-inner\">\n<div class=\"elementor-element elementor-element-657c6b4 elementor-widget elementor-widget-html\" data-e-type=\"widget\" data-element_type=\"widget\" data-id=\"657c6b4\" data-widget_type=\"html.default\">\n<!--\n      ===========================================================================\n      MRKC HOME \u2014 00 BASE \/ SHARED STYLES\n      Drop this once on the page (or in Elementor \u2192 Site Settings \u2192 Custom CSS\n      without the <style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; } tags). Defines brand colors, fonts, reset, and\n      shared .mrkc-btn-* button classes used by every section.\n      ===========================================================================\n    -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      :root {\n        \/* Colors follow the active Elementor\/WordPress Global Colors (Site Settings).\n           The values after the comma are fallbacks used only when no theme kit is present. *\/\n        --mrkc-brand:       var(--e-global-color-accent, #911a1c);\n        --mrkc-brand-dark:  var(--e-global-color-primary, #731416);\n        --mrkc-gold:        var(--e-global-color-secondary, #911a1c);\n        --mrkc-ink:         var(--e-global-color-primary, #14312f);\n        --mrkc-muted:       var(--e-global-color-text, #6f6f6f);\n        --mrkc-bg:          transparent;\n        --mrkc-bg-ash:      #f5f3ee;\n        --mrkc-line:        #e6e2d8;\n        --mrkc-max:         1600px;\n        \/* Fonts follow the active Elementor\/WordPress Global Fonts, with safe system fallbacks. *\/\n        --mrkc-serif:       var(--e-global-typography-primary-font-family, Georgia, 'Times New Roman', serif);\n        --mrkc-sans:        var(--e-global-typography-text-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n      }\n    \n      \/* Scope reset to .mrkc-* containers so we don't break Elementor's own CSS *\/\n      [class^=\"mrkc-\"], [class*=\" mrkc-\"] { box-sizing: border-box; }\n      [class^=\"mrkc-\"] img, [class*=\" mrkc-\"] img { max-width: 100%; display: block; }\n      [class^=\"mrkc-\"] a, [class*=\" mrkc-\"] a { color: inherit; text-decoration: none; }\n      [class^=\"mrkc-\"] h1, [class^=\"mrkc-\"] h2, [class^=\"mrkc-\"] h3,\n      [class*=\" mrkc-\"] h1, [class*=\" mrkc-\"] h2, [class*=\" mrkc-\"] h3 {\n        font-family: var(--mrkc-serif); font-weight: 500; line-height: 1.2;\n        margin: 0 0 .5em; letter-spacing: .01em;\n      }\n      [class^=\"mrkc-\"] p, [class*=\" mrkc-\"] p { line-height: 1.7; }\n    \n      \/* Shared eyebrow \/ lead \/ title *\/\n      .mrkc-eyebrow {\n        font-family: var(--mrkc-sans); font-size: 12px; letter-spacing: .22em;\n        text-transform: uppercase; color: var(--mrkc-gold); margin: 0 0 14px; font-weight: 500;\n      }\n      .mrkc-title { font-family: var(--mrkc-serif); font-size: clamp(28px, 4vw, 44px); margin: 0 0 16px; line-height: 1.2; }\n      .mrkc-lead  { max-width: 760px; margin: 0 auto 24px; font-size: 17px; color: var(--mrkc-muted); font-family: var(--mrkc-sans); }\n      .mrkc-center { text-align: center; }\n    \n      \/* Shared buttons *\/\n      .mrkc-btn {\n        display: inline-block;\n        padding: 14px 32px;\n        font-family: var(--mrkc-sans);\n        font-size: 12px;\n        font-weight: 500;\n        letter-spacing: .25em;\n        text-transform: uppercase;\n        border: 1px solid currentColor;\n        background: transparent;\n        color: var(--mrkc-ink);\n        cursor: pointer;\n        transition: all .25s ease;\n        text-decoration: none;\n      }\n      .mrkc-btn:hover { background: var(--mrkc-ink); color: #fff; -webkit-text-fill-color: #fff; }\n      .mrkc-btn--gold { color: var(--mrkc-gold); border-color: var(--mrkc-gold); }\n      .mrkc-btn--gold:hover { background: var(--mrkc-gold); color: #fff; -webkit-text-fill-color: #fff; }\n      .mrkc-btn--solid { background: var(--mrkc-brand); color: #fff; -webkit-text-fill-color: #fff; border-color: var(--mrkc-brand); }\n      .mrkc-btn--solid:hover { background: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n      .mrkc-btn--link {\n        border: none;\n        padding: 6px 0;\n        border-bottom: 1px solid var(--mrkc-gold);\n        color: var(--mrkc-gold);\n        letter-spacing: .25em;\n        font-family: var(--mrkc-sans); font-size: 12px; text-transform: uppercase; font-weight: 500;\n      }\n      .mrkc-btn--link:hover { background: none; color: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\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      .mrkc-rooms-hero, .mrkc-rooms-breadcrumb, .mrkc-rooms-intro,\n      .mrkc-rooms-list, .mrkc-rooms-exp, .mrkc-rooms-related {\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n      }\n      \/* Re-assert the experiences cover image so the theme\/reset can't shrink it *\/\n      .mrkc-rooms-exp__image img { height: 100% !important; }\n      \/* Guard against a horizontal scrollbar caused by 100vw *\/\n      html, body { overflow-x: hidden; }\n    <\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/main>\n\n    <script>\n    (function () {\n      var sliders = document.querySelectorAll('.mrkc-rooms-list .mrkc-slider');\n\n      Array.prototype.forEach.call(sliders, function (root) {\n        var slides = root.querySelectorAll('.mrkc-slider__slide');\n        var dotsWrap = root.querySelector('.mrkc-slider__dots');\n        var prev = root.querySelector('.mrkc-slider__arrow--prev');\n        var next = root.querySelector('.mrkc-slider__arrow--next');\n        var total = slides.length;\n        var index = 0;\n        var timer = null;\n        var interval = parseInt(root.getAttribute('data-interval'), 10) || 6000;\n\n        function load(i) {\n          var s = slides[i];\n          if (!s || s.getAttribute('data-loaded')) return;\n          var url = s.getAttribute('data-bg');\n          if (url) s.style.backgroundImage = \"url('\" + url + \"')\";\n          s.setAttribute('data-loaded', '1');\n        }\n\n        \/\/ Single image: no arrows \/ no bullets (is-multi never added)\n        if (total > 1) root.classList.add('is-multi');\n\n        var dots = [];\n        if (dotsWrap && total > 1) {\n          for (var i = 0; i < total; i++) {\n            (function (i) {\n              var b = document.createElement('button');\n              b.type = 'button';\n              b.className = 'mrkc-slider__dot' + (i === 0 ? ' is-active' : '');\n              b.setAttribute('aria-label', 'Go to image ' + (i + 1));\n              b.addEventListener('click', function () { go(i); restart(); });\n              dotsWrap.appendChild(b);\n              dots.push(b);\n            })(i);\n          }\n        }\n\n        function go(i) {\n          index = (i + total) % total;\n          load(index);\n          load((index + 1) % total);\n          for (var k = 0; k < total; k++) {\n            slides[k].classList.toggle('is-active', k === index);\n            if (dots[k]) dots[k].classList.toggle('is-active', k === index);\n          }\n        }\n\n        function restart() {\n          if (total < 2) return;\n          clearInterval(timer);\n          timer = setInterval(function () { go(index + 1); }, interval);\n        }\n\n        if (prev) prev.addEventListener('click', function () { go(index - 1); restart(); });\n        if (next) next.addEventListener('click', function () { go(index + 1); restart(); });\n\n        root.addEventListener('mouseenter', function () { clearInterval(timer); });\n        root.addEventListener('mouseleave', restart);\n\n        \/\/ Swipe on touch devices\n        var startX = null;\n        root.addEventListener('touchstart', function (e) {\n          startX = e.changedTouches[0].clientX;\n          clearInterval(timer);\n        }, { passive: true });\n        root.addEventListener('touchend', function (e) {\n          if (startX === null) return;\n          var dx = e.changedTouches[0].clientX - startX;\n          if (Math.abs(dx) > 40) go(index + (dx < 0 ? 1 : -1));\n          startX = null;\n          restart();\n        }, { passive: true });\n\n        go(0);\n        restart();\n      });\n    })();\n    <\/script>\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>\n<\/body>\n<\/html>\n<!-- Mobile responsive hero -->\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n@media (max-width: 768px) {\n  .mrkc-rooms-hero { height: 720px !important; min-height: 720px !important; max-height: 720px !important; }\n  .mrkc-rooms-hero img { height: 720px !important; min-height: 720px !important; max-height: 720px !important; }\n}\n<\/style>\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>Mida Grande Resort Phuket \u2014 Rooms, Suites &amp; Villas Check-in Check-out Rooms &minus; 1 + Guests &minus; 2 + Book Now Accommodation DISCOVER YOUR TROPICAL STAY IN PHUKET Mida Grande Resort Phuket offers a collection of stylish rooms, spacious suites, and private pool villas designed for a comfortable island escape. Fully furnished and thoughtfully equipped [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":522,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/101","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=101"}],"version-history":[{"count":132,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":6706,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/101\/revisions\/6706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media\/522"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}