{"id":32,"date":"2026-03-25T04:10:28","date_gmt":"2026-03-25T04:10:28","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/midadeseahuahin\/?page_id=32"},"modified":"2026-07-07T08:15:17","modified_gmt":"2026-07-07T08:15:17","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
\n\t\t\t\t
\n\t\t\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 .mrkc-rooms-hero {\n position: relative;\n min-height: 75vh;\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 <\/style>\n \n <section class=\"mrkc-rooms-hero\">\n <form class=\"mrkc-rooms-booking\" onsubmit=\"event.preventDefault(); window.open('https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=464&onlineId=4&accesscode=member¤cy=THB','_blank');\">\n <div class=\"mrkc-rooms-booking__field\">\n <label for=\"mrkcRoomsCheckin\">Check-in<\/label>\n <input type=\"date\" id=\"mrkcRoomsCheckin\" required=\"\">\n <\/div>\n <div class=\"mrkc-rooms-booking__field\">\n <label for=\"mrkcRoomsCheckout\">Check-out<\/label>\n <input type=\"date\" id=\"mrkcRoomsCheckout\" required=\"\">\n <\/div>\n <div class=\"mrkc-rooms-booking__field\">\n <label for=\"mrkcRoomsGuests\">Guests<\/label>\n <select id=\"mrkcRoomsGuests\">\n <option>2 Adults<\/option>\n <option>1 Adult<\/option>\n <option>2 Adults, 1 Child<\/option>\n <option>2 Adults, 2 Children<\/option>\n <option>3 Adults<\/option>\n <option>4 Adults<\/option>\n <\/select>\n <\/div>\n <button type=\"submit\" class=\"mrkc-btn mrkc-btn--solid\">Check Availability<\/button>\n <\/form>\n <\/section>\n <\/div>\n <\/div>\n <div class=\"elementor-element elementor-element-3bff2f6 e-con-full e-flex e-con e-parent e-lazyloaded\" data-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>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 .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__image { 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\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/desea_deluxe-1.jpg');\" role=\"img\" aria-label=\"Deluxe\"><\/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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 2. Deluxe Pool Access -->\n <article class=\"mrkc-room-card is-reverse\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2017\/06\/Deluxe-Pool-Access_01.jpg');\" role=\"img\" aria-label=\"Deluxe Pool Access\"><\/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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 3. One Bedroom Pool Villa -->\n <article class=\"mrkc-room-card\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/04\/Pool-Villa_01.jpg');\" role=\"img\" aria-label=\"One Bedroom Pool Villa\"><\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">One Bedroom 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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 4. Duplex -->\n <article class=\"mrkc-room-card is-reverse\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Room_01.jpg');\" role=\"img\" aria-label=\"Duplex\"><\/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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 5. Duplex Pool Access -->\n <article class=\"mrkc-room-card\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Duplex-Pool-Access_02.jpg');\" role=\"img\" aria-label=\"Duplex Pool Access\"><\/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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 6. Two Bedroom Duplex Pool Access -->\n <article class=\"mrkc-room-card is-reverse\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2023\/01\/duplex-two-bedrooms-pool-access-03.jpg');\" role=\"img\" aria-label=\"Two Bedroom Duplex Pool Access\"><\/div>\n <div class=\"mrkc-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Two Bedroom Duplex 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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 7. Two Bedroom Corner Suite -->\n <article class=\"mrkc-room-card\">\n <div class=\"mrkc-room-card__image\" style=\"background-image:url('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-room-card__body\">\n <h3 class=\"mrkc-room-card__name\">Two 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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- 8. Three Bedroom Royal Suite -->\n <article class=\"mrkc-room-card is-reverse\">\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\">Three Bedroom Royal Suite<\/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\">\n <a href=\"https:\/\/mhg.co.th\/midadeseahuahin\/rooms\/\">View More<\/a>\n <\/div>\n <\/div>\n <\/article>\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 .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\/\" 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 .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\/\">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\/\">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> tags). Defines brand colors, fonts, reset, and\n shared .mrkc-btn-* button classes used by every section.\n ===========================================================================\n -->\n <style>\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, #005a63);\n --mrkc-brand-dark: var(--e-global-color-primary, #00434a);\n --mrkc-gold: var(--e-global-color-secondary, #005a63);\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; }\n .mrkc-btn--gold { color: var(--mrkc-gold); border-color: var(--mrkc-gold); }\n .mrkc-btn--gold:hover { background: var(--mrkc-gold); color: #fff; }\n .mrkc-btn--solid { background: var(--mrkc-brand); color: #fff; border-color: var(--mrkc-brand); }\n .mrkc-btn--solid:hover { background: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n .mrkc-btn--link {\n border: none;\n padding: 6px 0;\n border-bottom: 1px solid var(--mrkc-gold);\n color: var(--mrkc-gold);\n letter-spacing: .25em;\n font-family: var(--mrkc-sans); font-size: 12px; text-transform: uppercase; font-weight: 500;\n }\n .mrkc-btn--link:hover { background: none; color: var(--mrkc-brand-dark); border-color: var(--mrkc-brand-dark); }\n\n \/* ===== FULL WIDTH =====\n Make every section stretch edge-to-edge across the viewport, even when this\n block is pasted into a boxed Elementor HTML widget \/ column.\n (Cleanest alternative: set the Elementor Section\/Container to Full Width with 0 padding.) *\/\n .mrkc-rooms-hero, .mrkc-rooms-breadcrumb, .mrkc-rooms-intro,\n .mrkc-rooms-list, .mrkc-rooms-exp, .mrkc-rooms-related {\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n }\n \/* Re-assert the experiences cover image so the theme\/reset can't shrink it *\/\n .mrkc-rooms-exp__image img { height: 100% !important; }\n \/* Guard against a horizontal scrollbar caused by 100vw *\/\n html, body { overflow-x: hidden; }\n <\/style>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \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","protected":false},"excerpt":{"rendered":"<p>Mida De Sea Hua Hin \u2014 Rooms Check-in Check-out Guests 2 Adults1 Adult2 Adults, 1 Child2 Adults, 2 Children3 Adults4 Adults 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, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/32","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":13,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/32\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}