{"id":62,"date":"2026-09-19T05:07:08","date_gmt":"2026-09-19T05:07:08","guid":{"rendered":"https:\/\/weykiki.com\/?page_id=62"},"modified":"2026-10-22T18:42:56","modified_gmt":"2026-10-22T18:42:56","slug":"habitaciones","status":"publish","type":"page","link":"https:\/\/weykiki.com\/en\/habitaciones\/","title":{"rendered":"Habitaciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-da15cb1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"da15cb1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81a8611\" data-id=\"81a8611\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2aa5b9d elementor-widget elementor-widget-heading\" data-id=\"2aa5b9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Rooms<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ccb88 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b0ccb88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/weykiki.com\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow1\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Rooms<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f82e1d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f82e1d6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-96e3cd6\" data-id=\"96e3cd6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0895bf0 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0895bf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A pause by the sea<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-78ec2ed\" data-id=\"78ec2ed\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54b74a4 elementor-widget__width-inherit animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"54b74a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:700}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Rooms that invite you to relax, unwind, and connect with your surroundings. Natural materials and warm light\u00a0 that make your stay feel effortless<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22f248c animated-slow elementor-align-left elementor-invisible elementor-widget elementor-widget-button\" data-id=\"22f248c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:1900}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/hotels.cloudbeds.com\/es\/reservation\/kd9EUW?currency=mxn\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a stay<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c53bf1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c53bf1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42fcc5e\" data-id=\"42fcc5e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2cf1517 elementor-widget elementor-widget-html\" data-id=\"2cf1517\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 01\n     PRESIDENTIAL SUITE\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom01\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 5\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/5.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Presidential Suite\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Presidential Suite\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Presidential Suite\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Presidential Suite\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      01\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      Presidential Suite\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      The Pacific, from every angle.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      A truly unique space at WEYKIKI, designed around one\n      unforgettable experience: being surrounded by the Pacific.\n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          A truly unique space at WEYKIKI. Our Presidential Suite\n          is designed around one unforgettable experience: being\n          surrounded by the Pacific. Panoramic ocean views flow\n          through every corner, from your bed to the spacious\n          bathroom and private balcony. Wake up to endless blue,\n          slow mornings by the sound of the waves, and\n          unforgettable Pacific sunsets.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SHOW LESS\n      ================================================== -->\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(0, .85fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE CONTAINER\n========================================================= *\/\n\n.weykiki-room-single-media {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES CONTAINER\n========================================================= *\/\n\n.weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   INDIVIDUAL IMAGES\n========================================================= *\/\n\n.weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n.weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PHOTO PROGRESS\n   DIRECTLY OVER THE IMAGE\n========================================================= *\/\n\n.weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n.weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n.weykiki-room-single-progress span::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n.weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoomProgress\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoomProgress {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY PLUS BUTTON\n========================================================= *\/\n\n.weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n.weykiki-room-single-gallery:hover,\n.weykiki-room-single-gallery:focus,\n.weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   RIGHT INFORMATION COLUMN\n========================================================= *\/\n\n.weykiki-room-single-info {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n.weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n.weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: clamp(34px, 4vw, 56px);\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n.weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n.weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n.weykiki-room-single-details,\n.weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n========================================================= *\/\n\n.weykiki-room-single-details:hover,\n.weykiki-room-single-details:focus,\n.weykiki-room-single-details:active,\n.weykiki-room-single-close-details:hover,\n.weykiki-room-single-close-details:focus,\n.weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n.weykiki-room-single-details:hover,\n.weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n.weykiki-room-single-details span,\n.weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n.weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED CONTENT\n========================================================= *\/\n\n.weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n\/* =========================================================\n   HIDE SHORT DESCRIPTION\n========================================================= *\/\n\n.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   HIDE VIEW DETAILS\n========================================================= *\/\n\n.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   SHOW LESS\n========================================================= *\/\n\n.weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n.weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n.weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n.weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n.weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n.weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n.weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n.weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS \u2014 DESKTOP\n   LEFT \/ RIGHT\n========================================================= *\/\n\n.weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n\/* LEFT *\/\n\n.weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n\/* RIGHT *\/\n\n.weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* CLOSE *\/\n\n.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n\/* OPEN *\/\n\n.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.weykiki-room-lightbox {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n.weykiki-room-lightbox.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX IMAGE\n========================================================= *\/\n\n.weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n.weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX COUNTER\n========================================================= *\/\n\n.weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX CONTROLS\n========================================================= *\/\n\n.weykiki-room-lightbox-close,\n.weykiki-room-lightbox-prev,\n.weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n\/* CLOSE *\/\n\n.weykiki-room-lightbox-close {\n\n  top: 25px;\n\n  right: 30px;\n\n  width: 44px;\n\n  height: 44px;\n\n  font-size: 32px;\n\n}\n\n\n\/* ARROWS *\/\n\n.weykiki-room-lightbox-prev,\n.weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n.weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n.weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n\/* LIGHTBOX HOVER *\/\n\n.weykiki-room-lightbox-close:hover,\n.weykiki-room-lightbox-close:focus,\n.weykiki-room-lightbox-close:active,\n.weykiki-room-lightbox-prev:hover,\n.weykiki-room-lightbox-prev:focus,\n.weykiki-room-lightbox-prev:active,\n.weykiki-room-lightbox-next:hover,\n.weykiki-room-lightbox-next:focus,\n.weykiki-room-lightbox-next:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  .weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   VERTICAL CURTAINS \u2014 TOP \/ BOTTOM\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  \/* -------------------------------------------------------\n     MAIN\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     IMAGE\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     INFO\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  .weykiki-room-single-name {\n\n    font-size: 30px;\n\n  }\n\n\n  .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     PROGRESS\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* =======================================================\n     MOBILE CURTAINS\n     TOP \/ BOTTOM\n  ======================================================= *\/\n\n  .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  \/* -------------------------------------------------------\n     TOP CURTAIN\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     BOTTOM CURTAIN\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     CLOSE \u2014 MEET IN CENTER\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  .weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     OPEN \u2014 TOP \/ BOTTOM\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  .weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     LIGHTBOX\n  ------------------------------------------------------- *\/\n\n  .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  .weykiki-room-lightbox-close {\n\n    top: 12px;\n\n    right: 13px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/5.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4.jpg\"\n\n  ];\n\n\n  \/* =====================================================\n     ROOT\n  ====================================================== *\/\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom01\"\n    );\n\n\n  if (!root) return;\n\n\n  \/* =====================================================\n     CAROUSEL ELEMENTS\n  ====================================================== *\/\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  \/* =====================================================\n     CHANGE IMAGE\n  ====================================================== *\/\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     AUTOPLAY\n  ====================================================== *\/\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  \/* =====================================================\n     OPEN DETAILS\n  ====================================================== *\/\n\n  function openDetails() {\n\n    \/*\n      1 \u2014 Curtains close\n    *\/\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    \/*\n      2 \u2014 Change content while closed\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    \/*\n      3 \u2014 Curtains open\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    \/*\n      4 \u2014 Finish\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE DETAILS\n  ====================================================== *\/\n\n  function closeDetails() {\n\n    \/*\n      1 \u2014 Curtains close\n    *\/\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    \/*\n      2 \u2014 Restore content while closed\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    \/*\n      3 \u2014 Curtains open\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    \/*\n      4 \u2014 Finish\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  \/* =====================================================\n     UPDATE LIGHTBOX\n  ====================================================== *\/\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Presidential Suite\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  \/* =====================================================\n     OPEN LIGHTBOX\n  ====================================================== *\/\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  \/* =====================================================\n     CLOSE LIGHTBOX\n  ====================================================== *\/\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  \/* =====================================================\n     NEXT IMAGE\n  ====================================================== *\/\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     PREVIOUS IMAGE\n  ====================================================== *\/\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     GALLERY BUTTON\n  ====================================================== *\/\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLICK IMAGE\n  ====================================================== *\/\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX BUTTONS\n  ====================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  \/* =====================================================\n     CLICK OUTSIDE LIGHTBOX\n  ====================================================== *\/\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76a9bae elementor-widget elementor-widget-html\" data-id=\"76a9bae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 02\n     SEA VIEW SUITE\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom02\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 1\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-1.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Sea View Suite\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 1\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-1.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Sea View Suite\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 1\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-1.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Sea View Suite\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 1\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-1.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Sea View Suite\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      02\n    <\/div>\n\n\n    <h2 class=\"weykiki-room-single-name\">\n      Sea View Suite\n    <\/h2>\n\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      The Pacific, always close by.\n    <\/h3>\n\n\n    <p class=\"weykiki-room-single-short\">\n      Designed for couples seeking a little more space and\n      comfort, this suite features a King bed, spacious private\n      bathroom, and calming sea and pool views.\n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          Designed for couples seeking a little more space and\n          comfort, this suite features a King bed, spacious\n          private bathroom, and calming sea and pool views.\n          Enjoy slow mornings overlooking the water and a quiet\n          space to unwind and recharge.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SHOW LESS\n      ================================================== -->\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox02\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n   ROOM 02 = INFO | PHOTO\n========================================================= *\/\n\n#weykikiRoom02 {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, .85fr)\n    minmax(0, 1.15fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-media {\n\n  position: relative !important;\n\n  grid-column: 2 !important;\n  grid-row: 1 !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   SLIDES CONTAINER\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   INDIVIDUAL IMAGES\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PHOTO PROGRESS\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-progress span::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoomProgress02\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoomProgress02 {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY BUTTON\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-gallery:hover,\n#weykikiRoom02\n.weykiki-room-single-gallery:focus,\n#weykikiRoom02\n.weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION\n   COLUMN 1\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-info {\n\n  position: relative !important;\n\n  grid-column: 1 !important;\n  grid-row: 1 !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n\n   DESKTOP = 34PX\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-name {\n\n  margin: 0 !important;\n\n  font-family: \"Trirong\", serif !important;\n\n  font-size: 30px !important;\n\n  font-weight: 400 !important;\n\n  line-height: 1.05 !important;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-details,\n#weykikiRoom02\n.weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-details:hover,\n#weykikiRoom02\n.weykiki-room-single-details:focus,\n#weykikiRoom02\n.weykiki-room-single-details:active,\n#weykikiRoom02\n.weykiki-room-single-close-details:hover,\n#weykikiRoom02\n.weykiki-room-single-close-details:focus,\n#weykikiRoom02\n.weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-details:hover,\n#weykikiRoom02\n.weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-details span,\n#weykikiRoom02\n.weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED CONTENT\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom02.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n#weykikiRoom02.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom02.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom02.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS\n========================================================= *\/\n\n#weykikiRoom02\n.weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom02\n.weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n#weykikiRoom02.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom02.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom02.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom02.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox02 {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox02.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX CONTROLS\n========================================================= *\/\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-close,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-prev,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-close {\n\n  top: 25px;\n\n  right: 30px;\n\n  width: 44px;\n\n  height: 44px;\n\n  font-size: 32px;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-prev,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-close:focus,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-close:active,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-prev:focus,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-prev:active,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-next:hover,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-next:focus,\n#weykikiRoomLightbox02\n.weykiki-room-lightbox-next:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom02 {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-media {\n\n    grid-column: 2 !important;\n    grid-row: 1 !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-info {\n\n    grid-column: 1 !important;\n    grid-row: 1 !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   PHOTO FIRST \/ INFO SECOND\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  #weykikiRoom02 {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  \/* IMAGE *\/\n\n  #weykikiRoom02\n  .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  \/* INFO *\/\n\n  #weykikiRoom02\n  .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n\n    min-height: 500px !important;\n\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  \/* =======================================================\n     MOBILE TITLE\n     SAME AS PRESIDENTIAL\n  ======================================================= *\/\n\n  #weykikiRoom02\n  .weykiki-room-single-name {\n\n    font-size: 30px !important;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  \/* PROGRESS *\/\n\n  #weykikiRoom02\n  .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n\n    right: 18px !important;\n\n  }\n\n\n  \/* =======================================================\n     MOBILE CURTAINS\n  ======================================================= *\/\n\n  #weykikiRoom02\n  .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom02\n  .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoom02.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom02.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom02.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom02.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  #weykikiRoomLightbox02\n  .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox02\n  .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox02\n  .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox02\n  .weykiki-room-lightbox-close {\n\n    top: 12px;\n\n    right: 13px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM 02 IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-1.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-1.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-1.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-1.jpg\"\n\n  ];\n\n\n  \/* =====================================================\n     ROOT\n  ====================================================== *\/\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom02\"\n    );\n\n\n  if (!root) return;\n\n\n  \/* =====================================================\n     CAROUSEL\n  ====================================================== *\/\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  function openDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  function closeDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox02\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Sea View Suite\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     GALLERY BUTTON\n  ====================================================== *\/\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLICK IMAGE\n  ====================================================== *\/\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX BUTTONS\n  ====================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  \/* =====================================================\n     CLICK OUTSIDE\n  ====================================================== *\/\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f7c8bc elementor-widget elementor-widget-html\" data-id=\"6f7c8bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 03\n     LARGE DOUBLE ROOM WITH SKYLIGHT\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom03\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 4\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-4.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Large Double Room with Skylight\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 4\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-4.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Large Double Room with Skylight\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 4\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-4.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Large Double Room with Skylight\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 4\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-4.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Large Double Room with Skylight\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      03\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      Large Double Room with Skylight\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      Bright, open space washed in natural light.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      Experience a unique and intimate stay, perfectly designed\n      for couples. \n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          Experience a unique and intimate stay, perfectly\n          designed for couples. This room features a comfortable\n          king bed and a striking, spacious open shower located\n          in the heart of the room. A beautiful skylight sits\n          above the shower space in sunlight, creating a warm\n          atmosphere.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SHOW LESS\n      ================================================== -->\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox03\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n#weykikiRoom03.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(0, .85fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE CONTAINER\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-media {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES CONTAINER\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   INDIVIDUAL IMAGES\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PHOTO PROGRESS\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-progress span::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoomProgress03\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoomProgress03 {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY PLUS BUTTON\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-gallery:hover,\n#weykikiRoom03 .weykiki-room-single-gallery:focus,\n#weykikiRoom03 .weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION COLUMN\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-info {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 30px !important;\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-details,\n#weykikiRoom03 .weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-details:hover,\n#weykikiRoom03 .weykiki-room-single-details:focus,\n#weykikiRoom03 .weykiki-room-single-details:active,\n#weykikiRoom03 .weykiki-room-single-close-details:hover,\n#weykikiRoom03 .weykiki-room-single-close-details:focus,\n#weykikiRoom03 .weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-details:hover,\n#weykikiRoom03 .weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-details span,\n#weykikiRoom03 .weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED CONTENT\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom03.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n\/* =========================================================\n   HIDE SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom03.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   HIDE VIEW DETAILS\n========================================================= *\/\n\n#weykikiRoom03.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   SHOW LESS\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom03.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS \u2014 DESKTOP\n========================================================= *\/\n\n#weykikiRoom03 .weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom03 .weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n#weykikiRoom03.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom03.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom03.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom03.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox03 {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox03.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-close,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-close {\n\n  top: 25px;\n\n  right: 30px;\n\n  width: 44px;\n\n  height: 44px;\n\n  font-size: 32px;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n#weykikiRoomLightbox03 .weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-close:focus,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-close:active,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-prev:focus,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-prev:active,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-next:hover,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-next:focus,\n#weykikiRoomLightbox03 .weykiki-room-lightbox-next:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom03.weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   IMAGE \u2192 INFO\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  #weykikiRoom03.weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-name {\n\n    font-size: 30px !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     PROGRESS\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom03 .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* =======================================================\n     MOBILE CURTAINS\n     TOP \/ BOTTOM\n  ======================================================= *\/\n\n  #weykikiRoom03 .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom03 .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoom03.weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom03.weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom03.weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom03.weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     LIGHTBOX\n  ------------------------------------------------------- *\/\n\n  #weykikiRoomLightbox03 .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox03 .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox03 .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox03 .weykiki-room-lightbox-close {\n\n    top: 12px;\n\n    right: 13px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM 03 IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-4.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-4.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-4.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-4.jpg\"\n\n  ];\n\n\n  \/* =====================================================\n     ROOT\n  ====================================================== *\/\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom03\"\n    );\n\n\n  if (!root) return;\n\n\n  \/* =====================================================\n     CAROUSEL ELEMENTS\n  ====================================================== *\/\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  \/* =====================================================\n     CHANGE IMAGE\n  ====================================================== *\/\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     AUTOPLAY\n  ====================================================== *\/\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  \/* =====================================================\n     OPEN DETAILS\n  ====================================================== *\/\n\n  function openDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE DETAILS\n  ====================================================== *\/\n\n  function closeDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox03\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  \/* =====================================================\n     UPDATE LIGHTBOX\n  ====================================================== *\/\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Large Double Room with Skylight\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  \/* =====================================================\n     OPEN LIGHTBOX\n  ====================================================== *\/\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  \/* =====================================================\n     CLOSE LIGHTBOX\n  ====================================================== *\/\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  \/* =====================================================\n     NEXT IMAGE\n  ====================================================== *\/\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     PREVIOUS IMAGE\n  ====================================================== *\/\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     GALLERY BUTTON\n  ====================================================== *\/\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLICK IMAGE\n  ====================================================== *\/\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX BUTTONS\n  ====================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  \/* =====================================================\n     CLICK OUTSIDE LIGHTBOX\n  ====================================================== *\/\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97b6a13 elementor-widget elementor-widget-html\" data-id=\"97b6a13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 04\n     KING BALCONY ROOM\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom04\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 3\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-3.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"King Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 3\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-3.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"King Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 3\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-3.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"King Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 3\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-3.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"King Balcony Room\"\n      >\n\n    <\/div>\n\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      04\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      King Balcony Room\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      Your own balcony facing La Punta.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      Spacious interiors, a king-size bed, and a balcony that\n      invites you to embrace the outdoors.\n    <\/p>\n\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          Spacious interiors, a king-size bed, and a balcony\n          that invites you to embrace the outdoors. A place\n          to wake up slowly and feel the Pacific breeze.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox04\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n   ROOM 04 = INFO | PHOTO\n========================================================= *\/\n\n#weykikiRoom04.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, .85fr)\n    minmax(0, 1.15fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE \u2014 COLUMN 2\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-media {\n\n  grid-column: 2 !important;\n  grid-row: 1 !important;\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-progress span::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoomProgress04\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoomProgress04 {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-gallery:hover,\n#weykikiRoom04 .weykiki-room-single-gallery:focus,\n#weykikiRoom04 .weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION \u2014 COLUMN 1\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-info {\n\n  grid-column: 1 !important;\n  grid-row: 1 !important;\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 30px !important;\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-details,\n#weykikiRoom04 .weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-details:hover,\n#weykikiRoom04 .weykiki-room-single-details:focus,\n#weykikiRoom04 .weykiki-room-single-details:active,\n#weykikiRoom04 .weykiki-room-single-close-details:hover,\n#weykikiRoom04 .weykiki-room-single-close-details:focus,\n#weykikiRoom04 .weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-details:hover,\n#weykikiRoom04 .weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-details span,\n#weykikiRoom04 .weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS\n========================================================= *\/\n\n#weykikiRoom04 .weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom04 .weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom04.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox04 {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox04.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-close,\n#weykikiRoomLightbox04 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox04 .weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-close {\n\n  top: 25px;\n\n  right: 30px;\n\n  width: 44px;\n\n  height: 44px;\n\n  font-size: 32px;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox04 .weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n#weykikiRoomLightbox04 .weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox04 .weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox04 .weykiki-room-lightbox-next:hover {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom04.weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   PHOTO \u2192 INFO\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  #weykikiRoom04.weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-name {\n\n    font-size: 30px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* MOBILE CURTAINS *\/\n\n  #weykikiRoom04 .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom04 .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoom04.weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom04.weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom04.weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom04.weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoomLightbox04 .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox04 .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox04 .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox04 .weykiki-room-lightbox-close {\n\n    top: 12px;\n\n    right: 13px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM 04 IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-3.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-3.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-3.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-3.jpg\"\n\n  ];\n\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom04\"\n    );\n\n\n  if (!root) return;\n\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  \/* =====================================================\n     CHANGE IMAGE\n  ====================================================== *\/\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     AUTOPLAY\n  ====================================================== *\/\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  function openDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  function closeDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox04\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"King Balcony Room\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a862dc elementor-widget elementor-widget-html\" data-id=\"1a862dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 05\n     DOUBLE ROOM WITH GLASS SHOWER\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom05\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 2\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-2.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Double Room with Glass Shower\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 2\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-2.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Double Room with Glass Shower\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 2\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-2.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Double Room with Glass Shower\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 2\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-2.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Double Room with Glass Shower\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      05\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      Double Room with Glass Shower\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      A private space designed for two.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      Experience a unique and intimate stay in this thoughtfully\n      designed room, perfect for couples. \n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          Experience a unique and intimate stay in this thoughtfully\n          designed room, perfect for couples. Featuring a comfortable\n          king bed and a private balcony, this room is ideal for taking\n          in the fresh air. The spacious shower is set in an inviting\n          and sleek glass enclosure.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SHOW LESS\n      ================================================== -->\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox05\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n#weykikiRoom05.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  \/* PHOTO | INFO *\/\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(0, .85fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE CONTAINER\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-media {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES CONTAINER\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   INDIVIDUAL IMAGES\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PHOTO PROGRESS\n   DIRECTLY OVER THE IMAGE\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom05\n.weykiki-room-single-progress\nspan::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom05\n.weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoom05Progress\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoom05Progress {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY PLUS BUTTON\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-gallery:hover,\n#weykikiRoom05 .weykiki-room-single-gallery:focus,\n#weykikiRoom05 .weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION COLUMN\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-info {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 30px;\n\n  font-weight: 400;\n\n  line-height: 1.08;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-details,\n#weykikiRoom05 .weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-details:hover,\n#weykikiRoom05 .weykiki-room-single-details:focus,\n#weykikiRoom05 .weykiki-room-single-details:active,\n#weykikiRoom05 .weykiki-room-single-close-details:hover,\n#weykikiRoom05 .weykiki-room-single-close-details:focus,\n#weykikiRoom05 .weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-details:hover,\n#weykikiRoom05 .weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-details span,\n#weykikiRoom05 .weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED CONTENT\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom05.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n\/* =========================================================\n   HIDE SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom05.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   HIDE VIEW DETAILS\n========================================================= *\/\n\n#weykikiRoom05.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   SHOW LESS\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom05.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom05 .weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS \u2014 DESKTOP\n   LEFT \/ RIGHT\n========================================================= *\/\n\n#weykikiRoom05 .weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n\/* LEFT *\/\n\n#weykikiRoom05\n.weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n\/* RIGHT *\/\n\n#weykikiRoom05\n.weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* CLOSE *\/\n\n#weykikiRoom05.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom05.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n\/* OPEN *\/\n\n#weykikiRoom05.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom05.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox05.weykiki-room-lightbox {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox05.weykiki-room-lightbox.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX IMAGE\n========================================================= *\/\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX COUNTER\n========================================================= *\/\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX CONTROLS\n========================================================= *\/\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-close,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n\/* CLOSE *\/\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-close {\n\n  position: fixed !important;\n\n  top: 25px !important;\n  right: 30px !important;\n\n  left: auto !important;\n  bottom: auto !important;\n\n  width: 44px !important;\n  height: 44px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  transform: none !important;\n\n  font-size: 32px;\n\n  line-height: 1;\n\n  z-index: 9999999 !important;\n\n}\n\n\n\/* ARROWS *\/\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n\/* LIGHTBOX HOVER *\/\n\n#weykikiRoomLightbox05 .weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-close:focus,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-close:active,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-prev:focus,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-prev:active,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-next:hover,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-next:focus,\n#weykikiRoomLightbox05 .weykiki-room-lightbox-next:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom05.weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   VERTICAL CURTAINS \u2014 TOP \/ BOTTOM\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  \/* -------------------------------------------------------\n     MAIN\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom05.weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     IMAGE\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom05\n  .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     INFO\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom05\n  .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-name {\n\n    font-size: 30px;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom05\n  .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     PROGRESS\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom05\n  .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* =======================================================\n     MOBILE CURTAINS\n     TOP \/ BOTTOM\n  ======================================================= *\/\n\n  #weykikiRoom05\n  .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  \/* TOP CURTAIN *\/\n\n  #weykikiRoom05\n  .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  \/* BOTTOM CURTAIN *\/\n\n  #weykikiRoom05\n  .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* CLOSE *\/\n\n  #weykikiRoom05.weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom05.weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  \/* OPEN *\/\n\n  #weykikiRoom05.weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom05.weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     LIGHTBOX\n  ------------------------------------------------------- *\/\n\n  #weykikiRoomLightbox05\n  .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox05\n  .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox05\n  .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox05\n  .weykiki-room-lightbox-close {\n\n    top: 12px !important;\n\n    right: 13px !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-2.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-2.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-2.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-2.jpg\"\n\n  ];\n\n\n  \/* =====================================================\n     ROOT\n  ====================================================== *\/\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom05\"\n    );\n\n\n  if (!root) return;\n\n\n  \/* =====================================================\n     CAROUSEL ELEMENTS\n  ====================================================== *\/\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  \/* =====================================================\n     CHANGE IMAGE\n  ====================================================== *\/\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     AUTOPLAY\n  ====================================================== *\/\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  \/* =====================================================\n     OPEN DETAILS\n  ====================================================== *\/\n\n  function openDetails() {\n\n    \/*\n      1 \u2014 Curtains close\n    *\/\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    \/*\n      2 \u2014 Change content while closed\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    \/*\n      3 \u2014 Curtains open\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    \/*\n      4 \u2014 Finish\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE DETAILS\n  ====================================================== *\/\n\n  function closeDetails() {\n\n    \/*\n      1 \u2014 Curtains close\n    *\/\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    \/*\n      2 \u2014 Restore content while closed\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    \/*\n      3 \u2014 Curtains open\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    \/*\n      4 \u2014 Finish\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox05\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  \/* =====================================================\n     UPDATE LIGHTBOX\n  ====================================================== *\/\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Double Room with Glass Shower\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  \/* =====================================================\n     OPEN LIGHTBOX\n  ====================================================== *\/\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  \/* =====================================================\n     CLOSE LIGHTBOX\n  ====================================================== *\/\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  \/* =====================================================\n     NEXT IMAGE\n  ====================================================== *\/\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     PREVIOUS IMAGE\n  ====================================================== *\/\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     GALLERY BUTTON\n  ====================================================== *\/\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLICK IMAGE\n  ====================================================== *\/\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX BUTTONS\n  ====================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  \/* =====================================================\n     CLICK OUTSIDE LIGHTBOX\n  ====================================================== *\/\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1189ecd elementor-widget elementor-widget-html\" data-id=\"1189ecd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 06\n     TWIN BALCONY ROOM\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom06\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 5\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-5.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Twin Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 5\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-5.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Twin Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 5\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-5.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Twin Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 5\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-5.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Twin Balcony Room\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      06\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      Twin Balcony Room\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      Space to share.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      Our Twin is perfect for friends or small families, this spacious and comfortable room is designed to accommodate up to four guests.\n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          Our Twin is perfect for friends or small families, this spacious and comfortable room is designed to accommodate up to four guests. It features two double beds, offering a relaxing space to unwind. With its modern boutique design and a private, fully equipped bathroom, this room provides the ideal blend of comfort and convenience for your group's stay.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox06\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n   ROOM 06 = INFO | PHOTO\n========================================================= *\/\n\n#weykikiRoom06.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, .85fr)\n    minmax(0, 1.15fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE \u2014 COLUMN 2\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-media {\n\n  grid-column: 2 !important;\n  grid-row: 1 !important;\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-progress span::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoomProgress06\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoomProgress06 {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-gallery:hover,\n#weykikiRoom06 .weykiki-room-single-gallery:focus,\n#weykikiRoom06 .weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION \u2014 COLUMN 1\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-info {\n\n  grid-column: 1 !important;\n  grid-row: 1 !important;\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 30px !important;\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-details,\n#weykikiRoom06 .weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-details:hover,\n#weykikiRoom06 .weykiki-room-single-details:focus,\n#weykikiRoom06 .weykiki-room-single-details:active,\n#weykikiRoom06 .weykiki-room-single-close-details:hover,\n#weykikiRoom06 .weykiki-room-single-close-details:focus,\n#weykikiRoom06 .weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-details:hover,\n#weykikiRoom06 .weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-details span,\n#weykikiRoom06 .weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS\n========================================================= *\/\n\n#weykikiRoom06 .weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom06 .weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom06.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox06 {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox06.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-close,\n#weykikiRoomLightbox06 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox06 .weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-close {\n\n  top: 25px;\n\n  right: 30px;\n\n  width: 44px;\n\n  height: 44px;\n\n  font-size: 32px;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox06 .weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n#weykikiRoomLightbox06 .weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox06 .weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox06 .weykiki-room-lightbox-next:hover {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom06.weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   PHOTO \u2192 INFO\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  #weykikiRoom06.weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-name {\n\n    font-size: 30px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* MOBILE CURTAINS *\/\n\n  #weykikiRoom06 .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom06 .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoom06.weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom06.weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom06.weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom06.weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoomLightbox06 .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox06 .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox06 .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox06 .weykiki-room-lightbox-close {\n\n    top: 12px;\n\n    right: 13px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM 06 IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-5.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-5.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-5.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-5.jpg\"\n\n  ];\n\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom06\"\n    );\n\n\n  if (!root) return;\n\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  function openDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  function closeDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox06\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Twin Balcony Room\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19e903d elementor-widget elementor-widget-html\" data-id=\"19e903d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 07\n     TRIPLE BALCONY ROOM\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom07\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 6\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-6.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Triple Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 6\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-6.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Triple Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 6\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-6.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Triple Balcony Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 6\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-6.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Triple Balcony Room\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      07\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      Triple Balcony Room\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      Room to share the moment.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      Brings together thoughtful design, natural materials, and the\n      relaxed spirit of WEYKIKI.\n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          Brings together thoughtful design, natural materials, and the\n          relaxed spirit of WEYKIKI. It can be enjoyed as a private space\n          with one double bed in a private room and one single bed with\n          balcony access.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SHOW LESS\n      ================================================== -->\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox07\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n#weykikiRoom07.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  \/* PHOTO | INFO *\/\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(0, .85fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE CONTAINER\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-media {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES CONTAINER\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   INDIVIDUAL IMAGES\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PHOTO PROGRESS\n   DIRECTLY OVER THE IMAGE\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom07\n.weykiki-room-single-progress\nspan::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom07\n.weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoom07Progress\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoom07Progress {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY PLUS BUTTON\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-gallery:hover,\n#weykikiRoom07 .weykiki-room-single-gallery:focus,\n#weykikiRoom07 .weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION COLUMN\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-info {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 30px;\n\n  font-weight: 400;\n\n  line-height: 1.08;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-details,\n#weykikiRoom07 .weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-details:hover,\n#weykikiRoom07 .weykiki-room-single-details:focus,\n#weykikiRoom07 .weykiki-room-single-details:active,\n#weykikiRoom07 .weykiki-room-single-close-details:hover,\n#weykikiRoom07 .weykiki-room-single-close-details:focus,\n#weykikiRoom07 .weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-details:hover,\n#weykikiRoom07 .weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-details span,\n#weykikiRoom07 .weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED CONTENT\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom07.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n\/* =========================================================\n   HIDE SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom07.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   HIDE VIEW DETAILS\n========================================================= *\/\n\n#weykikiRoom07.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n\/* =========================================================\n   SHOW LESS\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom07.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom07 .weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS \u2014 DESKTOP\n   LEFT \/ RIGHT\n========================================================= *\/\n\n#weykikiRoom07 .weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n\/* LEFT *\/\n\n#weykikiRoom07\n.weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n\/* RIGHT *\/\n\n#weykikiRoom07\n.weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* CLOSE *\/\n\n#weykikiRoom07.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom07.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n\/* OPEN *\/\n\n#weykikiRoom07.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom07.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox07.weykiki-room-lightbox {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox07.weykiki-room-lightbox.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX IMAGE\n========================================================= *\/\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX COUNTER\n========================================================= *\/\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX CONTROLS\n========================================================= *\/\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-close,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n\/* CLOSE *\/\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-close {\n\n  position: fixed !important;\n\n  top: 25px !important;\n  right: 30px !important;\n\n  left: auto !important;\n  bottom: auto !important;\n\n  width: 44px !important;\n  height: 44px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  transform: none !important;\n\n  font-size: 32px;\n\n  line-height: 1;\n\n  z-index: 9999999 !important;\n\n}\n\n\n\/* ARROWS *\/\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n\/* LIGHTBOX HOVER *\/\n\n#weykikiRoomLightbox07 .weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-close:focus,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-close:active,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-prev:focus,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-prev:active,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-next:hover,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-next:focus,\n#weykikiRoomLightbox07 .weykiki-room-lightbox-next:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom07.weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   VERTICAL CURTAINS \u2014 TOP \/ BOTTOM\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  \/* -------------------------------------------------------\n     MAIN\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom07.weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     IMAGE\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom07\n  .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     INFO\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom07\n  .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-name {\n\n    font-size: 30px;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom07\n  .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     PROGRESS\n  ------------------------------------------------------- *\/\n\n  #weykikiRoom07\n  .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* =======================================================\n     MOBILE CURTAINS\n     TOP \/ BOTTOM\n  ======================================================= *\/\n\n  #weykikiRoom07\n  .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  \/* TOP CURTAIN *\/\n\n  #weykikiRoom07\n  .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  \/* BOTTOM CURTAIN *\/\n\n  #weykikiRoom07\n  .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* CLOSE *\/\n\n  #weykikiRoom07.weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom07.weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  \/* OPEN *\/\n\n  #weykikiRoom07.weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom07.weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  \/* -------------------------------------------------------\n     LIGHTBOX\n  ------------------------------------------------------- *\/\n\n  #weykikiRoomLightbox07\n  .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox07\n  .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox07\n  .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox07\n  .weykiki-room-lightbox-close {\n\n    top: 12px !important;\n\n    right: 13px !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-6.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-6.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-6.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-6.jpg\"\n\n  ];\n\n\n  \/* =====================================================\n     ROOT\n  ====================================================== *\/\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom07\"\n    );\n\n\n  if (!root) return;\n\n\n  \/* =====================================================\n     CAROUSEL ELEMENTS\n  ====================================================== *\/\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  \/* =====================================================\n     CHANGE IMAGE\n  ====================================================== *\/\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     AUTOPLAY\n  ====================================================== *\/\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  \/* =====================================================\n     OPEN DETAILS\n  ====================================================== *\/\n\n  function openDetails() {\n\n    \/*\n      1 \u2014 Curtains close\n    *\/\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    \/*\n      2 \u2014 Change content while closed\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    \/*\n      3 \u2014 Curtains open\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    \/*\n      4 \u2014 Finish\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLOSE DETAILS\n  ====================================================== *\/\n\n  function closeDetails() {\n\n    \/*\n      1 \u2014 Curtains close\n    *\/\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    \/*\n      2 \u2014 Restore content while closed\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    \/*\n      3 \u2014 Curtains open\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    \/*\n      4 \u2014 Finish\n    *\/\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox07\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  \/* =====================================================\n     UPDATE LIGHTBOX\n  ====================================================== *\/\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Triple Balcony Room\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  \/* =====================================================\n     OPEN LIGHTBOX\n  ====================================================== *\/\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  \/* =====================================================\n     CLOSE LIGHTBOX\n  ====================================================== *\/\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  \/* =====================================================\n     NEXT IMAGE\n  ====================================================== *\/\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     PREVIOUS IMAGE\n  ====================================================== *\/\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  \/* =====================================================\n     GALLERY BUTTON\n  ====================================================== *\/\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     CLICK IMAGE\n  ====================================================== *\/\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX BUTTONS\n  ====================================================== *\/\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  \/* =====================================================\n     CLICK OUTSIDE LIGHTBOX\n  ====================================================== *\/\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c171357 elementor-widget elementor-widget-html\" data-id=\"c171357\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     WEYKIKI \u2014 ROOM 08\n     SEA VIEW SINGLE ROOM\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Trirong:wght@300;400;500&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\n>\n\n\n<section class=\"weykiki-room-single\" id=\"weykikiRoom08\">\n\n  <!-- =====================================================\n       IMAGE\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-media\">\n\n    <div class=\"weykiki-room-single-slides\">\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 1 7\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-7.jpg\"\n        class=\"weykiki-room-single-slide is-active\"\n        alt=\"Sea View Single Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 3 7\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-7.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Sea View Single Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 2 7\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-7.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Sea View Single Room\"\n      >\n\n      <img title=\"WEYKIKI Boutique Hotel | La Punta, Puerto Escondido 4 7\" decoding=\"async\"\n        src=\"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-7.jpg\"\n        class=\"weykiki-room-single-slide\"\n        alt=\"Sea View Single Room\"\n      >\n\n    <\/div>\n\n\n    <!-- =================================================\n         PHOTO PROGRESS\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-progress\">\n\n      <span class=\"is-active\"><\/span>\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =================================================\n         GALLERY BUTTON\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-gallery\"\n      type=\"button\"\n      aria-label=\"View photos\"\n    >\n      +\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       INFORMATION\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-info\">\n\n    <div class=\"weykiki-room-single-number\">\n      08\n    <\/div>\n\n    <h2 class=\"weykiki-room-single-name\">\n      Sea View Single Room\n    <\/h2>\n\n    <h3 class=\"weykiki-room-single-tagline\">\n      Small spaces, big views.\n    <\/h3>\n\n    <p class=\"weykiki-room-single-short\">\n      An intimate space with everything you need and a unique view\n      of the Pacific.\n    <\/p>\n\n\n    <!-- =================================================\n         VIEW DETAILS\n    ================================================== -->\n\n    <button\n      class=\"weykiki-room-single-details\"\n      type=\"button\"\n    >\n      <span>View details<\/span>\n      <span class=\"arrow\">\u2192<\/span>\n    <\/button>\n\n\n    <!-- =================================================\n         EXPANDED INFORMATION\n    ================================================== -->\n\n    <div class=\"weykiki-room-single-expanded\">\n\n      <div class=\"weykiki-room-single-full-description\">\n\n        <p>\n          An intimate space with everything you need and a unique view\n          of the Pacific. A simple, comfortable room designed for those\n          who want to stay close to the sea and enjoy Puerto Escondido\n          at their own pace.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- =================================================\n           AMENITIES\n      ================================================== -->\n\n      <div class=\"weykiki-room-single-amenities\">\n\n        <div class=\"weykiki-room-single-amenities-title\">\n          Amenities\n        <\/div>\n\n\n        <div class=\"weykiki-room-single-amenities-grid\">\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Air Conditioning<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-shirt\"><\/i>\n            <span>Bathrobes<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-mug-hot\"><\/i>\n            <span>Coffee Maker<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wifi\"><\/i>\n            <span>Wi-Fi<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-glass-water\"><\/i>\n            <span>Minibar<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-wind\"><\/i>\n            <span>Hair Dryer<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>110\u2013127 V<\/span>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-plug\"><\/i>\n            <span>220\u2013240 V<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- =================================================\n           SHOW LESS\n      ================================================== -->\n\n      <button\n        class=\"weykiki-room-single-close-details\"\n        type=\"button\"\n      >\n        <span>Show less<\/span>\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       CURTAINS\n  ====================================================== -->\n\n  <div class=\"weykiki-room-single-curtain curtain-left\"><\/div>\n  <div class=\"weykiki-room-single-curtain curtain-right\"><\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     LIGHTBOX\n========================================================= -->\n\n<div\n  class=\"weykiki-room-lightbox\"\n  id=\"weykikiRoomLightbox08\"\n  aria-hidden=\"true\"\n>\n\n  <button\n    class=\"weykiki-room-lightbox-close\"\n    type=\"button\"\n    aria-label=\"Close gallery\"\n  >\n    \u00d7\n  <\/button>\n\n\n  <button\n    class=\"weykiki-room-lightbox-prev\"\n    type=\"button\"\n    aria-label=\"Previous photo\"\n  >\n    \u2190\n  <\/button>\n\n\n  <div class=\"weykiki-room-lightbox-content\">\n\n    <img decoding=\"async\"\n      src=\"\"\n      class=\"weykiki-room-lightbox-image\"\n      alt=\"\"\n    >\n\n    <div class=\"weykiki-room-lightbox-counter\">\n      01 \/ 04\n    <\/div>\n\n  <\/div>\n\n\n  <button\n    class=\"weykiki-room-lightbox-next\"\n    type=\"button\"\n    aria-label=\"Next photo\"\n  >\n    \u2192\n  <\/button>\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n   ROOM 08 = INFO | PHOTO\n========================================================= *\/\n\n#weykikiRoom08.weykiki-room-single {\n\n  position: relative;\n\n  width: 100% !important;\n  max-width: 1500px !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n\n  margin-left: auto !important;\n  margin-right: auto !important;\n\n  display: grid !important;\n\n  grid-template-columns:\n    minmax(0, .85fr)\n    minmax(0, 1.15fr) !important;\n\n  align-items: stretch !important;\n\n  background: #FFF7DC;\n\n  color: #27251F;\n\n  overflow: hidden !important;\n\n  font-family: \"DM Sans\", sans-serif;\n\n}\n\n\n\/* =========================================================\n   IMAGE \u2014 COLUMN 2\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-media {\n\n  grid-column: 2 !important;\n  grid-row: 1 !important;\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  align-self: stretch !important;\n\n  box-sizing: border-box !important;\n\n  cursor: pointer;\n\n}\n\n\n\/* =========================================================\n   IMAGE SLIDES\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-slides {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-slide {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover !important;\n\n  opacity: 0;\n\n  transform: scale(1.025);\n\n  transition:\n    opacity 1s ease,\n    transform 4s ease;\n\n  pointer-events: none;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =========================================================\n   PROGRESS\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-progress {\n\n  position: absolute !important;\n\n  top: auto !important;\n  bottom: 22px !important;\n\n  left: 28px !important;\n  right: 28px !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: flex !important;\n\n  flex-direction: row !important;\n\n  gap: 5px !important;\n\n  z-index: 999 !important;\n\n  pointer-events: none !important;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-progress span {\n\n  position: relative !important;\n\n  flex: 1 1 0 !important;\n\n  width: auto !important;\n\n  height: 2px !important;\n\n  min-height: 2px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  display: block !important;\n\n  background:\n    rgba(255,255,255,.45) !important;\n\n  overflow: hidden !important;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-progress span::after {\n\n  content: \"\" !important;\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  background: #FFF !important;\n\n  transform: scaleX(0);\n\n  transform-origin: left center;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-progress\nspan.is-active::after {\n\n  animation:\n    weykikiRoomProgress08\n    3.5s linear forwards;\n\n}\n\n\n@keyframes weykikiRoomProgress08 {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-gallery {\n\n  position: absolute !important;\n\n  top: 25px !important;\n  right: 25px !important;\n\n  width: 42px !important;\n  height: 42px !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8) !important;\n\n  border-radius: 50% !important;\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #FFF7DC !important;\n\n  font-family: Arial, sans-serif !important;\n\n  font-size: 24px !important;\n  font-weight: 200 !important;\n\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  z-index: 1000 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    transform .3s ease;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-gallery:hover,\n#weykikiRoom08 .weykiki-room-single-gallery:focus,\n#weykikiRoom08 .weykiki-room-single-gallery:active {\n\n  background:\n    rgba(0,0,0,.12) !important;\n\n  color: #AC4802 !important;\n\n  border-color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transform: rotate(90deg);\n\n}\n\n\n\/* =========================================================\n   INFORMATION \u2014 COLUMN 1\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-info {\n\n  grid-column: 1 !important;\n  grid-row: 1 !important;\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  height: 620px !important;\n  min-height: 620px !important;\n  max-height: 620px !important;\n\n  margin: 0 !important;\n\n  padding: 55px 65px !important;\n\n  box-sizing: border-box !important;\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  justify-content: center !important;\n\n  align-self: stretch !important;\n\n  overflow: hidden !important;\n\n}\n\n\n\/* =========================================================\n   NUMBER\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-number {\n\n  margin-bottom: 18px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .45;\n\n}\n\n\n\/* =========================================================\n   ROOM NAME\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-name {\n\n  margin: 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 30px !important;\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n}\n\n\n\/* =========================================================\n   TAGLINE\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-tagline {\n\n  margin: 16px 0 0;\n\n  font-family: \"Trirong\", serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =========================================================\n   SHORT DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-short {\n\n  max-width: 410px;\n\n  margin: 27px 0 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.75);\n\n}\n\n\n\/* =========================================================\n   DETAILS BUTTON\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-details,\n#weykikiRoom08 .weykiki-room-single-close-details {\n\n  width: fit-content;\n\n  margin-top: 35px;\n\n  padding: 0 0 8px !important;\n\n  border: none !important;\n\n  border-bottom:\n    1px solid\n    rgba(39,37,31,.45) !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #27251F !important;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 15px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 14px;\n\n  font-weight: 400;\n\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  text-decoration: none !important;\n\n  transition:\n    gap .35s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n\/* =========================================================\n   BUTTON HOVER\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-details:hover,\n#weykikiRoom08 .weykiki-room-single-details:focus,\n#weykikiRoom08 .weykiki-room-single-details:active,\n#weykikiRoom08 .weykiki-room-single-close-details:hover,\n#weykikiRoom08 .weykiki-room-single-close-details:focus,\n#weykikiRoom08 .weykiki-room-single-close-details:active {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  border-bottom-color:\n    #AC4802 !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-details:hover,\n#weykikiRoom08 .weykiki-room-single-close-details:hover {\n\n  gap: 22px;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-details span,\n#weykikiRoom08 .weykiki-room-single-close-details span {\n\n  color: inherit !important;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-details .arrow {\n\n  font-size: 17px;\n\n  color: inherit !important;\n\n}\n\n\n\/* =========================================================\n   EXPANDED\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-expanded {\n\n  display: none !important;\n\n  margin-top: 28px;\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-expanded\n.weykiki-room-single-expanded {\n\n  display: block !important;\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-expanded\n.weykiki-room-single-short {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-expanded\n.weykiki-room-single-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-close-details {\n\n  display: none !important;\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-expanded\n.weykiki-room-single-close-details {\n\n  display: inline-flex !important;\n\n}\n\n\n\/* =========================================================\n   FULL DESCRIPTION\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-full-description {\n\n  max-width: 500px;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-full-description p {\n\n  margin: 0;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 16px !important;\n\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  color: rgba(39,37,31,.78);\n\n}\n\n\n\/* =========================================================\n   AMENITIES\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-amenities {\n\n  margin-top: 28px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    rgba(39,37,31,.16);\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-amenities-title {\n\n  margin-bottom: 16px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .55;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 13px 20px;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-amenities-grid div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-family: \"DM Sans\", sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-amenities-grid i {\n\n  width: 15px;\n\n  min-width: 15px;\n\n  color: #27251F !important;\n\n  opacity: .55;\n\n  font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   CURTAINS\n========================================================= *\/\n\n#weykikiRoom08 .weykiki-room-single-curtain {\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  background: #FFF7DC;\n\n  z-index: 5000;\n\n  pointer-events: none;\n\n  transition:\n    transform .75s\n    cubic-bezier(.77,0,.18,1);\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-curtain.curtain-left {\n\n  left: 0;\n  right: auto;\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom08 .weykiki-room-single-curtain.curtain-right {\n\n  right: 0;\n  left: auto;\n\n  transform:\n    translateX(100%);\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-curtain-closing\n.curtain-left {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-curtain-closing\n.curtain-right {\n\n  transform:\n    translateX(0);\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-curtain-opening\n.curtain-left {\n\n  transform:\n    translateX(-100%);\n\n}\n\n\n#weykikiRoom08.weykiki-room-single.is-curtain-opening\n.curtain-right {\n\n  transform:\n    translateX(100%);\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n#weykikiRoomLightbox08 {\n\n  position: fixed;\n\n  inset: 0;\n\n  z-index: 999999;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    rgba(22,21,18,.94);\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .35s ease,\n    visibility .35s ease;\n\n}\n\n\n#weykikiRoomLightbox08.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-content {\n\n  position: relative;\n\n  width: min(72vw, 1050px);\n\n  height: min(72vh, 680px);\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-image {\n\n  max-width: 100%;\n\n  max-height: 100%;\n\n  width: auto;\n\n  height: auto;\n\n  object-fit: contain;\n\n  user-select: none;\n\n  -webkit-user-drag: none;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-counter {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -28px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  letter-spacing: .15em;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-close,\n#weykikiRoomLightbox08 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox08 .weykiki-room-lightbox-next {\n\n  position: absolute;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  cursor: pointer;\n\n  font-family: Arial, sans-serif;\n\n  font-weight: 200;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    color .3s ease,\n    opacity .3s ease;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-close {\n\n  top: 25px;\n\n  right: 30px;\n\n  width: 44px;\n\n  height: 44px;\n\n  font-size: 32px;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-prev,\n#weykikiRoomLightbox08 .weykiki-room-lightbox-next {\n\n  top: 50%;\n\n  width: 50px;\n\n  height: 50px;\n\n  transform:\n    translateY(-50%);\n\n  font-size: 24px;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-prev {\n\n  left: 30px;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-next {\n\n  right: 30px;\n\n}\n\n\n#weykikiRoomLightbox08 .weykiki-room-lightbox-close:hover,\n#weykikiRoomLightbox08 .weykiki-room-lightbox-prev:hover,\n#weykikiRoomLightbox08 .weykiki-room-lightbox-next:hover {\n\n  background: transparent !important;\n\n  color: #AC4802 !important;\n\n  box-shadow: none !important;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) and (min-width: 651px) {\n\n  #weykikiRoom08.weykiki-room-single {\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr) !important;\n\n    height: 540px !important;\n    min-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-media {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-info {\n\n    height: 540px !important;\n    min-height: 540px !important;\n    max-height: 540px !important;\n\n    padding: 40px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   PHOTO \u2192 INFO\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  #weykikiRoom08.weykiki-room-single {\n\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 100% !important;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-media {\n\n    width: 100% !important;\n\n    height: 430px !important;\n    min-height: 430px !important;\n    max-height: 430px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-info {\n\n    width: 100% !important;\n\n    height: auto !important;\n    min-height: 500px !important;\n    max-height: none !important;\n\n    padding:\n      38px 25px 45px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-name {\n\n    font-size: 30px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-tagline {\n\n    font-size: 18px;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-short {\n\n    margin-top: 22px;\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-expanded {\n\n    margin-top: 25px;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-full-description p {\n\n    font-size: 16px !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-progress {\n\n    bottom: 18px !important;\n\n    left: 18px !important;\n    right: 18px !important;\n\n  }\n\n\n  \/* MOBILE CURTAINS *\/\n\n  #weykikiRoom08 .weykiki-room-single-curtain {\n\n    position: absolute !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    width: 100% !important;\n    height: 50% !important;\n\n    background: #FFF7DC;\n\n    z-index: 5000;\n\n    pointer-events: none;\n\n    transition:\n      transform .75s\n      cubic-bezier(.77,0,.18,1);\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-curtain.curtain-left {\n\n    top: 0 !important;\n    bottom: auto !important;\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom08 .weykiki-room-single-curtain.curtain-right {\n\n    bottom: 0 !important;\n    top: auto !important;\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoom08.weykiki-room-single.is-curtain-closing\n  .curtain-left {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom08.weykiki-room-single.is-curtain-closing\n  .curtain-right {\n\n    transform:\n      translateY(0) !important;\n\n  }\n\n\n  #weykikiRoom08.weykiki-room-single.is-curtain-opening\n  .curtain-left {\n\n    transform:\n      translateY(-100%) !important;\n\n  }\n\n\n  #weykikiRoom08.weykiki-room-single.is-curtain-opening\n  .curtain-right {\n\n    transform:\n      translateY(100%) !important;\n\n  }\n\n\n  #weykikiRoomLightbox08 .weykiki-room-lightbox-content {\n\n    width: 88vw;\n\n    height: 65vh;\n\n  }\n\n\n  #weykikiRoomLightbox08 .weykiki-room-lightbox-prev {\n\n    left: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox08 .weykiki-room-lightbox-next {\n\n    right: 8px;\n\n  }\n\n\n  #weykikiRoomLightbox08 .weykiki-room-lightbox-close {\n\n    top: 12px;\n\n    right: 13px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =====================================================\n     ROOM 08 IMAGES\n  ====================================================== *\/\n\n  const images = [\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-7.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-7.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-7.jpg\",\n\n    \"https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-7.jpg\"\n\n  ];\n\n\n  const root =\n    document.getElementById(\n      \"weykikiRoom08\"\n    );\n\n\n  if (!root) return;\n\n\n  const slides =\n    root.querySelectorAll(\n      \".weykiki-room-single-slide\"\n    );\n\n\n  const bars =\n    root.querySelectorAll(\n      \".weykiki-room-single-progress span\"\n    );\n\n\n  let currentImage = 0;\n\n  const AUTOPLAY_TIME = 3500;\n\n\n  function changeImage(index) {\n\n    currentImage = index;\n\n    slides.forEach(\n      function (slide, i) {\n\n        slide.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n\n    bars.forEach(\n      function (bar, i) {\n\n        bar.classList.toggle(\n          \"is-active\",\n          i === index\n        );\n\n      }\n    );\n\n  }\n\n\n  setInterval(\n    function () {\n\n      let next =\n        currentImage + 1;\n\n\n      if (\n        next >= images.length\n      ) {\n\n        next = 0;\n\n      }\n\n\n      changeImage(next);\n\n    },\n    AUTOPLAY_TIME\n  );\n\n\n  \/* =====================================================\n     DETAILS\n  ====================================================== *\/\n\n  const detailsButton =\n    root.querySelector(\n      \".weykiki-room-single-details\"\n    );\n\n\n  const closeDetailsButton =\n    root.querySelector(\n      \".weykiki-room-single-close-details\"\n    );\n\n\n  function openDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.add(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  function closeDetails() {\n\n    root.classList.add(\n      \"is-curtain-closing\"\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-expanded\"\n        );\n\n      },\n      650\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-closing\"\n        );\n\n        root.classList.add(\n          \"is-curtain-opening\"\n        );\n\n      },\n      750\n    );\n\n\n    setTimeout(\n      function () {\n\n        root.classList.remove(\n          \"is-curtain-opening\"\n        );\n\n      },\n      1550\n    );\n\n  }\n\n\n  detailsButton.addEventListener(\n    \"click\",\n    openDetails\n  );\n\n\n  closeDetailsButton.addEventListener(\n    \"click\",\n    closeDetails\n  );\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    document.getElementById(\n      \"weykikiRoomLightbox08\"\n    );\n\n\n  const lightboxImage =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-image\"\n    );\n\n\n  const lightboxCounter =\n    lightbox.querySelector(\n      \".weykiki-room-lightbox-counter\"\n    );\n\n\n  const galleryButton =\n    root.querySelector(\n      \".weykiki-room-single-gallery\"\n    );\n\n\n  const media =\n    root.querySelector(\n      \".weykiki-room-single-media\"\n    );\n\n\n  function updateLightbox() {\n\n    lightboxImage.src =\n      images[currentImage];\n\n\n    lightboxImage.alt =\n      \"Sea View Single Room\";\n\n\n    lightboxCounter.textContent =\n      String(\n        currentImage + 1\n      ).padStart(2, \"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        images.length\n      ).padStart(2, \"0\");\n\n  }\n\n\n  function openLightbox() {\n\n    updateLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.body.style.overflow =\n      \"hidden\";\n\n  }\n\n\n  function closeLightbox() {\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.body.style.overflow =\n      \"\";\n\n  }\n\n\n  function nextImage() {\n\n    currentImage++;\n\n\n    if (\n      currentImage >= images.length\n    ) {\n\n      currentImage = 0;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  function previousImage() {\n\n    currentImage--;\n\n\n    if (\n      currentImage < 0\n    ) {\n\n      currentImage =\n        images.length - 1;\n\n    }\n\n\n    updateLightbox();\n\n  }\n\n\n  galleryButton.addEventListener(\n    \"click\",\n    function (event) {\n\n      event.stopPropagation();\n\n      openLightbox();\n\n    }\n  );\n\n\n  media.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target.closest(\n          \".weykiki-room-single-gallery\"\n        )\n      ) return;\n\n\n      openLightbox();\n\n    }\n  );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-close\"\n    )\n    .addEventListener(\n      \"click\",\n      closeLightbox\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-next\"\n    )\n    .addEventListener(\n      \"click\",\n      nextImage\n    );\n\n\n  lightbox\n    .querySelector(\n      \".weykiki-room-lightbox-prev\"\n    )\n    .addEventListener(\n      \"click\",\n      previousImage\n    );\n\n\n  lightbox.addEventListener(\n    \"click\",\n    function (event) {\n\n      if (\n        event.target === lightbox\n      ) {\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     KEYBOARD\n  ====================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ) return;\n\n\n      if (\n        event.key === \"Escape\"\n      ) {\n\n        closeLightbox();\n\n      }\n\n\n      if (\n        event.key === \"ArrowRight\"\n      ) {\n\n        nextImage();\n\n      }\n\n\n      if (\n        event.key === \"ArrowLeft\"\n      ) {\n\n        previousImage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     SWIPE\n  ====================================================== *\/\n\n  let touchStartX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      touchStartX =\n        event.changedTouches[0].screenX;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      const touchEndX =\n        event.changedTouches[0].screenX;\n\n\n      const distance =\n        touchEndX - touchStartX;\n\n\n      if (\n        Math.abs(distance) < 50\n      ) return;\n\n\n      if (\n        distance < 0\n      ) {\n\n        nextImage();\n\n      } else {\n\n        previousImage();\n\n      }\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d64e0a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d64e0a4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5083d69\" data-id=\"5083d69\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93beeeb elementor-widget elementor-widget-html\" data-id=\"93beeeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"weykiki-curtain\" id=\"weykikiCurtain\">\n\n  <!-- =========================================\n       BACKGROUND CAROUSEL\n  ========================================== -->\n\n  <div class=\"weykiki-curtain-slides\">\n\n    <div\n      class=\"weykiki-curtain-slide is-active\"\n      style=\"background-image:url('https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/1-8.jpg');\">\n    <\/div>\n\n    <div\n      class=\"weykiki-curtain-slide\"\n      style=\"background-image:url('https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/3-8.jpg');\">\n    <\/div>\n\n    <div\n      class=\"weykiki-curtain-slide\"\n      style=\"background-image:url('https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/2-8.jpg');\">\n    <\/div>\n\n    <div\n      class=\"weykiki-curtain-slide\"\n      style=\"background-image:url('https:\/\/weykiki.com\/wp-content\/uploads\/2026\/09\/4-8.jpg');\">\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================================\n       OVERLAY\n  ========================================== -->\n\n  <div class=\"weykiki-curtain-overlay\"><\/div>\n\n\n  <!-- =========================================\n       CONTENT\n  ========================================== -->\n\n  <div class=\"weykiki-curtain-content\">\n\n\n    <!-- =====================================\n         MAIN CONTENT\n    ====================================== -->\n\n    <div class=\"weykiki-curtain-main\">\n\n      <div class=\"weykiki-curtain-number\">\n        09\n      <\/div>\n\n      <h2>\n        EXTENDED\n        PACKAGE\n      <\/h2>\n\n      <h3>\n        More space to share the journey.\n      <\/h3>\n\n      <p>\n        Connecting the triple room with balcony to the king room\n        with balcony creates a comfortable and flexible space\n        for families or friends.\n      <\/p>\n\n      <button\n        type=\"button\"\n        class=\"weykiki-curtain-link\"\n        id=\"weykikiCurtainDetails\"\n      >\n        View details\n        <span>\u2192<\/span>\n      <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================\n         DETAILS CONTENT\n    ====================================== -->\n\n    <div class=\"weykiki-curtain-details-content\">\n\n      <div class=\"weykiki-curtain-number\">\n        09\n      <\/div>\n\n      <h2>\n        EXTENDED\n        PACKAGE\n      <\/h2>\n\n      <p class=\"weykiki-curtain-full-description\">\n        Connecting the triple room with balcony to the king room\n        with balcony creates a comfortable and flexible space\n        for families or friends. Privacy when you need it,\n        company when you want it, and La Punta just outside.\n      <\/p>\n\n\n      <div class=\"weykiki-curtain-amenities\">\n\n        <div class=\"weykiki-curtain-amenities-title\">\n          Amenities\n        <\/div>\n\n        <div class=\"weykiki-curtain-amenities-grid\">\n\n          <div>Air conditioning<\/div>\n          <div>Bathrobes<\/div>\n          <div>Coffee maker<\/div>\n          <div>Wi-Fi<\/div>\n          <div>Minibar<\/div>\n          <div>Hair dryer<\/div>\n          <div>110\u2013127 V<\/div>\n          <div>220\u2013240 V<\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <button\n        type=\"button\"\n        class=\"weykiki-curtain-link weykiki-curtain-close\"\n        id=\"weykikiCurtainClose\"\n      >\n        Show less\n        <span>\u2191<\/span>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================================\n       CURTAIN PANELS\n  ========================================== -->\n\n  <div class=\"weykiki-curtain-panel weykiki-curtain-left\"><\/div>\n\n  <div class=\"weykiki-curtain-panel weykiki-curtain-right\"><\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   WEYKIKI \u2014 EXTENDED PACKAGE\n===================================================== *\/\n\n.weykiki-curtain {\n\n  position: relative;\n\n  width: 100%;\n\n  height: 760px;\n\n  min-height: 760px;\n\n  overflow: hidden;\n\n  background: #FFF7DC;\n\n}\n\n\n\/* =====================================================\n   BACKGROUND CAROUSEL\n===================================================== *\/\n\n.weykiki-curtain-slides {\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 0;\n\n  overflow: hidden;\n\n}\n\n\n.weykiki-curtain-slide {\n\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n\n  height: 100%;\n\n  background-size: cover;\n\n  background-position: center;\n\n  opacity: 0;\n\n  transform: scale(1.04);\n\n  transition:\n    opacity 1.4s ease,\n    transform 5s ease;\n\n}\n\n\n.weykiki-curtain-slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n}\n\n\n\/* =====================================================\n   OVERLAY\n===================================================== *\/\n\n.weykiki-curtain-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n background:\n  linear-gradient(\n    180deg,\n    rgba(20,18,14,.06) 0%,\n    rgba(20,18,14,.12) 40%,\n    rgba(20,18,14,.28) 70%,\n    rgba(20,18,14,.58) 100%\n  );\n\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.weykiki-curtain-content {\n\n  position: absolute;\n\n  z-index: 5;\n\n  left: 6vw;\n\n  bottom: 55px;\n\n  width: min(500px, 42%);\n\n  color: #FFF;\n\n}\n\n\n\/* =====================================================\n   MAIN \/ DETAILS TRANSITION\n===================================================== *\/\n\n.weykiki-curtain-main,\n.weykiki-curtain-details-content {\n\n  transition:\n    opacity .45s ease,\n    transform .55s cubic-bezier(.16,1,.3,1);\n\n}\n\n\n.weykiki-curtain-main {\n\n  opacity: 1;\n\n  transform: translateY(0);\n\n}\n\n\n.weykiki-curtain-details-content {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: 0;\n\n  width: 100%;\n\n  opacity: 0;\n\n  transform: translateY(20px);\n\n  pointer-events: none;\n\n}\n\n\n\/* =====================================================\n   NUMBER\n===================================================== *\/\n\n.weykiki-curtain-number {\n\n  margin-bottom: 18px;\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  letter-spacing: .18em;\n\n  opacity: .7;\n\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.weykiki-curtain-content h2 {\n\n  margin: 0;\n\n  font-family:\n    \"Trirong\",\n    Georgia,\n    serif;\n\n  font-size: 30px;\n\n  font-weight: 400;\n\n  line-height: 1.08;\n\n  letter-spacing: 0;\n\n}\n\n\n\/* =====================================================\n   TAGLINE\n===================================================== *\/\n\n.weykiki-curtain-content h3 {\n\n  margin: 16px 0 0;\n\n  font-family:\n    \"Trirong\",\n    Georgia,\n    serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n\n  font-style: italic;\n\n  line-height: 1.4;\n\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.weykiki-curtain-content p {\n\n  width: min(500px, 100%);\n\n  margin: 25px 0 0;\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 16px;\n\n  font-weight: 400;\n\n  line-height: 1.65;\n\n  opacity: .92;\n\n}\n\n\n\/* =====================================================\n   FULL DESCRIPTION\n===================================================== *\/\n\n.weykiki-curtain-full-description {\n\n  max-width: 500px;\n\n  margin-top: 20px !important;\n\n}\n\n\n\/* =====================================================\n   TEXT LINK\n   NO BUTTON APPEARANCE\n===================================================== *\/\n\n.weykiki-curtain-link {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-top: 32px;\n\n  padding: 0 0 8px;\n\n  border: none;\n\n  border-bottom:\n    1px solid rgba(255,247,220,.75);\n\n  border-radius: 0;\n\n  background: transparent !important;\n\n  color: #FFF7DC !important;\n\n  text-decoration: none !important;\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 15px;\n\n  font-weight: 400;\n\n  letter-spacing: .04em;\n\n  cursor: pointer;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n  transition:\n    gap .4s ease,\n    color .3s ease,\n    border-color .3s ease;\n\n}\n\n\n\/* =====================================================\n   ARROW\n===================================================== *\/\n\n.weykiki-curtain-link span {\n\n  font-size: 18px;\n\n  line-height: 1;\n\n  color: inherit !important;\n\n}\n\n\n\/* =====================================================\n   HOVER \u2014 WEYKIKI ORANGE\n===================================================== *\/\n\n.weykiki-curtain-link:hover,\n.weykiki-curtain-link:focus,\n.weykiki-curtain-link:active {\n\n  gap: 21px;\n\n  color: #AC4802 !important;\n\n  border-bottom-color: #AC4802;\n\n  background: transparent !important;\n\n  box-shadow: none !important;\n\n  outline: none !important;\n\n}\n\n\n\/* =====================================================\n   AMENITIES\n===================================================== *\/\n\n.weykiki-curtain-amenities {\n\n  margin-top: 25px;\n\n  padding-top: 18px;\n\n  border-top:\n    1px solid rgba(255,247,220,.35);\n\n}\n\n\n.weykiki-curtain-amenities-title {\n\n  margin-bottom: 15px;\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  opacity: .65;\n\n}\n\n\n.weykiki-curtain-amenities-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 10px 25px;\n\n}\n\n\n.weykiki-curtain-amenities-grid div {\n\n  font-family:\n    \"DM Sans\",\n    sans-serif;\n\n  font-size: 11px;\n\n  line-height: 1.3;\n\n  opacity: .9;\n\n}\n\n\n\/* =====================================================\n   CURTAIN PANELS\n===================================================== *\/\n\n.weykiki-curtain-panel {\n\n  position: absolute;\n\n  top: 0;\n\n  width: 50%;\n\n  height: 100%;\n\n  z-index: 10;\n\n  background: #FFF7DC;\n\n  transition:\n    transform 1.35s cubic-bezier(.77,0,.18,1);\n\n}\n\n\n\/* LEFT PANEL *\/\n\n.weykiki-curtain-left {\n\n  left: 0;\n\n  transform: translateX(-100%);\n\n}\n\n\n\/* RIGHT PANEL *\/\n\n.weykiki-curtain-right {\n\n  right: 0;\n\n  transform: translateX(100%);\n\n}\n\n\n\/* =====================================================\n   CLOSED STATE\n===================================================== *\/\n\n.weykiki-curtain.is-closed\n.weykiki-curtain-left {\n\n  transform: translateX(0);\n\n}\n\n\n.weykiki-curtain.is-closed\n.weykiki-curtain-right {\n\n  transform: translateX(0);\n\n}\n\n\n\/* =====================================================\n   OPEN STATE\n===================================================== *\/\n\n.weykiki-curtain.is-open\n.weykiki-curtain-left {\n\n  transform: translateX(-100%);\n\n}\n\n\n.weykiki-curtain.is-open\n.weykiki-curtain-right {\n\n  transform: translateX(100%);\n\n}\n\n\n\/* =====================================================\n   DETAILS STATE\n===================================================== *\/\n\n.weykiki-curtain.is-details\n.weykiki-curtain-main {\n\n  opacity: 0;\n\n  transform: translateY(15px);\n\n  pointer-events: none;\n\n}\n\n\n.weykiki-curtain.is-details\n.weykiki-curtain-details-content {\n\n  opacity: 1;\n\n  transform: translateY(0);\n\n  pointer-events: auto;\n\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n  .weykiki-curtain {\n\n    height: 620px;\n\n    min-height: 620px;\n\n  }\n\n\n  .weykiki-curtain-content {\n\n    left: 5vw;\n\n    bottom: 45px;\n\n    width: min(500px, 55%);\n\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n  .weykiki-curtain {\n\n    height: 620px;\n\n    min-height: 620px;\n\n  }\n\n\n  .weykiki-curtain-content {\n\n    left: 22px;\n\n    right: 22px;\n\n    bottom: 35px;\n\n    width: auto;\n\n  }\n\n\n  .weykiki-curtain-content h2 {\n\n    font-size: 27px;\n\n  }\n\n\n  .weykiki-curtain-content h3 {\n\n    font-size: 18px;\n\n  }\n\n\n  .weykiki-curtain-content p {\n\n    font-size: 15px;\n\n    line-height: 1.6;\n\n  }\n\n\n  .weykiki-curtain-amenities-grid {\n\n    gap: 8px 15px;\n\n  }\n\n\n  .weykiki-curtain-amenities-grid div {\n\n    font-size: 10px;\n\n  }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 380px) {\n\n  .weykiki-curtain {\n\n    height: 650px;\n\n    min-height: 650px;\n\n  }\n\n\n  .weykiki-curtain-content {\n\n    left: 18px;\n\n    right: 18px;\n\n    bottom: 30px;\n\n  }\n\n\n  .weykiki-curtain-content h2 {\n\n    font-size: 25px;\n\n  }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .weykiki-curtain-panel,\n  .weykiki-curtain-slide,\n  .weykiki-curtain-main,\n  .weykiki-curtain-details-content {\n\n    transition: none !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  const section =\n    document.getElementById(\n      \"weykikiCurtain\"\n    );\n\n\n  if (!section) return;\n\n\n  const detailsButton =\n    document.getElementById(\n      \"weykikiCurtainDetails\"\n    );\n\n\n  const closeButton =\n    document.getElementById(\n      \"weykikiCurtainClose\"\n    );\n\n\n  \/* =====================================================\n     BACKGROUND CAROUSEL\n  ===================================================== *\/\n\n  const slides =\n    section.querySelectorAll(\n      \".weykiki-curtain-slide\"\n    );\n\n\n  let currentSlide = 0;\n\n  const SLIDE_TIME = 5000;\n\n\n  setInterval(function () {\n\n    slides[currentSlide].classList.remove(\n      \"is-active\"\n    );\n\n\n    currentSlide++;\n\n    if (\n      currentSlide >= slides.length\n    ) {\n\n      currentSlide = 0;\n\n    }\n\n\n    slides[currentSlide].classList.add(\n      \"is-active\"\n    );\n\n  }, SLIDE_TIME);\n\n\n\n  \/* =====================================================\n     SCROLL CURTAIN ANIMATION\n     \n     IMPORTANT:\n     The curtain opens when the section enters\n     the viewport and closes again when it leaves.\n  ===================================================== *\/\n\n  const observer =\n    new IntersectionObserver(\n\n      function (entries) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n\n            \/*\n             * SECTION ENTERS VIEW\n             * Open the curtains.\n             *\/\n\n            section.classList.remove(\n              \"is-closed\"\n            );\n\n            section.classList.add(\n              \"is-open\"\n            );\n\n          } else {\n\n            \/*\n             * SECTION LEAVES VIEW\n             * Close the curtains again.\n             *\/\n\n            section.classList.remove(\n              \"is-open\"\n            );\n\n            section.classList.add(\n              \"is-closed\"\n            );\n\n          }\n\n        });\n\n      },\n\n      {\n        threshold: 0.35\n      }\n\n    );\n\n\n  observer.observe(section);\n\n\n\n  \/* =====================================================\n     OPEN DETAILS\n     \n     Sequence:\n     1. Curtains close\n     2. Content changes\n     3. Curtains open\n  ===================================================== *\/\n\n  function openDetails() {\n\n    if (\n      section.classList.contains(\n        \"is-transitioning\"\n      )\n    ) return;\n\n\n    section.classList.add(\n      \"is-transitioning\"\n    );\n\n\n    \/*\n     * STEP 1\n     * Close both curtains completely.\n     *\/\n\n    section.classList.remove(\n      \"is-open\"\n    );\n\n    section.classList.add(\n      \"is-closed\"\n    );\n\n\n    \/*\n     * STEP 2\n     * Once the curtains are closed,\n     * switch the content.\n     *\/\n\n    setTimeout(function () {\n\n      section.classList.add(\n        \"is-details\"\n      );\n\n    }, 1400);\n\n\n    \/*\n     * STEP 3\n     * Open the curtains again.\n     *\/\n\n    setTimeout(function () {\n\n      section.classList.remove(\n        \"is-closed\"\n      );\n\n      section.classList.add(\n        \"is-open\"\n      );\n\n    }, 1500);\n\n\n    \/*\n     * STEP 4\n     * Finish transition lock.\n     *\/\n\n    setTimeout(function () {\n\n      section.classList.remove(\n        \"is-transitioning\"\n      );\n\n    }, 2900);\n\n  }\n\n\n\n  \/* =====================================================\n     CLOSE DETAILS\n     \n     Sequence:\n     1. Curtains close\n     2. Content changes\n     3. Curtains open\n  ===================================================== *\/\n\n  function closeDetails() {\n\n    if (\n      section.classList.contains(\n        \"is-transitioning\"\n      )\n    ) return;\n\n\n    section.classList.add(\n      \"is-transitioning\"\n    );\n\n\n    \/*\n     * STEP 1\n     * Close both curtains.\n     *\/\n\n    section.classList.remove(\n      \"is-open\"\n    );\n\n    section.classList.add(\n      \"is-closed\"\n    );\n\n\n    \/*\n     * STEP 2\n     * Switch back to the main content\n     * while the curtains are completely closed.\n     *\/\n\n    setTimeout(function () {\n\n      section.classList.remove(\n        \"is-details\"\n      );\n\n    }, 1400);\n\n\n    \/*\n     * STEP 3\n     * Open the curtains again.\n     *\/\n\n    setTimeout(function () {\n\n      section.classList.remove(\n        \"is-closed\"\n      );\n\n      section.classList.add(\n        \"is-open\"\n      );\n\n    }, 1500);\n\n\n    \/*\n     * STEP 4\n     * Finish transition lock.\n     *\/\n\n    setTimeout(function () {\n\n      section.classList.remove(\n        \"is-transitioning\"\n      );\n\n    }, 2900);\n\n  }\n\n\n\n  \/* =====================================================\n     BUTTON EVENTS\n  ===================================================== *\/\n\n  if (detailsButton) {\n\n    detailsButton.addEventListener(\n      \"click\",\n      openDetails\n    );\n\n  }\n\n\n  if (closeButton) {\n\n    closeButton.addEventListener(\n      \"click\",\n      closeDetails\n    );\n\n  }\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rooms Home Rooms A pause by the sea Rooms that invite you to relax, unwind, and connect with your surroundings. Natural materials and warm light\u00a0 that make your stay feel effortless Book a stay + 01 Presidential Suite The Pacific, from every angle. A truly unique space at WEYKIKI, designed around one unforgettable experience: being [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"[]","_thinkrank_advanced_robots_meta":"[]","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"_joinchat":[],"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":316,"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":1258,"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/pages\/62\/revisions\/1258"}],"wp:attachment":[{"href":"https:\/\/weykiki.com\/en\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}