{"id":8234,"date":"2026-08-17T13:38:42","date_gmt":"2026-08-17T13:38:42","guid":{"rendered":"https:\/\/mhg.co.th\/aceofhuahinresort\/?page_id=8234"},"modified":"2026-08-25T12:22:57","modified_gmt":"2026-08-25T12:22:57","slug":"rooms","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/aceofhuahinresort\/rooms\/","title":{"rendered":"Rooms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8234\" class=\"elementor elementor-8234\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d33cde7 e-con-full e-flex e-con e-parent\" data-id=\"d33cde7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5cd7a elementor-widget elementor-widget-html\" data-id=\"9d5cd7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');\n[class^=\"mrkc-\"],[class*=\" mrkc-\"],[class^=\"aohh-\"],[class*=\" aohh-\"],\n[class^=\"mrkc-\"] *,[class*=\" mrkc-\"] *,[class^=\"aohh-\"] *,[class*=\" aohh-\"] *{\n  font-family:'Noto Sans Thai', sans-serif !important;\n}\n<\/style>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Ace of Hua Hin Resort \u2014 Rooms &amp; Suites<\/title>\n<\/head>\n<body>\n    <main id=\"content\" class=\"site-main post-9 page type-page status-publish hentry\">\n    \n        \n        <div class=\"page-content\">\n                    <div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n                    <div class=\"elementor-element elementor-element-eb6e33c e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"eb6e33c\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-72bd4b9 elementor-widget elementor-widget-html\" data-id=\"72bd4b9\" data-element_type=\"widget\" data-e-type=\"widget\" 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      .mrkc-rooms-hero {\n        position: relative;\n        height: 720px;\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:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_1.jpg'); \/* TODO swap to Media URL *\/\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\n    \n      \/* Booking widget (date picker) \u2014 same pattern as Home hero *\/\n      .mrkc-rooms-booking {\n        position: absolute;\n        bottom: 60px; left: 50%;\n        transform: translateX(-50%);\n        z-index: 3;\n        background: rgba(255,255,255,.96);\n        backdrop-filter: blur(6px);\n        padding: 18px 24px;\n        display: grid;\n        grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto;\n        gap: 18px;\n        align-items: center;\n        border-radius: 6px;\n        max-width: min(980px, calc(100% - 32px));\n        width: 100%;\n        box-shadow: 0 16px 40px rgba(0,0,0,.18);\n      }\n      .mrkc-rooms-booking label {\n        display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase;\n        color: var(--mrkc-muted); margin-bottom: 6px; font-weight: 500;\n      }\n      .mrkc-rooms-booking input {\n        width: 100%; border: none; background: transparent;\n        font-family: var(--mrkc-sans); font-size: 14px;\n        color: #030303 !important; -webkit-text-fill-color: #030303 !important;\n        padding: 0; outline: none;\n      }\n      \/* keep the date field's inner text readable on ALL browsers incl. iOS Safari (not sinking into the white form) *\/\n      .mrkc-rooms-booking input[type=\"date\"] {\n        color: #030303 !important; -webkit-text-fill-color: #030303 !important;\n        min-height: 20px !important; line-height: 1.4 !important; opacity: 1 !important;\n      }\n      \/* iOS Safari paints the date text\/placeholder in ::-webkit-date-and-time-value (NOT the datetime-edit-* pseudos) *\/\n      .mrkc-rooms-booking input::-webkit-date-and-time-value {\n        color: #030303 !important; -webkit-text-fill-color: #030303 !important;\n        text-align: left !important; opacity: 1 !important;\n      }\n      \/* Chrome \/ desktop pseudo-elements *\/\n      .mrkc-rooms-booking input::-webkit-datetime-edit,\n      .mrkc-rooms-booking input::-webkit-datetime-edit-fields-wrapper,\n      .mrkc-rooms-booking input::-webkit-datetime-edit-text,\n      .mrkc-rooms-booking input::-webkit-datetime-edit-month-field,\n      .mrkc-rooms-booking input::-webkit-datetime-edit-day-field,\n      .mrkc-rooms-booking input::-webkit-datetime-edit-year-field { color: #030303 !important; -webkit-text-fill-color: #030303 !important; opacity: 1 !important; }\n      .mrkc-rooms-booking__field { border-right: 1px solid var(--mrkc-line); padding-right: 18px; }\n      .mrkc-rooms-booking__field:last-of-type { border-right: none; }\n\n      \/* Guests +\/- stepper (replaces the dropdown) *\/\n      .mrkc-rooms-stepper { display: flex; align-items: center; gap: 14px; }\n      .mrkc-rooms-stepper__btn {\n        width: 32px; height: 32px; flex: 0 0 32px;\n        display: inline-flex; align-items: center; justify-content: center;\n        padding: 0 !important; margin: 0 !important;\n        border: 1px solid #1d77b5 !important;\n        background: transparent !important;\n        color: #1d77b5 !important;\n        -webkit-text-fill-color: #1d77b5 !important;\n        border-radius: 50% !important;\n        box-shadow: none !important;\n        font-size: 18px; line-height: 1; font-weight: 500;\n        cursor: pointer;\n        transition: background .2s ease, color .2s ease, opacity .2s ease;\n      }\n      .mrkc-rooms-stepper__btn:hover {\n        background: #1d77b5 !important;\n        color: #fff !important; -webkit-text-fill-color: #fff !important;\n        opacity: 1;\n      }\n      .mrkc-rooms-stepper__btn:disabled { opacity: .3; cursor: not-allowed; }\n      .mrkc-rooms-stepper__val {\n        min-width: 22px; text-align: center;\n        font-size: 15px; font-weight: 600; color: #030303;\n      }\n\n      \/* Book Now button \u2014 brighter & lifted (no longer \"sunken\") *\/\n      .mrkc-rooms-booking .mrkc-btn { white-space: nowrap; padding: 15px 30px; }\n      .mrkc-rooms-booking .mrkc-btn--solid {\n        background: linear-gradient(180deg, #2a8fd0 0%, #1d77b5 100%) !important;\n        border: none !important;\n        color: #fff !important; -webkit-text-fill-color: #fff !important;\n        font-weight: 600; letter-spacing: .16em;\n        border-radius: 4px;\n        box-shadow: 0 8px 18px rgba(29,119,181,.35);\n        transition: background .25s ease, box-shadow .25s ease, transform .12s ease;\n      }\n      .mrkc-rooms-booking .mrkc-btn--solid:hover {\n        background: linear-gradient(180deg, #1d77b5 0%, #155e91 100%) !important;\n        box-shadow: 0 10px 24px rgba(29,119,181,.45);\n        transform: translateY(-1px);\n        opacity: 1;\n      }\n\n      \/* ---- Responsive ---- *\/\n      @media (max-width: 900px) {\n        .mrkc-rooms-booking {\n          grid-template-columns: 1fr 1fr;\n          width: 100%; max-width: calc(100% - 28px);\n          gap: 16px 18px; bottom: 32px;\n        }\n        .mrkc-rooms-booking__field { border-right: none; padding-right: 0; }\n        .mrkc-rooms-booking__field--guests { grid-column: 1 \/ -1; }\n        .mrkc-rooms-booking .mrkc-btn { grid-column: 1 \/ -1; width: 100%; }\n      }\n      @media (max-width: 520px) {\n        .mrkc-rooms-booking {\n          grid-template-columns: 1fr;\n          bottom: 20px; padding: 16px 18px; gap: 14px;\n        }\n      }\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    \n    <section class=\"mrkc-rooms-hero\">\n      <form action=\"https:\/\/reservation.travelanium.net\/propertyibe2\/\" target=\"_blank\" class=\"mrkc-rooms-booking\">\n        <input type=\"hidden\" name=\"onlineId\" value=\"4\" \/>\n        <input type=\"hidden\" name=\"propertyId\" value=\"603\" \/>\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        <input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n\n        <div class=\"mrkc-rooms-booking__field\">\n          <label for=\"mrkcRoomsCheckin\">Check-in<\/label>\n          <input type=\"date\" id=\"mrkcRoomsCheckin\" name=\"checkin\" required=\"\">\n        <\/div>\n        <div class=\"mrkc-rooms-booking__field\">\n          <label for=\"mrkcRoomsCheckout\">Check-out<\/label>\n          <input type=\"date\" id=\"mrkcRoomsCheckout\" name=\"checkout\" required=\"\">\n        <\/div>\n        <div class=\"mrkc-rooms-booking__field mrkc-rooms-booking__field--rooms\">\n          <label for=\"mrkcRoomsRooms\">Rooms<\/label>\n          <div class=\"mrkc-rooms-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"mrkcRoomsRooms\">\n            <button type=\"button\" class=\"mrkc-rooms-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease rooms\">&minus;<\/button>\n            <span class=\"mrkc-rooms-stepper__val\" id=\"mrkcRoomsRoomsVal\">1<\/span>\n            <button type=\"button\" class=\"mrkc-rooms-stepper__btn\" data-step=\"1\" aria-label=\"Increase rooms\">+<\/button>\n            <input type=\"hidden\" id=\"mrkcRoomsRooms\" name=\"numofroom\" value=\"1\">\n          <\/div>\n        <\/div>\n        <div class=\"mrkc-rooms-booking__field mrkc-rooms-booking__field--guests\">\n          <label for=\"mrkcRoomsGuests\">Guests<\/label>\n          <div class=\"mrkc-rooms-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"mrkcRoomsGuests\">\n            <button type=\"button\" class=\"mrkc-rooms-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease guests\">&minus;<\/button>\n            <span class=\"mrkc-rooms-stepper__val\" id=\"mrkcRoomsGuestsVal\">2<\/span>\n            <button type=\"button\" class=\"mrkc-rooms-stepper__btn\" data-step=\"1\" aria-label=\"Increase guests\">+<\/button>\n            <input type=\"hidden\" id=\"mrkcRoomsGuests\" name=\"numofadult\" value=\"2\">\n          <\/div>\n        <\/div>\n        <button type=\"submit\" class=\"mrkc-btn mrkc-btn--solid\">Book Now<\/button>\n      <\/form>\n    <\/section>\n\n    <script>\n    (function () {\n      var steppers = document.querySelectorAll('.mrkc-rooms-booking .mrkc-rooms-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('.mrkc-rooms-stepper__val');\n        var inputId = stepper.getAttribute('data-for');\n        var input = document.getElementById(inputId);\n        var dec   = stepper.querySelector('[data-step=\"-1\"]');\n        var inc   = stepper.querySelector('[data-step=\"1\"]');\n\n        if (!input || !valEl || !dec || !inc) return;\n\n        function render() {\n          var v = parseInt(input.value, 10);\n          valEl.textContent = v;\n          dec.disabled = v <= min;\n          inc.disabled = v >= max;\n        }\n        [dec, inc].forEach(function (btn) {\n          btn.addEventListener('click', function () {\n            var v = parseInt(input.value, 10) + parseInt(btn.getAttribute('data-step'), 10);\n            v = Math.max(min, Math.min(max, v));\n            input.value = v;\n            render();\n          });\n        });\n        render();\n      });\n    })();\n    <\/script>\n                    <\/div>\n                    <\/div>\n            <div class=\"elementor-element elementor-element-3bff2f6 e-con-full e-flex e-con e-parent e-lazyloaded\" data-id=\"3bff2f6\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-ef38af3 elementor-widget elementor-widget-html\" data-id=\"ef38af3\" data-element_type=\"widget\" data-e-type=\"widget\" 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      .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    \n    <section class=\"mrkc-rooms-intro\">\n      <div class=\"mrkc-rooms-intro__inner\">\n        <p class=\"mrkc-eyebrow\">Accommodation<\/p>\n        <h2>Our Rooms &amp; Private Pool Suites<\/h2>\n        <p>Ace of Hua Hin Resort offers stylish rooms, suites, and private pool suites designed for relaxing days by the sea. Wake up to the calm atmosphere of Hua Hin, enjoy modern comforts, and unwind in a beachfront setting perfect for couples, families, and peaceful getaways.<\/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-id=\"a8ffb74\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-284ac97 elementor-widget elementor-widget-html\" data-id=\"284ac97\" data-element_type=\"widget\" data-e-type=\"widget\" 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: aceofhuahinresort.com\/room\/\n      ===========================================================================\n    -->\n    <style>\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-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    \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) { .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: 0;\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    <\/style>\n    \n    <section class=\"mrkc-rooms-list\">\n      <h2 class=\"mrkc-rooms-list__title\">Our Rooms &amp; Suites<\/h2>\n    \n      <div class=\"mrkc-rooms-list__grid\">\n    \n        <!-- 1. Ace Superior -->\n        <article class=\"mrkc-room-card\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Superior_02-scaled.jpg\" role=\"img\" aria-label=\"Ace Superior\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Superior_03-scaled.jpg\" role=\"img\" aria-label=\"Ace Superior\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Superior_05-scaled.jpg\" role=\"img\" aria-label=\"Ace Superior\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/01\/Screen-Shot-2565-01-27-at-16.24.08.png\" role=\"img\" aria-label=\"Ace Superior\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/01\/Screen-Shot-2565-01-27-at-16.24.30.png\" role=\"img\" aria-label=\"Ace Superior\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/01\/Screen-Shot-2565-01-27-at-16.24.54-1.png\" role=\"img\" aria-label=\"Ace Superior\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"Ace Superior images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">Ace Superior<\/h3>\n            <p class=\"mrkc-room-card__desc\">Set in the independent Spa Wing, with a spacious balcony, a comfortable sitting area, and a bathroom with bathtub \u2014 a relaxing base for your Hua Hin escape.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Garden View<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>1\u20132 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>45 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King \/ Twin<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 2. Ace Deluxe -->\n        <article class=\"mrkc-room-card is-reverse\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Deluxe_01-scaled.jpg\" role=\"img\" aria-label=\"Ace Deluxe\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"Ace Deluxe images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">Ace Deluxe<\/h3>\n            <p class=\"mrkc-room-card__desc\">A private balcony with daybed, a large sitting area, minibar and IP TV, plus a bathroom with bathtub and separate shower.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Pool \/ Garden<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>1\u20132 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>45 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King \/ Twin<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 3. Ace Deluxe Pool Access -->\n        <article class=\"mrkc-room-card\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Deluxe-Pool-Access_03-scaled.jpg\" role=\"img\" aria-label=\"Ace Deluxe Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Deluxe-Pool-Access_02-scaled.jpg\" role=\"img\" aria-label=\"Ace Deluxe Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Deluxe-Pool-Access_04-scaled.jpg\" role=\"img\" aria-label=\"Ace Deluxe Pool Access\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"Ace Deluxe Pool Access images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">Ace Deluxe Pool Access<\/h3>\n            <p class=\"mrkc-room-card__desc\">A spacious terrace connects directly to the sea-view infinity pool, with an in-room sitting area and an outdoor daybed.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Sea-View Pool<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>1\u20132 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>45 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King \/ Twin<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 4. Ace Junior Suite Pool Access -->\n        <article class=\"mrkc-room-card is-reverse\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Junior-Suite-Pool-Access_02-scaled.jpg\" role=\"img\" aria-label=\"Ace Junior Suite Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Junior-Suite-Pool-Access_01-scaled.jpg\" role=\"img\" aria-label=\"Ace Junior Suite Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Junior-Suite-Pool-Access_04-scaled.jpg\" role=\"img\" aria-label=\"Ace Junior Suite Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/Junior-Suite-Pool-Access_03-scaled.jpg\" role=\"img\" aria-label=\"Ace Junior Suite Pool Access\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"Ace Junior Suite Pool Access images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">Ace Junior Suite Pool Access<\/h3>\n            <p class=\"mrkc-room-card__desc\">A generous suite whose terrace connects to the infinity pool, with a private garden area, bathtub, and separate shower.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Infinity Pool<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>1\u20132 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>60 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King Bed<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 5. 2-Bedroom Ace Suite Garden View -->\n        <article class=\"mrkc-room-card\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/06_ACE-Two-Bedroom-Suit-Premium-View-2107_DSC_4050_NTS-1.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Garden View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/06_ACE-Two-Bedroom-Suit-Premium-View-2107_DSC_4036_NTS-1.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Garden View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/06_ACE-Two-Bedroom-Suit-Premium-View-2107_DSC_4044_NTS-1.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Garden View\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"2-Bedroom Ace Suite Garden View images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">2-Bedroom Ace Suite Garden View<\/h3>\n            <p class=\"mrkc-room-card__desc\">Two bedrooms, a separate living room, and a dining area open onto an extra-large balcony overlooking the gardens \u2014 ideal for families.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Garden View<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>110 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 Bedrooms<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 6. 2-Bedroom Ace Suite Premium View -->\n        <article class=\"mrkc-room-card is-reverse\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/ACE-Two-Bedroom-Suit-Premium-View-1.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/ACE-Two-Bedroom-Suit-Premium-View-2.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/ACE-Two-Bedroom-Suit-Premium-View-3.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/ACE-Two-Bedroom-Suit-Premium-View-4.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/ACE-Two-Bedroom-Suit-Premium-View-5.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/03_ACE-Two-Bedroom-Suit-Premium-View-3201_DSC_3221_NTS.jpeg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/03_ACE-Two-Bedroom-Suit-Premium-View-3201_DSC_3210_NTS.jpeg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Premium View\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"2-Bedroom Ace Suite Premium View images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">2-Bedroom Ace Suite Premium View<\/h3>\n            <p class=\"mrkc-room-card__desc\">Two bedrooms, a separate living room, and a dining area with an extra-large balcony framing beautiful sea views.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Sea View<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>110 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 Bedrooms<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 7. 2-Bedroom Ace Suite Pool Access -->\n        <article class=\"mrkc-room-card\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Suite-Pool-Access_03-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Suite-Pool-Access_01-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Suite-Pool-Access_05-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Pool Access\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Suite-Pool-Access_06-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Suite Pool Access\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"2-Bedroom Ace Suite Pool Access images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">2-Bedroom Ace Suite Pool Access<\/h3>\n            <p class=\"mrkc-room-card__desc\">Two bedrooms, separate living and dining areas, and an extra-large balcony with daybed connecting straight to the infinity pool.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Infinity Pool<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>110 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 Bedrooms<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 8. 1-Bedroom Ace Seaview Suite Private Pool -->\n        <article class=\"mrkc-room-card is-reverse\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_1.jpg\" role=\"img\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_5.jpg\" role=\"img\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_3.jpg\" role=\"img\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_4.jpg\" role=\"img\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_2.jpg\" role=\"img\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/05\/1-Bedroom-SeaView-Suite-Private-Pool_6.jpg\" role=\"img\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"1-Bedroom Ace Seaview Suite Private Pool images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">1-Bedroom Ace Seaview Suite Private Pool<\/h3>\n            <p class=\"mrkc-room-card__desc\">A king-bed suite with a separate living room, a six-person dining table, and your own private sea-view infinity pool.<\/p>\n            <div class=\"mrkc-room-card__features\">\n              <div class=\"mrkc-room-card__feature\"><h4>View<\/h4><p>Sea View<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>156 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>King Bed<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- 9. 2-Bedroom Ace Tropical Suite Private Pool -->\n        <article class=\"mrkc-room-card\">\n          <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n            <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Tropical-Suite-Private-Pool_14-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Tropical Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Tropical-Suite-Private-Pool_06-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Tropical Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Tropical-Suite-Private-Pool_01-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Tropical Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Tropical-Suite-Private-Pool_04-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Tropical Suite Private Pool\"><\/div>\n            <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/2-Bedroom-Tropical-Suite-Private-Pool_05-scaled.jpg\" role=\"img\" aria-label=\"2-Bedroom Ace Tropical Suite Private Pool\"><\/div>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">&#8249;<\/button>\n            <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">&#8250;<\/button>\n            <div class=\"mrkc-slider__dots\" aria-label=\"2-Bedroom Ace Tropical Suite Private Pool images\"><\/div>\n          <\/div>\n          <div class=\"mrkc-room-card__body\">\n            <h3 class=\"mrkc-room-card__name\">2-Bedroom Ace Tropical Suite Private Pool<\/h3>\n            <p class=\"mrkc-room-card__desc\">Our most spacious option, with a vast living room, two bedrooms, a private sundeck, and your own infinity pool.<\/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>4 Guests<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>215 m\u00b2<\/p><\/div>\n              <div class=\"mrkc-room-card__feature\"><h4>Bedding<\/h4><p>2 Bedrooms<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/section>\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                    <\/div>\n                    <div class=\"elementor-element elementor-element-3fa04c5 elementor-widget elementor-widget-html\" data-id=\"3fa04c5\" data-element_type=\"widget\" data-e-type=\"widget\" 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      .mrkc-rooms-exp {\n        position: relative;\n        background-image: url('https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/03\/DSC04092-scaled-e1709797327580.jpg'); \/* TODO swap to Media URL *\/\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 !important; border-color: #fff !important;\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    \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 Sea<\/h2>\n          <p>Relax by the oceanfront pool, spend slow days on the beach, or enjoy live music, cocktails, and fire shows at Ace Beach Club. From cooking classes to the organic farm, there\u2019s always a memorable moment by the sea in Hua Hin.<\/p>\n          <a href=\"https:\/\/mhg.co.th\/aceofhuahinresort\/facilities\/\" class=\"mrkc-btn\">Explore Experiences<\/a>\n        <\/div>\n        <div class=\"mrkc-rooms-exp__image\">\n          <img decoding=\"async\" src=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/03\/DSCF5604-1-scaled-e1709797286234.jpg\" alt=\"Easy days by the sea at Ace of Hua Hin Resort\">\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-id=\"d78be1f\" data-element_type=\"container\" data-e-type=\"container\">\n                    <div class=\"elementor-element elementor-element-0487604 elementor-widget elementor-widget-html\" data-id=\"0487604\" data-element_type=\"widget\" data-e-type=\"widget\" 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      .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    \n    <section class=\"mrkc-rooms-related\">\n      <h2>You May Also Like<\/h2>\n      <div class=\"mrkc-rooms-related__grid\">\n    \n        <article class=\"mrkc-rooms-related__card\">\n          <img decoding=\"async\" src=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2022\/06\/The-IVY-Beachfront-Restaurant_02-scaled-e1654080571717.jpg\" alt=\"Dining at Ace of Hua Hin Resort\">\n          <div class=\"mrkc-rooms-related__card-body\">\n            <h3>Dining<\/h3>\n            <p>From all-day dining at The Exchange to beachfront flavors at The IVY \u2014 savor Thai favorites, cocktails, and sunset drinks by the sea.<\/p>\n            <a class=\"view-more\" href=\"https:\/\/mhg.co.th\/aceofhuahinresort\/dining\/\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mrkc-rooms-related__card\">\n          <img decoding=\"async\" src=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2024\/03\/IMG_3082-scaled-e1709797305873.jpg\" alt=\"Experiences\">\n          <div class=\"mrkc-rooms-related__card-body\">\n            <h3>Experiences<\/h3>\n            <p>Oceanfront pools, the beach, fire shows at Ace Beach Club, cooking classes, and the organic farm \u2014 easy days by the sea await.<\/p>\n            <a class=\"view-more\" href=\"https:\/\/mhg.co.th\/aceofhuahinresort\/facilities\/\">View More<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"mrkc-rooms-related__card\">\n          <img decoding=\"async\" src=\"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-content\/uploads\/2026\/01\/Early-Bird.jpg\" alt=\"Special Offers\">\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 beachfront escape in Hua Hin.<\/p>\n            <a class=\"view-more\" href=\"https:\/\/mhg.co.th\/aceofhuahinresort\/promotion\/\">View More<\/a>\n          <\/div>\n        <\/article>\n    \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-id=\"4f2923c\" data-element_type=\"container\" data-e-type=\"container\">\n                        <div class=\"e-con-inner\">\n                    <div class=\"elementor-element elementor-element-657c6b4 elementor-widget elementor-widget-html\" data-id=\"657c6b4\" data-element_type=\"widget\" data-e-type=\"widget\" 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> tags). Defines brand colors, fonts, reset, and\n      shared .mrkc-btn-* button classes used by every section.\n      ===========================================================================\n    -->\n    <style>\n      :root {\n  --mrkc-primary: #1d77b5;\n  --mrkc-secondary: #565a5a;\n  --mrkc-accent: #9a9b9f;\n  --mrkc-brand: #1d77b5;\n  --mrkc-brand-dark: #155e91;\n  --mrkc-gold: #9a9b9f;\n  --mrkc-ink: inherit;\n  --mrkc-muted: #565a5a;\n  --mrkc-bg: transparent;\n  --mrkc-bg-ash: #f6f6f6;\n  --mrkc-line: rgba(3, 3, 3, .12);\n  --mrkc-max: 1600px;\n  --mrkc-serif: inherit;\n  --mrkc-sans: inherit;\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 !important; }\n      .mrkc-btn--gold { color: var(--mrkc-gold); border-color: var(--mrkc-gold); }\n      .mrkc-btn--gold:hover { background: var(--mrkc-gold); color: #fff !important; }\n      .mrkc-btn--solid { background: var(--mrkc-brand); color: #fff !important; 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            \n            \n                <\/div>\n    \n        \n    <\/main>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ace of Hua Hin Resort \u2014 Rooms &amp; Suites Check-in Check-out Rooms &minus; 1 + Guests &minus; 2 + Book Now Accommodation Our Rooms &amp; Private Pool Suites Ace of Hua Hin Resort offers stylish rooms, suites, and private pool suites designed for relaxing days by the sea. Wake up to the calm atmosphere of [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/pages\/8234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/comments?post=8234"}],"version-history":[{"count":10,"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/pages\/8234\/revisions"}],"predecessor-version":[{"id":8345,"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/pages\/8234\/revisions\/8345"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/aceofhuahinresort\/wp-json\/wp\/v2\/media?parent=8234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}