Mida De Sea Hua Hin \u2014 Dining<\/title>\n<\/head>\n<body>\n <main id=\"content\" class=\"site-main page type-page status-publish hentry\">\n <div class=\"page-content\">\n <div class=\"elementor elementor-162\">\n <style>\n .aohh-dining-hero {\n position: relative; min-height: 60vh;\n display: flex; align-items: center; justify-content: center;\n text-align: center; color: #fff;\n background: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg') center\/cover no-repeat;\n }\n .aohh-dining-hero__inner { position: relative; z-index: 1; padding: 110px 24px; }\n .aohh-dining-hero__inner .overline {\n display: inline-block; font-size: 12px; letter-spacing: 5px;\n text-transform: uppercase; opacity: .88; margin-bottom: 16px; font-weight: 300; }\n .aohh-dining-hero__inner h1 {\n font-size: clamp(34px, 5vw, 56px); font-weight: 200;\n letter-spacing: 4px; text-transform: uppercase; margin: 0; }\n .aohh-dining-hero__inner .divider { width: 56px; height: 1px; background: #fff; opacity: .6; margin: 22px auto 0; }\n .aohh-dining-hero__inner p.intro {\n max-width: 720px; margin: 26px auto 0; font-size: 16px; line-height: 1.9;\n font-weight: 300; opacity: .92; }\n .aohh-dining-bar { width: 100%; }\n .aohh-dining-bar img { width: 100%; height: auto; display: block; }\n <\/style>\n <section class=\"aohh-dining-hero\"><\/section>\n\n <style>\n \/* ===== DINING WIDGET \u2014 Mida De Sea Hua Hin ===== *\/\n .aohh-dining { -webkit-font-smoothing: antialiased; }\n .aohh-dining *, .aohh-dining *::before, .aohh-dining *::after { box-sizing: border-box; margin: 0; padding: 0; }\n .aohh-dining img { max-width: 100%; height: auto; display: block; }\n .aohh-dining a { text-decoration: none; color: inherit; }\n \n \/* Section Title *\/\n .aohh-dining .aohh-section-title {\n text-align: center;\n padding: 100px 24px 40px;\n }\n .aohh-dining .aohh-section-title .overline {\n display: inline-block;\n font-size: 12px;\n letter-spacing: 5px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-bottom: 14px;\n font-weight: 300;\n }\n .aohh-dining .aohh-section-title h2 {\n font-size: 30px;\n font-weight: 200;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n .aohh-dining .aohh-section-title .divider {\n width: 50px;\n height: 1px;\n background: currentColor;\n margin: 20px auto 0;\n opacity: 0.25;\n }\n \n \/* Venue Card *\/\n .aohh-venue {\n display: grid;\n grid-template-columns: 1fr 1fr;\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px 0;\n }\n .aohh-venue + .aohh-venue {\n border-top: 1px solid #eee;\n }\n .aohh-venue.reverse {\n direction: rtl;\n }\n .aohh-venue.reverse > * {\n direction: ltr;\n }\n \n \/* Venue Image \/ Carousel *\/\n .aohh-venue__image {\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n .aohh-carousel {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n .aohh-carousel__viewport {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n }\n .aohh-carousel__track {\n display: flex;\n width: 100%;\n height: 100%;\n transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);\n }\n .aohh-carousel__slide {\n min-width: 100%;\n height: 100%;\n flex-shrink: 0;\n }\n .aohh-carousel__slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aohh-venue:hover .aohh-carousel__slide img {\n transform: scale(1.03);\n }\n \n \/* Carousel Navigation *\/\n .aohh-carousel__btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255,255,255,0.7);\n border: none;\n width: 40px;\n height: 40px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n transition: background 0.3s;\n }\n .aohh-carousel__btn:hover {\n background: rgba(255,255,255,0.95);\n }\n .aohh-carousel__btn svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n }\n .aohh-carousel__btn--prev { left: 12px; }\n .aohh-carousel__btn--next { right: 12px; }\n \n \/* Bottom Pagination Bar *\/\n .aohh-carousel__dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n padding: 16px 0;\n background: #fff;\n }\n .aohh-venue.reverse .aohh-carousel__dots {\n background: #fafafa;\n }\n .aohh-carousel__dot {\n width: 60px;\n height: 3px;\n border-radius: 0;\n background: #005a63;\n opacity: 0.45;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n padding: 0;\n }\n .aohh-carousel__dot.active {\n width: 50px;\n height: 4px;\n background: #00434a;\n opacity: 1;\n }\n \n \/* Venue Content *\/\n .aohh-venue__content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 60px 72px;\n background: #ffffff;\n }\n .aohh-venue.reverse .aohh-venue__content {\n background: #fafafa;\n }\n .aohh-venue__content .venue-label {\n font-size: 12px;\n letter-spacing: 4px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-bottom: 12px;\n font-weight: 300;\n }\n .aohh-venue__content h3 {\n font-size: 26px;\n font-weight: 200;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n line-height: 1.3;\n margin-bottom: 28px;\n }\n .aohh-venue__content p {\n font-size: 16px;\n line-height: 2;\n opacity: 0.7;\n font-weight: 300;\n margin-bottom: 24px;\n max-width: 520px;\n }\n \n \/* Venue Details *\/\n .aohh-venue-details {\n display: flex;\n flex-wrap: wrap;\n gap: 16px 28px;\n margin-bottom: 0;\n }\n .aohh-venue-details .detail {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n letter-spacing: 1px;\n text-transform: uppercase;\n opacity: 0.5;\n font-weight: 300;\n }\n .aohh-venue-details .detail strong {\n font-weight: 400;\n opacity: 1;\n }\n \n \/* Hours block *\/\n .aohh-hours {\n font-size: 14px;\n line-height: 1.8;\n opacity: 0.6;\n font-weight: 300;\n margin-bottom: 32px;\n max-width: 520px;\n }\n .aohh-hours strong {\n font-weight: 400;\n }\n \n \/* Reservation Banner *\/\n .aohh-reserve {\n text-align: center;\n padding: 120px 24px;\n background: #fafafa;\n }\n .aohh-reserve .overline {\n display: inline-block;\n font-size: 12px;\n letter-spacing: 5px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-bottom: 14px;\n font-weight: 300;\n }\n .aohh-reserve h2 {\n font-size: 30px;\n font-weight: 200;\n letter-spacing: 2px;\n margin-bottom: 44px;\n }\n .aohh-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 300;\n padding: 12px 28px;\n border: 1px solid currentColor;\n background: transparent;\n transition: all 0.4s ease;\n cursor: pointer;\n color: inherit;\n }\n .aohh-cta:hover { opacity: 0.7; }\n .aohh-cta svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.5;\n transition: all 0.4s ease;\n }\n \n \/* Responsive *\/\n @media (max-width: 960px) {\n .aohh-venue {\n grid-template-columns: 1fr;\n padding: 0;\n }\n .aohh-venue.reverse { direction: ltr; }\n .aohh-carousel__viewport { aspect-ratio: 1 \/ 1; }\n .aohh-venue__content { padding: 36px 24px; }\n .aohh-venue__content h3 { font-size: 22px; }\n .aohh-venue__content p { font-size: 15px; }\n .aohh-dining .aohh-section-title { padding: 60px 20px 24px; }\n .aohh-dining .aohh-section-title h2 { font-size: 24px; }\n .aohh-reserve { padding: 60px 20px; }\n }\n @media (max-width: 576px) {\n .aohh-venue__content { padding: 28px 18px; }\n .aohh-dining .aohh-section-title { padding: 48px 16px 20px; }\n .aohh-carousel__viewport { aspect-ratio: 1 \/ 1; }\n .aohh-carousel__btn { width: 32px; height: 32px; }\n }\n <\/style>\n \n <div class=\"aohh-dining\">\n\n \n <div class=\"aohh-section-title\">\n <span class=\"overline\">Mida De Sea Hua Hin<\/span>\n <h2>Dining<\/h2>\n <div class=\"divider\"><\/div>\n <p style=\"max-width:720px;margin:26px auto 0;font-size:16px;line-height:1.9;font-weight:300;opacity:.7;\">From Thai specialties to international favorites, Mida De Sea Hua Hin offers relaxed dining for every occasion.<\/p>\n <\/div>\n\n \n <div class=\"aohh-section-title\" style=\"padding-top:20px;\">\n <h2>Seaside Flavors Await<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n \n <div class=\"aohh-venue\">\n <div class=\"aohh-venue__image\">\n <div class=\"aohh-carousel\" data-autoplay=\"5000\">\n <div class=\"aohh-carousel__viewport\"><div class=\"aohh-carousel__track\">\n <div class=\"aohh-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg\" alt=\"M Cafe\" loading=\"lazy\"><\/div>\n <\/div><button class=\"aohh-carousel__btn aohh-carousel__btn--prev\" aria-label=\"Previous\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg><\/button><button class=\"aohh-carousel__btn aohh-carousel__btn--next\" aria-label=\"Next\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"><\/path><\/svg><\/button><\/div>\n <div class=\"aohh-carousel__dots\"><button class=\"aohh-carousel__dot active\" aria-label=\"Slide 1\" data-index=\"0\"><\/button><\/div>\n <\/div>\n <\/div>\n <div class=\"aohh-venue__content\">\n <span class=\"venue-label\">All-Day Dining<\/span>\n <h3>M Cafe<\/h3>\n <p>Mida De Sea Hua Hin's main all-day restaurant serving Thai & International buffet from Asian to Western cuisine, plus an \u00e0 la carte menu \u2014 a warm welcome for every meal.<\/p>\n <div class=\"aohh-hours\"><strong>Opening Hours<\/strong><br>06:00\u201323:30 hrs<\/div>\n <div class=\"aohh-venue-details\">\n <span class=\"detail\"><strong>Indoor 70 seats \u00b7 Outdoor 32 seats<\/strong><\/span>\n <span class=\"detail\"><strong>Ground Floor<\/strong><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aohh-venue reverse\">\n <div class=\"aohh-venue__image\">\n <div class=\"aohh-carousel\" data-autoplay=\"5000\">\n <div class=\"aohh-carousel__viewport\"><div class=\"aohh-carousel__track\">\n <div class=\"aohh-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Delizioso_01.jpg\" alt=\"Delizioso\" loading=\"lazy\"><\/div>\n <\/div><button class=\"aohh-carousel__btn aohh-carousel__btn--prev\" aria-label=\"Previous\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg><\/button><button class=\"aohh-carousel__btn aohh-carousel__btn--next\" aria-label=\"Next\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"><\/path><\/svg><\/button><\/div>\n <div class=\"aohh-carousel__dots\"><button class=\"aohh-carousel__dot active\" aria-label=\"Slide 1\" data-index=\"0\"><\/button><\/div>\n <\/div>\n <\/div>\n <div class=\"aohh-venue__content\">\n <span class=\"venue-label\">All-Day Dining<\/span>\n <h3>Delizioso<\/h3>\n <p>All-day dining with delicious Thai and international dishes. The name Delizioso is Italian for 'delicious' \u2014 a relaxed place to enjoy a meal and drinks.<\/p>\n <div class=\"aohh-hours\"><strong>Opening Hours<\/strong><br>06:00\u201323:00 hrs<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aohh-reserve\">\n <span class=\"overline\">Begin Your Stay<\/span>\n <h2>Mida De Sea Hua Hin<\/h2>\n <a class=\"aohh-cta\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=464&onlineId=4&accesscode=member&currency=THB\" target=\"_blank\">\n Booking\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n <\/a>\n <\/div>\n \n <\/div>\n \n <script>\n (function() {\n \/\/ === Carousel logic ===\n document.querySelectorAll('.aohh-dining .aohh-carousel').forEach(function(carousel) {\n var track = carousel.querySelector('.aohh-carousel__track');\n var prevBtn = carousel.querySelector('.aohh-carousel__btn--prev');\n var nextBtn = carousel.querySelector('.aohh-carousel__btn--next');\n var dotsContainer = carousel.querySelector('.aohh-carousel__dots');\n \n \/\/ Dynamically create viewport wrapper\n var viewport = document.createElement('div');\n viewport.className = 'aohh-carousel__viewport';\n carousel.insertBefore(viewport, track);\n viewport.appendChild(track);\n if (prevBtn) viewport.appendChild(prevBtn);\n if (nextBtn) viewport.appendChild(nextBtn);\n \n var slides = carousel.querySelectorAll('.aohh-carousel__slide');\n var total = slides.length;\n var current = 0;\n var autoplayDelay = parseInt(carousel.dataset.autoplay) || 5000;\n var autoplayTimer;\n \n if (total <= 1) {\n if (prevBtn) prevBtn.style.display = 'none';\n if (nextBtn) nextBtn.style.display = 'none';\n return;\n }\n \n \/\/ Build dots\n for (var i = 0; i < total; i++) {\n var dot = document.createElement('button');\n dot.className = 'aohh-carousel__dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\n dot.dataset.index = i;\n dot.addEventListener('click', function() {\n goTo(parseInt(this.dataset.index));\n });\n dotsContainer.appendChild(dot);\n }\n \n function goTo(index) {\n current = ((index % total) + total) % total;\n track.style.transform = 'translateX(-' + (current * 100) + '%)';\n var dots = dotsContainer.querySelectorAll('.aohh-carousel__dot');\n dots.forEach(function(d, i) {\n d.classList.toggle('active', i === current);\n });\n resetAutoplay();\n }\n \n if (prevBtn) prevBtn.addEventListener('click', function() { goTo(current - 1); });\n if (nextBtn) nextBtn.addEventListener('click', function() { goTo(current + 1); });\n \n function resetAutoplay() {\n clearInterval(autoplayTimer);\n autoplayTimer = setInterval(function() { goTo(current + 1); }, autoplayDelay);\n }\n \n resetAutoplay();\n \n carousel.addEventListener('mouseenter', function() { clearInterval(autoplayTimer); });\n carousel.addEventListener('mouseleave', function() { resetAutoplay(); });\n \n \/\/ Touch support\n var touchStartX = 0;\n carousel.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, {passive: true});\n carousel.addEventListener('touchend', function(e) {\n var touchEndX = e.changedTouches[0].screenX;\n if (touchStartX - touchEndX > 50) goTo(current + 1);\n if (touchEndX - touchStartX > 50) goTo(current - 1);\n }, {passive: true});\n });\n })();\n <\/script>\n <\/div>\n <\/div>\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 Dining Mida De Sea Hua Hin Dining From Thai specialties to international favorites, Mida De Sea Hua Hin offers relaxed dining for every occasion. Seaside Flavors Await All-Day Dining M Cafe Mida De Sea Hua Hin’s main all-day restaurant serving Thai & International buffet from Asian to Western cuisine, […]<\/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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/37","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=37"}],"version-history":[{"count":7,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/37\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Mida De Sea Hua Hin \u2014 Dining<\/title>\n<\/head>\n<body>\n <main id=\"content\" class=\"site-main page type-page status-publish hentry\">\n <div class=\"page-content\">\n <div class=\"elementor elementor-162\">\n <style>\n .aohh-dining-hero {\n position: relative; min-height: 60vh;\n display: flex; align-items: center; justify-content: center;\n text-align: center; color: #fff;\n background: url('https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg') center\/cover no-repeat;\n }\n .aohh-dining-hero__inner { position: relative; z-index: 1; padding: 110px 24px; }\n .aohh-dining-hero__inner .overline {\n display: inline-block; font-size: 12px; letter-spacing: 5px;\n text-transform: uppercase; opacity: .88; margin-bottom: 16px; font-weight: 300; }\n .aohh-dining-hero__inner h1 {\n font-size: clamp(34px, 5vw, 56px); font-weight: 200;\n letter-spacing: 4px; text-transform: uppercase; margin: 0; }\n .aohh-dining-hero__inner .divider { width: 56px; height: 1px; background: #fff; opacity: .6; margin: 22px auto 0; }\n .aohh-dining-hero__inner p.intro {\n max-width: 720px; margin: 26px auto 0; font-size: 16px; line-height: 1.9;\n font-weight: 300; opacity: .92; }\n .aohh-dining-bar { width: 100%; }\n .aohh-dining-bar img { width: 100%; height: auto; display: block; }\n <\/style>\n <section class=\"aohh-dining-hero\"><\/section>\n\n <style>\n \/* ===== DINING WIDGET \u2014 Mida De Sea Hua Hin ===== *\/\n .aohh-dining { -webkit-font-smoothing: antialiased; }\n .aohh-dining *, .aohh-dining *::before, .aohh-dining *::after { box-sizing: border-box; margin: 0; padding: 0; }\n .aohh-dining img { max-width: 100%; height: auto; display: block; }\n .aohh-dining a { text-decoration: none; color: inherit; }\n \n \/* Section Title *\/\n .aohh-dining .aohh-section-title {\n text-align: center;\n padding: 100px 24px 40px;\n }\n .aohh-dining .aohh-section-title .overline {\n display: inline-block;\n font-size: 12px;\n letter-spacing: 5px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-bottom: 14px;\n font-weight: 300;\n }\n .aohh-dining .aohh-section-title h2 {\n font-size: 30px;\n font-weight: 200;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n .aohh-dining .aohh-section-title .divider {\n width: 50px;\n height: 1px;\n background: currentColor;\n margin: 20px auto 0;\n opacity: 0.25;\n }\n \n \/* Venue Card *\/\n .aohh-venue {\n display: grid;\n grid-template-columns: 1fr 1fr;\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px 0;\n }\n .aohh-venue + .aohh-venue {\n border-top: 1px solid #eee;\n }\n .aohh-venue.reverse {\n direction: rtl;\n }\n .aohh-venue.reverse > * {\n direction: ltr;\n }\n \n \/* Venue Image \/ Carousel *\/\n .aohh-venue__image {\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n .aohh-carousel {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n .aohh-carousel__viewport {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n }\n .aohh-carousel__track {\n display: flex;\n width: 100%;\n height: 100%;\n transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);\n }\n .aohh-carousel__slide {\n min-width: 100%;\n height: 100%;\n flex-shrink: 0;\n }\n .aohh-carousel__slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .aohh-venue:hover .aohh-carousel__slide img {\n transform: scale(1.03);\n }\n \n \/* Carousel Navigation *\/\n .aohh-carousel__btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255,255,255,0.7);\n border: none;\n width: 40px;\n height: 40px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n transition: background 0.3s;\n }\n .aohh-carousel__btn:hover {\n background: rgba(255,255,255,0.95);\n }\n .aohh-carousel__btn svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n }\n .aohh-carousel__btn--prev { left: 12px; }\n .aohh-carousel__btn--next { right: 12px; }\n \n \/* Bottom Pagination Bar *\/\n .aohh-carousel__dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n padding: 16px 0;\n background: #fff;\n }\n .aohh-venue.reverse .aohh-carousel__dots {\n background: #fafafa;\n }\n .aohh-carousel__dot {\n width: 60px;\n height: 3px;\n border-radius: 0;\n background: #005a63;\n opacity: 0.45;\n border: none;\n cursor: pointer;\n transition: all 0.3s ease;\n padding: 0;\n }\n .aohh-carousel__dot.active {\n width: 50px;\n height: 4px;\n background: #00434a;\n opacity: 1;\n }\n \n \/* Venue Content *\/\n .aohh-venue__content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 60px 72px;\n background: #ffffff;\n }\n .aohh-venue.reverse .aohh-venue__content {\n background: #fafafa;\n }\n .aohh-venue__content .venue-label {\n font-size: 12px;\n letter-spacing: 4px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-bottom: 12px;\n font-weight: 300;\n }\n .aohh-venue__content h3 {\n font-size: 26px;\n font-weight: 200;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n line-height: 1.3;\n margin-bottom: 28px;\n }\n .aohh-venue__content p {\n font-size: 16px;\n line-height: 2;\n opacity: 0.7;\n font-weight: 300;\n margin-bottom: 24px;\n max-width: 520px;\n }\n \n \/* Venue Details *\/\n .aohh-venue-details {\n display: flex;\n flex-wrap: wrap;\n gap: 16px 28px;\n margin-bottom: 0;\n }\n .aohh-venue-details .detail {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n letter-spacing: 1px;\n text-transform: uppercase;\n opacity: 0.5;\n font-weight: 300;\n }\n .aohh-venue-details .detail strong {\n font-weight: 400;\n opacity: 1;\n }\n \n \/* Hours block *\/\n .aohh-hours {\n font-size: 14px;\n line-height: 1.8;\n opacity: 0.6;\n font-weight: 300;\n margin-bottom: 32px;\n max-width: 520px;\n }\n .aohh-hours strong {\n font-weight: 400;\n }\n \n \/* Reservation Banner *\/\n .aohh-reserve {\n text-align: center;\n padding: 120px 24px;\n background: #fafafa;\n }\n .aohh-reserve .overline {\n display: inline-block;\n font-size: 12px;\n letter-spacing: 5px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-bottom: 14px;\n font-weight: 300;\n }\n .aohh-reserve h2 {\n font-size: 30px;\n font-weight: 200;\n letter-spacing: 2px;\n margin-bottom: 44px;\n }\n .aohh-cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 300;\n padding: 12px 28px;\n border: 1px solid currentColor;\n background: transparent;\n transition: all 0.4s ease;\n cursor: pointer;\n color: inherit;\n }\n .aohh-cta:hover { opacity: 0.7; }\n .aohh-cta svg {\n width: 16px;\n height: 16px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.5;\n transition: all 0.4s ease;\n }\n \n \/* Responsive *\/\n @media (max-width: 960px) {\n .aohh-venue {\n grid-template-columns: 1fr;\n padding: 0;\n }\n .aohh-venue.reverse { direction: ltr; }\n .aohh-carousel__viewport { aspect-ratio: 1 \/ 1; }\n .aohh-venue__content { padding: 36px 24px; }\n .aohh-venue__content h3 { font-size: 22px; }\n .aohh-venue__content p { font-size: 15px; }\n .aohh-dining .aohh-section-title { padding: 60px 20px 24px; }\n .aohh-dining .aohh-section-title h2 { font-size: 24px; }\n .aohh-reserve { padding: 60px 20px; }\n }\n @media (max-width: 576px) {\n .aohh-venue__content { padding: 28px 18px; }\n .aohh-dining .aohh-section-title { padding: 48px 16px 20px; }\n .aohh-carousel__viewport { aspect-ratio: 1 \/ 1; }\n .aohh-carousel__btn { width: 32px; height: 32px; }\n }\n <\/style>\n \n <div class=\"aohh-dining\">\n\n \n <div class=\"aohh-section-title\">\n <span class=\"overline\">Mida De Sea Hua Hin<\/span>\n <h2>Dining<\/h2>\n <div class=\"divider\"><\/div>\n <p style=\"max-width:720px;margin:26px auto 0;font-size:16px;line-height:1.9;font-weight:300;opacity:.7;\">From Thai specialties to international favorites, Mida De Sea Hua Hin offers relaxed dining for every occasion.<\/p>\n <\/div>\n\n \n <div class=\"aohh-section-title\" style=\"padding-top:20px;\">\n <h2>Seaside Flavors Await<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n \n <div class=\"aohh-venue\">\n <div class=\"aohh-venue__image\">\n <div class=\"aohh-carousel\" data-autoplay=\"5000\">\n <div class=\"aohh-carousel__viewport\"><div class=\"aohh-carousel__track\">\n <div class=\"aohh-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/M-Cafe_Breakfast_01.jpg\" alt=\"M Cafe\" loading=\"lazy\"><\/div>\n <\/div><button class=\"aohh-carousel__btn aohh-carousel__btn--prev\" aria-label=\"Previous\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg><\/button><button class=\"aohh-carousel__btn aohh-carousel__btn--next\" aria-label=\"Next\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"><\/path><\/svg><\/button><\/div>\n <div class=\"aohh-carousel__dots\"><button class=\"aohh-carousel__dot active\" aria-label=\"Slide 1\" data-index=\"0\"><\/button><\/div>\n <\/div>\n <\/div>\n <div class=\"aohh-venue__content\">\n <span class=\"venue-label\">All-Day Dining<\/span>\n <h3>M Cafe<\/h3>\n <p>Mida De Sea Hua Hin's main all-day restaurant serving Thai & International buffet from Asian to Western cuisine, plus an \u00e0 la carte menu \u2014 a warm welcome for every meal.<\/p>\n <div class=\"aohh-hours\"><strong>Opening Hours<\/strong><br>06:00\u201323:30 hrs<\/div>\n <div class=\"aohh-venue-details\">\n <span class=\"detail\"><strong>Indoor 70 seats \u00b7 Outdoor 32 seats<\/strong><\/span>\n <span class=\"detail\"><strong>Ground Floor<\/strong><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aohh-venue reverse\">\n <div class=\"aohh-venue__image\">\n <div class=\"aohh-carousel\" data-autoplay=\"5000\">\n <div class=\"aohh-carousel__viewport\"><div class=\"aohh-carousel__track\">\n <div class=\"aohh-carousel__slide\"><img decoding=\"async\" src=\"https:\/\/www.midadeseahuahin.com\/wp-content\/uploads\/2022\/03\/Delizioso_01.jpg\" alt=\"Delizioso\" loading=\"lazy\"><\/div>\n <\/div><button class=\"aohh-carousel__btn aohh-carousel__btn--prev\" aria-label=\"Previous\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg><\/button><button class=\"aohh-carousel__btn aohh-carousel__btn--next\" aria-label=\"Next\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"><\/path><\/svg><\/button><\/div>\n <div class=\"aohh-carousel__dots\"><button class=\"aohh-carousel__dot active\" aria-label=\"Slide 1\" data-index=\"0\"><\/button><\/div>\n <\/div>\n <\/div>\n <div class=\"aohh-venue__content\">\n <span class=\"venue-label\">All-Day Dining<\/span>\n <h3>Delizioso<\/h3>\n <p>All-day dining with delicious Thai and international dishes. The name Delizioso is Italian for 'delicious' \u2014 a relaxed place to enjoy a meal and drinks.<\/p>\n <div class=\"aohh-hours\"><strong>Opening Hours<\/strong><br>06:00\u201323:00 hrs<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"aohh-reserve\">\n <span class=\"overline\">Begin Your Stay<\/span>\n <h2>Mida De Sea Hua Hin<\/h2>\n <a class=\"aohh-cta\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=464&onlineId=4&accesscode=member&currency=THB\" target=\"_blank\">\n Booking\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n <\/a>\n <\/div>\n \n <\/div>\n \n <script>\n (function() {\n \/\/ === Carousel logic ===\n document.querySelectorAll('.aohh-dining .aohh-carousel').forEach(function(carousel) {\n var track = carousel.querySelector('.aohh-carousel__track');\n var prevBtn = carousel.querySelector('.aohh-carousel__btn--prev');\n var nextBtn = carousel.querySelector('.aohh-carousel__btn--next');\n var dotsContainer = carousel.querySelector('.aohh-carousel__dots');\n \n \/\/ Dynamically create viewport wrapper\n var viewport = document.createElement('div');\n viewport.className = 'aohh-carousel__viewport';\n carousel.insertBefore(viewport, track);\n viewport.appendChild(track);\n if (prevBtn) viewport.appendChild(prevBtn);\n if (nextBtn) viewport.appendChild(nextBtn);\n \n var slides = carousel.querySelectorAll('.aohh-carousel__slide');\n var total = slides.length;\n var current = 0;\n var autoplayDelay = parseInt(carousel.dataset.autoplay) || 5000;\n var autoplayTimer;\n \n if (total <= 1) {\n if (prevBtn) prevBtn.style.display = 'none';\n if (nextBtn) nextBtn.style.display = 'none';\n return;\n }\n \n \/\/ Build dots\n for (var i = 0; i < total; i++) {\n var dot = document.createElement('button');\n dot.className = 'aohh-carousel__dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\n dot.dataset.index = i;\n dot.addEventListener('click', function() {\n goTo(parseInt(this.dataset.index));\n });\n dotsContainer.appendChild(dot);\n }\n \n function goTo(index) {\n current = ((index % total) + total) % total;\n track.style.transform = 'translateX(-' + (current * 100) + '%)';\n var dots = dotsContainer.querySelectorAll('.aohh-carousel__dot');\n dots.forEach(function(d, i) {\n d.classList.toggle('active', i === current);\n });\n resetAutoplay();\n }\n \n if (prevBtn) prevBtn.addEventListener('click', function() { goTo(current - 1); });\n if (nextBtn) nextBtn.addEventListener('click', function() { goTo(current + 1); });\n \n function resetAutoplay() {\n clearInterval(autoplayTimer);\n autoplayTimer = setInterval(function() { goTo(current + 1); }, autoplayDelay);\n }\n \n resetAutoplay();\n \n carousel.addEventListener('mouseenter', function() { clearInterval(autoplayTimer); });\n carousel.addEventListener('mouseleave', function() { resetAutoplay(); });\n \n \/\/ Touch support\n var touchStartX = 0;\n carousel.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, {passive: true});\n carousel.addEventListener('touchend', function(e) {\n var touchEndX = e.changedTouches[0].screenX;\n if (touchStartX - touchEndX > 50) goTo(current + 1);\n if (touchEndX - touchStartX > 50) goTo(current - 1);\n }, {passive: true});\n });\n })();\n <\/script>\n <\/div>\n <\/div>\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 Dining Mida De Sea Hua Hin Dining From Thai specialties to international favorites, Mida De Sea Hua Hin offers relaxed dining for every occasion. Seaside Flavors Await All-Day Dining M Cafe Mida De Sea Hua Hin’s main all-day restaurant serving Thai & International buffet from Asian to Western cuisine, […]<\/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-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/37","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=37"}],"version-history":[{"count":7,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/pages\/37\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midadeseahuahin\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}