{"id":6665,"date":"2022-04-02T07:31:37","date_gmt":"2022-04-02T00:31:37","guid":{"rendered":"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/"},"modified":"2026-08-31T23:54:03","modified_gmt":"2026-08-31T16:54:03","slug":"rooms","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/","title":{"rendered":"Rooms"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n \n \n Mida De Sea Hua Hin \u2014 Rooms<\/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 * { 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 .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.midadeseahuahin.com\/wp-content\/uploads\/2026\/03\/Mida-De-Sea-Hua-Hin-official-website-hotel.webp');\n background-size: cover; background-position: center;\n z-index: 0;\n }\n .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 (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: 1fr 1fr 1fr auto;\n gap: 18px;\n align-items: center;\n border-radius: 4px;\n max-width: min(900px, calc(100% - 40px));\n width: 900px;\n box-shadow: 0 16px 40px rgba(0,0,0,.18);\n }\n .mrkc-rooms-booking label {\n display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase;\n color: var(--mrkc-muted); margin-bottom: 4px; font-weight: 500;\n }\n .mrkc-rooms-booking input, .mrkc-rooms-booking select {\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 + select options readable (not sinking into the white form) *\/\n .mrkc-rooms-booking input[type=\"date\"] { color: #030303 !important; -webkit-text-fill-color: #030303 !important; }\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; }\n .mrkc-rooms-booking select option { color: #030303 !important; -webkit-text-fill-color: #030303 !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 .mrkc-rooms-booking .mrkc-btn { white-space: nowrap; padding: 14px 26px; }\n \n @media (max-width: 720px) {\n .mrkc-rooms-booking { grid-template-columns: 1fr 1fr; bottom: 24px; }\n .mrkc-rooms-booking__field { border-right: none; padding-right: 0; }\n .mrkc-rooms-booking .mrkc-btn { grid-column: 1 \/ -1; }\n .mrkc-rooms-hero__content { padding-bottom: 220px; }\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 \n.aohh-booking {\n position: absolute;\n bottom: 60px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 3;\n background: rgba(255, 255, 255, .96);\n backdrop-filter: blur(6px);\n padding: 18px 24px;\n display: grid;\n grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto;\n gap: 18px;\n align-items: center;\n border-radius: 6px;\n max-width: min(980px, calc(100% - 32px));\n width: 100%;\n box-shadow: 0 16px 40px rgba(0, 0, 0, .18);\n }\n\n .aohh-booking label {\n display: block;\n font-size: 10px;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--mrkc-muted);\n margin-bottom: 6px;\n font-weight: 400;\n }\n\n .aohh-booking input {\n width: 100%;\n border: none;\n background: transparent;\n font-family: var(--mrkc-sans);\n font-size: 14px;\n color: #030303 !important;\n -webkit-text-fill-color: #030303 !important;\n padding: 0;\n outline: none;\n }\n\n \/* keep the date field's inner text readable on ALL browsers incl. iOS Safari (not sinking into the white form) *\/\n .aohh-booking input[type=\"date\"] {\n color: #030303 !important;\n -webkit-text-fill-color: #030303 !important;\n min-height: 20px !important;\n line-height: 1.4 !important;\n opacity: 1 !important;\n }\n\n \/* iOS Safari paints the date text\/placeholder in ::-webkit-date-and-time-value (NOT the datetime-edit-* pseudos) *\/\n .aohh-booking input::-webkit-date-and-time-value {\n color: #030303 !important;\n -webkit-text-fill-color: #030303 !important;\n text-align: left !important;\n opacity: 1 !important;\n }\n\n \/* Chrome \/ desktop pseudo-elements *\/\n .aohh-booking input::-webkit-datetime-edit,\n .aohh-booking input::-webkit-datetime-edit-fields-wrapper,\n .aohh-booking input::-webkit-datetime-edit-text,\n .aohh-booking input::-webkit-datetime-edit-month-field,\n .aohh-booking input::-webkit-datetime-edit-day-field,\n .aohh-booking input::-webkit-datetime-edit-year-field {\n color: #030303 !important;\n -webkit-text-fill-color: #030303 !important;\n opacity: 1 !important;\n }\n\n .aohh-booking__field {\n border-right: 1px solid var(--mrkc-line);\n padding-right: 18px;\n }\n\n .aohh-booking__field:last-of-type {\n border-right: none;\n }\n\n \/* Guests +\/- stepper (replaces the dropdown) *\/\n .aohh-stepper {\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .aohh-stepper__btn {\n width: 32px;\n height: 32px;\n flex: 0 0 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 !important;\n margin: 0 !important;\n border: 1px solid var(--mrkc-brand) !important;\n background: transparent !important;\n color: var(--mrkc-brand) !important;\n -webkit-text-fill-color: var(--mrkc-brand) !important;\n border-radius: 50% !important;\n box-shadow: none !important;\n font-size: 18px;\n line-height: 1;\n font-weight: 500;\n cursor: pointer;\n transition: background .2s ease, color .2s ease, opacity .2s ease;\n }\n\n .aohh-stepper__btn:hover {\n background: var(--mrkc-brand) !important;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n opacity: 1;\n }\n\n .aohh-stepper__btn:disabled {\n opacity: .3;\n cursor: not-allowed;\n }\n\n .aohh-stepper__val {\n min-width: 22px;\n text-align: center;\n font-size: 15px;\n font-weight: 600;\n color: #030303;\n }\n\n \/* Book Now button \u2014 brighter & lifted (no longer \"sunken\") *\/\n .aohh-booking .aohh-btn {\n white-space: nowrap;\n padding: 15px 30px;\n }\n\n .aohh-booking .aohh-btn--solid {\n background: linear-gradient(180deg, #2a8fd0 0%, #1d77b5 100%) !important;\n border: none !important;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n font-weight: 600;\n 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\n .aohh-booking .aohh-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 \/* Mobile: shorten the hero so it isn't a full 100vh of empty image *\/\n @media (max-width: 768px) {\n .aohh-hero {\n min-height: clamp(560px, 72vh, 760px);\n }\n }\n\n @media (max-width: 900px) {\n .aohh-booking {\n grid-template-columns: 1fr 1fr;\n width: 100%;\n max-width: calc(100% - 28px);\n gap: 16px 18px;\n bottom: 32px;\n }\n\n .aohh-booking__field {\n border-right: none;\n padding-right: 0;\n }\n\n .aohh-booking .aohh-btn {\n grid-column: 1 \/ -1;\n width: 100%;\n }\n }\n\n @media (max-width: 520px) {\n .aohh-booking {\n grid-template-columns: 1fr;\n bottom: 20px;\n padding: 16px 18px;\n gap: 14px;\n }\n }\n\/* ---- 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 \n <\/style>\n \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=\"464\" \/>\n <input type=\"hidden\" name=\"lang\" value=\"en\" \/>\n <input type=\"hidden\" name=\"currency\" value=\"THB\" \/>\n <input type=\"hidden\" name=\"accesscode\" value=\"member\" \/>\n\n <div class=\"aohh-booking__field\">\n <label for=\"aohhCheckin\">Check-in<\/label>\n <input type=\"date\" id=\"aohhCheckin\" name=\"checkin\" required=\"\">\n <\/div>\n\n <div class=\"aohh-booking__field\">\n <label for=\"aohhCheckout\">Check-out<\/label>\n <input type=\"date\" id=\"aohhCheckout\" name=\"checkout\" required=\"\">\n <\/div>\n\n <div class=\"aohh-booking__field aohh-booking__field--rooms\">\n <label for=\"aohhRooms\">Rooms<\/label>\n <div class=\"aohh-stepper\" data-min=\"1\" data-max=\"5\" data-for=\"aohhRooms\">\n <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease rooms\">−<\/button>\n <span class=\"aohh-stepper__val\" id=\"aohhRoomsVal\">1<\/span>\n <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase rooms\">+<\/button>\n <input type=\"hidden\" id=\"aohhRooms\" name=\"numofroom\" value=\"1\">\n <\/div>\n <\/div>\n\n <div class=\"aohh-booking__field aohh-booking__field--guests\">\n <label for=\"aohhGuests\">Guests<\/label>\n <div class=\"aohh-stepper\" data-min=\"1\" data-max=\"12\" data-for=\"aohhGuests\">\n <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease guests\">−<\/button>\n <span class=\"aohh-stepper__val\" id=\"aohhGuestsVal\">2<\/span>\n <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase guests\">+<\/button>\n <input type=\"hidden\" id=\"aohhGuests\" name=\"numofadult\" value=\"2\">\n <\/div>\n <\/div>\n\n <input type=\"hidden\" name=\"numofchild\" value=\"0\" \/>\n <button type=\"submit\" class=\"aohh-btn aohh-btn--solid\">Book Now<\/button>\n <\/form>\n <script>\n (function () {\n var steppers = document.querySelectorAll('.aohh-booking .aohh-stepper');\n \n steppers.forEach(function (stepper) {\n var min = parseInt(stepper.getAttribute('data-min'), 10) || 1;\n var max = parseInt(stepper.getAttribute('data-max'), 10) || 12;\n var valEl = stepper.querySelector('.aohh-stepper__val');\n var inputId = stepper.getAttribute('data-for');\n var input = document.getElementById(inputId);\n var dec = stepper.querySelector('[data-step=\"-1\"]');\n var inc = stepper.querySelector('[data-step=\"1\"]');\n\n if (!input || !valEl || !dec || !inc) return;\n\n function render() {\n var v = parseInt(input.value, 10);\n valEl.textContent = v;\n dec.disabled = v <= min;\n inc.disabled = v >= max;\n }\n\n [dec, inc].forEach(function (btn) {\n btn.addEventListener('click', function () {\n var v =\n parseInt(input.value, 10) +\n parseInt(btn.getAttribute('data-step'), 10);\n\n v = Math.max(min, Math.min(max, v));\n\n input.value = v;\n render();\n });\n });\n\n render();\n });\n })();\n <\/script>\n <\/section>\n <\/div>\n <\/div>\n <div class=\"elementor-element elementor-element-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 * { 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 \n <section class=\"mrkc-rooms-intro\">\n <div class=\"mrkc-rooms-intro__inner\">\n <p class=\"mrkc-eyebrow\">Accommodation<\/p>\n <h2>Comfort by the Sea in Hua Hin<\/h2>\n <p>Stay in modern rooms and villas at Mida De Sea Hua Hin, a welcoming hotel near the beach offering comfort and convenience for couples, families, and leisure travelers.<\/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: midadeseahuahin.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-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 .mrkc-room-card__image {\n position: relative;\n min-height: 360px;\n background-size: cover;\n background-position: center;\n }\n @media (min-width: 900px) { .mrkc-room-card__image { min-height: 480px; } }\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: 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 \n <section class=\"mrkc-rooms-list\">\n <h2 class=\"mrkc-rooms-list__title\">Our Rooms & Villas<\/h2>\n\n <div class=\"mrkc-rooms-list__grid\">\n\n <!-- 1. Deluxe -->\n <article class=\"mrkc-room-card\" id=\"room-6520\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/Deluxe-Pool-Access_05.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/Deluxe-Pool-Access_04.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/Deluxe-Pool-Access_03.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/Deluxe-Pool-Access_02.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/Deluxe-Pool-Access_01.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/DELUXE_POOL_ACCESS-2-1.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/DELUXE_POOL_ACCESS-1-1.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/DELUXE_POOL_ACCESS-2.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/DELUXE_POOL_ACCESS-1.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/07\/deluxe-pool-access-05.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/07\/deluxe-pool-access-04.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/07\/deluxe-pool-access-03.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/07\/deluxe-pool-access-02.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/07\/deluxe-pool-access-01.jpg\" role=\"img\" aria-label=\"Deluxe\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"Deluxe images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Deluxe<\/h3>\n <p class=\"mrkc-room-card__desc\">A contemporary room with a private balcony and captivating sea views, ideal for a relaxing seaside stay.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>45 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/deluxe\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card is-reverse\" id=\"room-6523\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_01.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_02.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_03.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_04.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_05.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_06.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_08.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_09.jpg\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"Deluxe Pool Access images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Deluxe Pool Access<\/h3>\n <p class=\"mrkc-room-card__desc\">A stylish deluxe room with direct access to the pool, steps from the water.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>45 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/deluxe-pool-access\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card\" id=\"room-6525\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_01.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_02.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_03.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_04.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_05.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_06.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_07.jpg\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"One Bedroom Pool Villa images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Pool Villa<\/h3>\n <p class=\"mrkc-room-card__desc\">An exclusive pool villa with a luxurious modern design and a spacious 82 sq.m layout, combined with a private pool for a memorable escape.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>82 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/one-bedroom-pool-villa\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card is-reverse\" id=\"room-6527\"><div class=\"mrkc-room-card__media\"><img decoding=\"async\" class=\"mrkc-room-card__image\" style=\"width:100%;height:100%;object-fit:cover\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/2-Bedroom-Deluxe-Family_02-1.jpg\" alt=\"Deluxe 2-Bedroom Family\" loading=\"lazy\"><\/div><div class=\"mrkc-room-card__body\"><h3 class=\"mrkc-room-card__name\">Deluxe 2-Bedroom Family<\/h3><p class=\"mrkc-room-card__desc\">Two separate bedrooms and a private balcony with sea views, suited to a small family or a group of friends.<\/p><div class=\"mrkc-room-card__features\"><div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>45 m\u00b2<\/p><\/div><div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div><\/div><div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/two-bedroom-deluxe\/\">View Room Details<\/a><\/div><\/div><\/article>\n<article class=\"mrkc-room-card\" id=\"room-6529\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_02.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_03.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_04.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_05.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_06.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_07.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_08.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_09.jpg\" role=\"img\" aria-label=\"Duplex\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"Duplex images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Duplex<\/h3>\n <p class=\"mrkc-room-card__desc\">A two-storey room: a big first-floor living space for a small party with family & friends and a comfortable bedroom upstairs, including a private balcony.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>72 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/duplex\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card is-reverse\" id=\"room-6671\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Duplex-Pool-Access_02.jpg\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Duplex-Pool-Access_01.jpg\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Duplex-Pool-Access_04.jpg\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2023\/01\/duplex-two-bedrooms-pool-access-03.jpg\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2023\/01\/duplex-two-bedrooms-pool-access-04.jpg\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2023\/01\/duplex-two-bedrooms-pool-access-02.jpg\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"Duplex Pool Access images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Duplex Pool Access<\/h3>\n <p class=\"mrkc-room-card__desc\">A two-storey duplex with the added ease of direct pool access, perfect for families and groups.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>72 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>2 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/duplex-pool-access\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card\" id=\"room-6686\"><div class=\"mrkc-room-card__media\"><img decoding=\"async\" class=\"mrkc-room-card__image\" style=\"width:100%;height:100%;object-fit:cover\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/2-Bedroom-Duplex-Pool-Access_03-1.jpg\" alt=\"Duplex 2-Bedroom\" loading=\"lazy\"><\/div><div class=\"mrkc-room-card__body\"><h3 class=\"mrkc-room-card__name\">Duplex 2-Bedroom<\/h3><p class=\"mrkc-room-card__desc\">Two bedrooms upstairs and a separate living area downstairs, with views across Hua Hin and the sea.<\/p><div class=\"mrkc-room-card__features\"><div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>72 m\u00b2<\/p><\/div><div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div><\/div><div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/two-bedroom-duplex\/\">View Room Details<\/a><\/div><\/div><\/article>\n<article class=\"mrkc-room-card is-reverse\" id=\"room-6695\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_01.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_02.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_03.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_04.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_05.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_06.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_07.jpg\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"Two Bedroom Duplex Pool Access images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Duplex 2-Bedroom Pool Access<\/h3>\n <p class=\"mrkc-room-card__desc\">A spacious duplex with two bedrooms and direct pool access for comfortable family stays.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>Family<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/two-bedroom-duplex-pool-access\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card\" id=\"room-6674\"><div class=\"mrkc-room-card__media\"><img decoding=\"async\" class=\"mrkc-room-card__image\" style=\"width:100%;height:100%;object-fit:cover\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/3-Bedroom-Duplex_01-1.jpg\" alt=\"Duplex 3-Bedroom Family\" loading=\"lazy\"><\/div><div class=\"mrkc-room-card__body\"><h3 class=\"mrkc-room-card__name\">Duplex 3-Bedroom Family<\/h3><p class=\"mrkc-room-card__desc\">A family duplex with a living area, one bedroom downstairs and two bedrooms upstairs, overlooking the sea.<\/p><div class=\"mrkc-room-card__features\"><div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>72 m\u00b2<\/p><\/div><div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>6 Guests<\/p><\/div><\/div><div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/three-bedroom-duplex\/\">View Room Details<\/a><\/div><\/div><\/article>\n<article class=\"mrkc-room-card is-reverse\" id=\"room-6680\">\n <div class=\"mrkc-room-card__media mrkc-slider\" data-interval=\"6000\">\n <div class=\"mrkc-slider__slide is-active\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_01-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_02-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_03-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_04-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_05-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_06-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_07-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_08-1-e1712737627544.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_09-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_10-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_12-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <div class=\"mrkc-slider__slide\" data-bg=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool_13-1.jpg\" role=\"img\" aria-label=\"Two Bedroom Corner Suite\"><\/div>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--prev\" aria-label=\"Previous image\">‹<\/button>\n <button type=\"button\" class=\"mrkc-slider__arrow mrkc-slider__arrow--next\" aria-label=\"Next image\">›<\/button>\n <div class=\"mrkc-slider__dots\" aria-label=\"Two Bedroom Corner Suite images\"><\/div>\n <\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">2-Bedroom Corner Suite<\/h3>\n <p class=\"mrkc-room-card__desc\">A perfect sea-breeze holiday with ocean views from a corner unit; a contemporary 102 sq.m suite with 2 bedrooms, 2 bathrooms, quiet throughout your stay.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>102 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/two-bedroom-corner-suite\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n<article class=\"mrkc-room-card\" id=\"room-6683\"><div class=\"mrkc-room-card__media\"><img decoding=\"async\" class=\"mrkc-room-card__image\" style=\"width:100%;height:100%;object-fit:cover\" src=\"https:\/\/mhg.co.th\/midadeseahuahin\/wp-content\/uploads\/2022\/03\/2-Bedroom-Corner-Suite-Pool-Access_01-2.jpg\" alt=\"2-Bedroom Corner Suite, Pool Access\" loading=\"lazy\"><\/div><div class=\"mrkc-room-card__body\"><h3 class=\"mrkc-room-card__name\">2-Bedroom Corner Suite, Pool Access<\/h3><p class=\"mrkc-room-card__desc\">A contemporary corner suite with two bedrooms, two bathrooms and direct pool access from the private terrace.<\/p><div class=\"mrkc-room-card__features\"><div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>102 m\u00b2<\/p><\/div><div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>4 Guests<\/p><\/div><\/div><div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/two-bedroom-corner-suite-pool-access\/\">View Room Details<\/a><\/div><\/div><\/article>\n<article class=\"mrkc-room-card is-reverse\" id=\"room-6677\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/3-Bedroom-Royal-Suite_01.jpg');\" role=\"img\" aria-label=\"Three Bedroom Royal Suite\"><\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Royal Suite 3 Bedrooms<\/h3>\n <p class=\"mrkc-room-card__desc\">Full of pleasures for big families and groups: a 169 sq.m suite with spacious living space, dining area, 3 bedrooms and 3 bathrooms, and a stunning panoramic sea view from the balcony.<\/p>\n <div class=\"mrkc-room-card__features\">\n <div class=\"mrkc-room-card__feature\"><h4>Size<\/h4><p>169 m\u00b2<\/p><\/div>\n <div class=\"mrkc-room-card__feature\"><h4>Occupancy<\/h4><p>6 Guests<\/p><\/div>\n <\/div>\n <div class=\"mrkc-room-card__cta\"><a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/three-bedroom-royal-suite\/\">View Room Details<\/a><\/div><\/div>\n <\/article>\n\n <!-- 2. Deluxe Pool Access -->\n \n\n <!-- 3. One Bedroom Pool Villa -->\n \n\n <!-- 4. Duplex -->\n \n\n <!-- 5. Duplex Pool Access -->\n \n\n <!-- 6. Two Bedroom Duplex Pool Access -->\n \n\n <!-- 7. Two Bedroom Corner Suite -->\n \n\n <!-- 8. Three Bedroom Royal Suite -->\n \n\n <\/div>\n <\/section>\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 * { font-family: 'Noto Sans Thai', sans-serif !important; }\n .mrkc-rooms-exp {\n position: relative;\n background-image: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Exterior_05.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 \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 pool, spend slow days near the beach, or explore all the resort has to offer — there’s always a peaceful moment by the sea in Hua Hin.<\/p>\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/facilities-2\/\" class=\"mrkc-btn\">Explore Experiences<\/a>\n <\/div>\n <div class=\"mrkc-rooms-exp__image\">\n <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Exterior_05.jpg\" alt=\"Easy days by the sea at Mida De Sea Hua Hin\">\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 * { 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 \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:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg\" alt=\"Dining at Mida De Sea Hua Hin\">\n <div class=\"mrkc-rooms-related__card-body\">\n <h3>Dining<\/h3>\n <p>Savor Thai flavors and international favorites at M Cafe, or enjoy Italian dining at Delizioso — relaxed dining by the sea in Hua Hin.<\/p>\n <a class=\"view-more\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/dining-2\/\">View More<\/a>\n <\/div>\n <\/article>\n\n <article class=\"mrkc-rooms-related__card\">\n <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Exterior_05.jpg\" alt=\"Experiences at Mida De Sea Hua Hin\">\n <div class=\"mrkc-rooms-related__card-body\">\n <h3>Experiences<\/h3>\n <p>Pools, easy beach access, and a host of resort facilities — easy, peaceful days by the sea in Hua Hin await.<\/p>\n <a class=\"view-more\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/facilities-2\/\">View More<\/a>\n <\/div>\n <\/article>\n\n <article class=\"mrkc-rooms-related__card\">\n <img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2026\/01\/MDHH-half-board.jpg\" alt=\"Special Offers at Mida De Sea Hua Hin\">\n <div class=\"mrkc-rooms-related__card-body\">\n <h3>Offers<\/h3>\n <p>Exclusive packages and seasonal promotions — discover the best resort deals for your next escape by the sea in Hua Hin.<\/p>\n <a class=\"view-more\" href=\"https:\/\/mhg.co.th\/midadeseahuahin\/offers\/\">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>\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, #0c6980);\n --mrkc-brand-dark: var(--e-global-color-primary, #094e5e);\n --mrkc-gold: var(--e-global-color-secondary, #0c6980);\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 \n <\/div>\n \n \n <\/div>\n \n \n <\/main>\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<\/body>\n<\/html>\n\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: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n .mrkc-rooms-hero img { height: 350px !important; min-height: 350px !important; max-height: 350px !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 De Sea Hua Hin \u2014 Rooms Check-in Check-out Rooms − 1 + Guests − 2 + Check Availability Accommodation Comfort by the Sea in Hua Hin Stay in modern rooms and villas at Mida De Sea Hua Hin, a welcoming hotel near the beach offering comfort and convenience for couples, families, and leisure travelers. […]<\/p>\n","protected":false},"author":4,"featured_media":6161,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6665","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/6665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/comments?post=6665"}],"version-history":[{"count":19,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/6665\/revisions"}],"predecessor-version":[{"id":9193,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/6665\/revisions\/9193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media\/6161"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media?parent=6665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}