{"id":5416,"date":"2026-06-11T16:12:08","date_gmt":"2026-06-11T09:12:08","guid":{"rendered":"https:\/\/doonadoo.com\/ThaiBooking\/?page_id=5416"},"modified":"2026-06-20T11:14:35","modified_gmt":"2026-06-20T04:14:35","slug":"new-shop","status":"publish","type":"page","link":"https:\/\/doonadoo.com\/ThaiBooking\/new-shop\/","title":{"rendered":"[\u0e43\u0e2b\u0e21\u0e48] Shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5416\" class=\"elementor elementor-5416\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db30013 e-flex e-con-boxed e-con e-parent\" data-id=\"db30013\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c52d8 elementor-widget elementor-widget-html\" data-id=\"e8c52d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!--  DooNaDoo - SHOP \/ TOP widget (CSS + nav + hero + ticker)\r\n     \u0e27\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19 widget \"\u0e15\u0e31\u0e27\u0e41\u0e23\u0e01\" \u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32 shop \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e15\u0e48\u0e2d\u0e14\u0e49\u0e27\u0e22:\r\n       [dnd_products ...] (\u0e01\u0e23\u0e34\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32) \u2192 4-shop-BOTTOM-NOCTA \u2192 0-cta-footer\r\n     CSS \u0e1d\u0e31\u0e07\u0e43\u0e19\u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49 \u0e21\u0e35\u0e1c\u0e25\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32 (widget \u0e2d\u0e37\u0e48\u0e19\u0e43\u0e0a\u0e49\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e23\u0e48\u0e27\u0e21\u0e08\u0e32\u0e01\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48)\r\n     \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38: script nav+ticker \u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19 4-shop-BOTTOM-NOCTA (\u0e01\u0e31\u0e19\u0e1c\u0e39\u0e01\u0e0b\u0e49\u0e33) -->\r\n<!-- ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Bebas+Neue&family=Kanit:wght@300;400;500;600;700;800;900&display=swap\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Bebas+Neue&family=Kanit:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n\/* === Elementor wrapper reset (full-width, no padding, allow scroll) \u0e42\u20ac\u201d affects only this page === *\/\r\nhtml, body { overflow-x: hidden !important; overflow-y: auto !important; height: auto !important; margin: 0 !important; }\r\n.elementor, .elementor-section, .elementor-section-wrap, .elementor-column, .elementor-widget-wrap,\r\n.elementor-widget, .elementor-widget-html, .elementor-widget-container,\r\n.e-con, .e-con-inner, .e-parent, .e-child { max-width: 100% !important; width: 100% !important; }\r\n.elementor-section.elementor-section-boxed > .elementor-container,\r\n.e-con > .e-con-inner { max-width: 100% !important; }\r\n.elementor-widget-wrap, .elementor-element, .e-con, .e-con-inner,\r\n.elementor-widget-html .elementor-widget-container { padding: 0 !important; margin: 0 !important; }\r\n.elementor-widget:not(:last-child) { margin-bottom: 0 !important; }\r\n\/* force wrappers to plain blocks with no background so the centered 1240px page shows a grey frame *\/\r\n.elementor, .elementor-section, .elementor-section-wrap, .elementor-column, .elementor-widget-wrap,\r\n.elementor-widget, .elementor-widget-html, .elementor-widget-container,\r\n.e-con, .e-con-inner, .e-parent, .e-child { display: block !important; float: none !important; background: transparent !important; }\r\nbody { background: #d7d3cf !important; }\r\n.page { margin-left: auto !important; margin-right: auto !important; float: none !important; }\r\n\/* re-assert our button styles in case the active theme also defines a generic .button (common clash) *\/\r\n.page .button { background: var(--orange) !important; color: var(--cream) !important; border: var(--line) !important; border-radius: 0 !important; text-transform: uppercase !important; box-shadow: none; }\r\n.page .button.dark, .page .button.black { background: var(--black) !important; color: var(--cream) !important; }\r\n.page .button.ghost, .page .button.cream { background: var(--cream) !important; color: var(--black) !important; }\r\n.page .button.yellow { background: var(--yellow) !important; color: var(--black) !important; }\r\n.page .mini-button { background: var(--black) !important; color: var(--cream) !important; border: var(--line) !important; border-radius: 0 !important; }\r\n.page .mini-button:hover { background: var(--orange) !important; }\r\n.page .nav-cta { background: var(--black) !important; color: var(--cream) !important; border: var(--line) !important; border-radius: 0 !important; }\r\n.page .signup button, .page .search-box button { background: var(--black) !important; color: var(--cream) !important; border-radius: 0 !important; }\r\n\/* re-assert fonts: themes \/ Elementor global typography force a font onto h1-h6 and out-specify our .display class (this is why <h1> headings render in the wrong font while <div class=\"display\"> looks right) *\/\r\n.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 { font-family: \"Kanit\", system-ui, sans-serif !important; }\r\n.page .display { font-family: \"Anton\", \"Bebas Neue\", Impact, sans-serif !important; }\r\n.page .script { font-family: Georgia, serif !important; font-style: italic !important; }\r\n.page .ticker, .page .flavour, .page .category-row a { font-family: \"Bebas Neue\", \"Anton\", sans-serif !important; }\r\n.page .cta-band h2, .page .footer h4, .page .sidebar-card h3, .page .price, .page .price-summary .total-amount,\r\n.page .qty-display, .page .rotated-tag, .page .rotated-badge, .page .stamp,\r\n.page .booking-poster-badge, .page .meta-tag.price-tag { font-family: \"Anton\", sans-serif !important; }\r\n\/* ========================================================\r\n   DooNaDoo \u2014 Biscuit Pop Design System\r\n   ======================================================== *\/\r\n\r\n:root {\r\n  --cream:  #fff7e6;\r\n  --paper:  #fffaf0;\r\n  --orange: #ff4f00;\r\n  --red:    #df321d;\r\n  --yellow: #ffc426;\r\n  --blue:   #bfe2ff;\r\n  --pink:   #ef7aa6;\r\n  --green:  #68b956;\r\n  --purple: #7d55a6;\r\n  --black:  #080808;\r\n  --white:  #fff;\r\n  --muted:  #5a5148;\r\n  --line:   2px solid var(--black);\r\n  --shadow: 8px 8px 0 var(--black);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Reset \u2500\u2500\u2500 *\/\r\n*, *::before, *::after { box-sizing: border-box; }\r\nhtml  { scroll-behavior: smooth; }\r\nbody  { margin: 0; background: #d7d3cf; color: var(--black); font-family: \"Kanit\", system-ui, sans-serif; }\r\na     { color: inherit; text-decoration: none; }\r\nimg   { display: block; max-width: 100%; }\r\nbutton, input, textarea, select { font: inherit; }\r\n\r\n\/* \u2500\u2500\u2500 Type helpers \u2500\u2500\u2500 *\/\r\n.display {\r\n  font-family: \"Anton\", \"Bebas Neue\", Impact, sans-serif;\r\n  text-transform: uppercase;\r\n  letter-spacing: -.025em;\r\n  font-weight: 400;\r\n}\r\n.script {\r\n  font-family: Georgia, serif;\r\n  font-style: italic;\r\n  font-size: .78em;\r\n  text-transform: none;\r\n  letter-spacing: -.05em;\r\n}\r\n.kicker {\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n  color: var(--orange);\r\n  margin-bottom: 14px;\r\n}\r\n.section-tag {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .1em;\r\n  color: var(--orange);\r\n  margin-bottom: 10px;\r\n  display: block;\r\n}\r\n.small-link {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .06em;\r\n  transition: color .15s;\r\n}\r\n.small-link:hover { color: var(--orange); }\r\n\r\n\/* \u2500\u2500\u2500 Page wrapper \u2500\u2500\u2500 *\/\r\n.page {\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n  background: var(--cream);\r\n  overflow-x: hidden;\r\n  border-left: var(--line);\r\n  border-right: var(--line);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   NAV\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.nav {\r\n  height: 74px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 36px;\r\n  background: var(--cream);\r\n  border-bottom: var(--line);\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 50;\r\n}\r\n.brand { display: flex; align-items: center; }\r\n.brand img { height: 42px; width: auto; mix-blend-mode: multiply; }\r\n\r\n.nav-menu {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 30px;\r\n  font-size: 17px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n}\r\n.nav-menu a {\r\n  padding: 26px 0;\r\n  border-bottom: 4px solid transparent;\r\n  transition: border-color .15s, color .15s;\r\n}\r\n.nav-menu a.active,\r\n.nav-menu a:hover { border-bottom-color: var(--orange); color: var(--orange); }\r\n\r\n.nav-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 42px;\r\n  padding: 0 20px;\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  border: var(--line);\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  font-size: 13px;\r\n  transition: .18s ease;\r\n  cursor: pointer;\r\n}\r\n.nav-cta:hover { transform: translateY(-3px); box-shadow: 0 6px 0 rgba(0,0,0,.3); }\r\n\r\n\/* hamburger (mobile only) *\/\r\n.nav-toggle {\r\n  display: none;            \/* shown < 900px via media query *\/\r\n  width: 46px; height: 46px;\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  cursor: pointer;\r\n  place-items: center;\r\n  gap: 5px;\r\n  flex-direction: column;\r\n  transition: background .15s;\r\n}\r\n.nav-toggle span {\r\n  display: block;\r\n  width: 22px; height: 2.5px;\r\n  background: var(--black);\r\n  transition: transform .22s ease, opacity .22s ease;\r\n}\r\n.nav-toggle:hover { background: var(--yellow); }\r\n.nav-toggle.is-open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }\r\n.nav-toggle.is-open span:nth-child(2) { opacity: 0; }\r\n.nav-toggle.is-open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BUTTONS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 44px;\r\n  padding: 0 20px;\r\n  background: var(--orange);\r\n  color: var(--cream);\r\n  border: var(--line);\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  font-size: 13px;\r\n  transition: .18s ease;\r\n  cursor: pointer;\r\n}\r\n.button:hover  { transform: translateY(-3px); box-shadow: 0 6px 0 var(--black); }\r\n.button:active { transform: translateY(0);    box-shadow: 0 2px 0 var(--black); }\r\n.button.dark, .button.black { background: var(--black); color: var(--cream); }\r\n.button.ghost, .button.cream { background: var(--cream); color: var(--black); }\r\n.button.yellow { background: var(--yellow); color: var(--black); }\r\n.button.full   { width: 100%; }\r\n.button.large  { min-height: 58px; font-size: 16px; }\r\n\r\n.mini-button {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  padding: 12px 16px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  font-size: 13px;\r\n  border: var(--line);\r\n  transition: .15s;\r\n  cursor: pointer;\r\n}\r\n.mini-button:hover { background: var(--orange); transform: translateY(-2px); }\r\n.mini-button.is-disabled,\r\n.button.is-disabled { opacity: .55; pointer-events: none; cursor: default; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   HERO \u2014 standard (6-tile collage)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 620px;\r\n  border-bottom: var(--line);\r\n}\r\n.hero-collage {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  grid-template-rows: repeat(2, 1fr);\r\n  min-height: 620px;\r\n  position: relative;\r\n  border-right: var(--line);\r\n}\r\n.tile {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-right: var(--line);\r\n  border-bottom: var(--line);\r\n}\r\n.tile:nth-child(3n)   { border-right: 0; }\r\n.tile:nth-child(n+4)  { border-bottom: 0; }\r\n.tile img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  filter: saturate(1.12) contrast(1.04);\r\n  transition: transform .4s ease;\r\n}\r\n.tile:hover img { transform: scale(1.05); }\r\n.tile.yellow { background: var(--yellow); }\r\n.tile.blue   { background: var(--blue);   }\r\n.tile.pink   { background: #ffd0bd;       }\r\n\r\n.floating-card {\r\n  position: absolute;\r\n  inset: auto 8% 9% auto;\r\n  width: 190px;\r\n  padding: 18px 14px;\r\n  background: var(--cream);\r\n  border: var(--line);\r\n  transform: rotate(-7deg);\r\n  box-shadow: 9px 9px 0 rgba(0,0,0,.18);\r\n  text-align: center;\r\n  z-index: 5;\r\n}\r\n.floating-card .display { font-size: 34px; color: var(--orange); line-height: .9; }\r\n.floating-card p { margin: 8px 0 0; font-size: 12px; font-weight: 800; line-height: 1.2; }\r\n\r\n.hero-copy {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  padding: 70px 56px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.hero-copy::before {\r\n  content: \"\";\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(rgba(0,0,0,.16) 1px, transparent 1px);\r\n  background-size: 16px 16px;\r\n  opacity: .22;\r\n  pointer-events: none;\r\n}\r\n.hero-inner { position: relative; z-index: 1; max-width: 600px; }\r\nh1 { margin: 0; font-size: clamp(54px, 8vw, 112px); line-height: .82; color: var(--orange); }\r\n.hero-copy p {\r\n  font-size: 16px;\r\n  line-height: 1.65;\r\n  max-width: 470px;\r\n  margin: 20px auto 24px;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   HERO \u2014 editorial (2-column, watch page)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.editorial-hero {\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n  min-height: 580px;\r\n  border-bottom: var(--line);\r\n}\r\n.editorial-left {\r\n  padding: 62px 48px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #ffd0bd;\r\n}\r\n.editorial-left::before {\r\n  content: \"\";\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(rgba(0,0,0,.14) 1px, transparent 1px);\r\n  background-size: 15px 15px;\r\n  opacity: .5;\r\n}\r\n.editorial-copy { position: relative; z-index: 2; }\r\n.breadcrumb {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n  color: var(--orange);\r\n  margin-bottom: 30px;\r\n}\r\n.breadcrumb a:hover { text-decoration: underline; }\r\n.editorial-h1 {\r\n  font-size: clamp(80px, 11vw, 150px);\r\n  line-height: .76;\r\n  margin: 0;\r\n  color: var(--orange);\r\n}\r\n.thai-h1 {\r\n  font-size: clamp(40px, 5.5vw, 76px);\r\n  font-weight: 900;\r\n  letter-spacing: -.04em;\r\n  line-height: .9;\r\n  margin: 16px 0 20px;\r\n}\r\n.editorial-copy p {\r\n  font-weight: 700;\r\n  line-height: 1.6;\r\n  max-width: 500px;\r\n  margin: 0 0 26px;\r\n}\r\n.editorial-meta {\r\n  position: relative; z-index: 2;\r\n  display: flex; gap: 14px; flex-wrap: wrap;\r\n}\r\n.meta-pill {\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  padding: 9px 16px;\r\n  border-radius: 999px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  font-size: 12px;\r\n}\r\n\r\n.editorial-right {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: 1.2fr .8fr;\r\n  border-left: var(--line);\r\n  position: relative;\r\n}\r\n.edit-img {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-right: var(--line);\r\n  border-bottom: var(--line);\r\n}\r\n.edit-img:nth-child(2) { border-right: 0; }\r\n.edit-img:nth-child(3) { border-bottom: 0; }\r\n.edit-img:nth-child(4) { border-bottom: 0; border-right: 0; }\r\n.edit-img img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  filter: saturate(1.1) contrast(1.06);\r\n  transition: transform .4s;\r\n}\r\n.edit-img:hover img { transform: scale(1.06); }\r\n.rotated-tag {\r\n  position: absolute;\r\n  right: 28px; bottom: 28px;\r\n  width: 160px; height: 160px;\r\n  border: var(--line);\r\n  background: var(--yellow);\r\n  border-radius: 50%;\r\n  display: grid; place-items: center;\r\n  text-align: center;\r\n  font-family: \"Anton\", sans-serif;\r\n  font-size: 30px;\r\n  line-height: .88;\r\n  color: var(--orange);\r\n  transform: rotate(-11deg);\r\n  box-shadow: 8px 8px 0 rgba(0,0,0,.18);\r\n  z-index: 3;\r\n}\r\n.side-word {\r\n  position: absolute;\r\n  left: 20px; top: 50%;\r\n  transform: translateY(-50%) rotate(-90deg);\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .16em;\r\n  font-size: 12px;\r\n  z-index: 4;\r\n  background: var(--cream);\r\n  padding: 8px 14px;\r\n  border: var(--line);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TICKER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ticker {\r\n  height: 42px;\r\n  background: var(--orange);\r\n  color: var(--cream);\r\n  border-top: var(--line);\r\n  border-bottom: var(--line);\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  font-family: \"Bebas Neue\", sans-serif;\r\n  font-size: 25px;\r\n  letter-spacing: .05em;\r\n  white-space: nowrap;\r\n}\r\n.ticker-track { animation: marquee 24s linear infinite; }\r\n.ticker span  { display: inline-flex; align-items: center; gap: 12px; margin: 0 22px; }\r\n@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   INTRO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.intro {\r\n  padding: 82px 28px 74px;\r\n  text-align: center;\r\n  border-bottom: var(--line);\r\n  background: var(--cream);\r\n}\r\n.intro p { max-width: 650px; margin: 0 auto 18px; font-weight: 700; font-size: 18px; line-height: 1.45; }\r\n.sketch { width: 112px; height: 72px; margin: 0 auto 24px; opacity: .9; }\r\n.category-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 58px;\r\n  flex-wrap: wrap;\r\n  margin-top: 46px;\r\n}\r\n.category-row a {\r\n  font-family: \"Bebas Neue\", sans-serif;\r\n  font-size: 58px;\r\n  line-height: .8;\r\n  border-bottom: var(--line);\r\n  display: inline-block;\r\n  transition: .18s;\r\n}\r\n.category-row a:hover { color: var(--orange); transform: translateY(-4px) rotate(-2deg); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   INGREDIENTS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ingredients {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 22px;\r\n  padding: 44px 58px;\r\n  background: var(--cream);\r\n  border-bottom: var(--line);\r\n  text-align: center;\r\n}\r\n.ingredient { display: flex; flex-direction: column; align-items: center; }\r\n.ingredient-icon {\r\n  width: 52px; height: 52px;\r\n  margin: 0 auto 12px;\r\n  border: var(--line);\r\n  border-radius: 14px;\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  display: grid; place-items: center;\r\n  font-size: 22px;\r\n  transition: .2s;\r\n}\r\n.ingredient:hover .ingredient-icon { background: var(--orange); transform: rotate(-8deg) scale(1.1); }\r\n.ingredient b { font-size: 12px; text-transform: uppercase; line-height: 1.1; display: block; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BENTO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.bento { display: grid; grid-template-columns: 1fr 1fr; border-bottom: var(--line); }\r\n.panel {\r\n  min-height: 360px;\r\n  padding: 52px;\r\n  border-right: var(--line);\r\n  border-bottom: var(--line);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: .2s;\r\n}\r\n.panel:nth-child(2n) { border-right: 0; }\r\n.panel.red    { background: var(--red);    color: var(--cream); }\r\n.panel.yellow { background: var(--yellow); }\r\n.panel.orange { background: #ff6a13;       color: var(--cream); }\r\n.panel.blue   { background: var(--blue);   }\r\n.panel.pink   { background: var(--pink);   color: var(--cream); }\r\n.panel h2 { font-size: clamp(48px, 6vw, 86px); line-height: .8; margin: 0 0 20px; }\r\n.panel p  { max-width: 430px; margin: 0 auto 28px; font-size: 14px; line-height: 1.5; font-weight: 700; }\r\n.panel-label {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%) rotate(-90deg);\r\n  font-size: 22px; font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .1em;\r\n}\r\n.panel-label.left  { left: 22px; }\r\n.panel-label.right { right: 18px; transform: translateY(-50%) rotate(90deg); }\r\n.blob-img {\r\n  width: min(300px, 70%);\r\n  aspect-ratio: 1.18;\r\n  border-radius: 45% 55% 48% 52%;\r\n  overflow: hidden;\r\n  border: var(--line);\r\n}\r\n.blob-img img { width: 100%; height: 100%; object-fit: cover; }\r\n.stamp {\r\n  width: 86px; height: 86px;\r\n  border-radius: 50%;\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  display: grid; place-items: center;\r\n  margin: 0 auto 14px;\r\n  font-family: \"Anton\";\r\n  font-size: 32px;\r\n  color: var(--orange);\r\n}\r\n.good-vibes { font-size: 100px !important; color: var(--black); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FLAVOUR STRIP\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.flavour-strip {\r\n  display: flex;\r\n  gap: 38px;\r\n  overflow: hidden;\r\n  padding: 40px 26px;\r\n  background: var(--cream);\r\n  border-bottom: var(--line);\r\n  align-items: center;\r\n}\r\n.flavour {\r\n  min-width: 114px; height: 46px;\r\n  border-radius: 50%;\r\n  display: grid; place-items: center;\r\n  color: var(--cream);\r\n  font-family: \"Bebas Neue\";\r\n  font-size: 21px;\r\n  border: var(--line);\r\n  transition: transform .2s;\r\n  cursor: default;\r\n}\r\n.flavour:hover { transform: scale(1.12) rotate(0deg) !important; }\r\n.flavour:nth-child(1) { background: #f04444; transform: rotate(-8deg);  }\r\n.flavour:nth-child(2) { background: var(--green);  transform: rotate(-13deg); }\r\n.flavour:nth-child(3) { background: #f49b18; transform: rotate(8deg);   }\r\n.flavour:nth-child(4) { background: #5f6b38; transform: rotate(-5deg);  }\r\n.flavour:nth-child(5) { background: #fd7f21; transform: rotate(9deg);   }\r\n.flavour:nth-child(6) { background: #7b4fa0; transform: rotate(-10deg); }\r\n.flavour:nth-child(7) { background: #d9b085; color: var(--black); transform: rotate(6deg); }\r\n.flavour:nth-child(8) { background: #111;    transform: rotate(-4deg);  }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FILTER TOOLBAR\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.toolbar {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n  gap: 24px;\r\n  padding: 28px 36px;\r\n  border-bottom: var(--line);\r\n  background: var(--paper);\r\n  align-items: center;\r\n}\r\n.filter-chips { display: flex; gap: 10px; flex-wrap: wrap; }\r\n.chip {\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  padding: 9px 18px;\r\n  border-radius: 999px;\r\n  font-weight: 900;\r\n  cursor: pointer;\r\n  text-transform: uppercase;\r\n  font-size: 13px;\r\n  transition: .15s;\r\n}\r\n.chip.active,\r\n.chip:hover,\r\n.chip.active-pill {\r\n  background: var(--orange);\r\n  color: var(--cream);\r\n  transform: translateY(-2px);\r\n}\r\n.search-box {\r\n  display: flex;\r\n  border: var(--line);\r\n  height: 46px;\r\n  background: var(--cream);\r\n}\r\n.search-box input {\r\n  border: 0; flex: 1;\r\n  background: transparent;\r\n  padding: 0 16px;\r\n  font-weight: 700;\r\n  outline: 0;\r\n}\r\n.search-box button {\r\n  border: 0;\r\n  border-left: var(--line);\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  padding: 0 20px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: background .15s;\r\n}\r\n.search-box button:hover { background: var(--orange); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CATALOG + SIDEBAR\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.catalog {\r\n  display: grid;\r\n  grid-template-columns: 290px 1fr;\r\n  border-bottom: var(--line);\r\n}\r\n.sidebar {\r\n  border-right: var(--line);\r\n  background: var(--cream);\r\n  padding: 30px;\r\n  position: relative;\r\n}\r\n.sidebar-card {\r\n  border: var(--line);\r\n  padding: 24px;\r\n  background: var(--yellow);\r\n  margin-bottom: 20px;\r\n}\r\n.sidebar-card.red   { background: var(--red);  color: var(--cream); }\r\n.sidebar-card.blue  { background: var(--blue);  }\r\n.sidebar-card.green { background: var(--green); color: var(--cream); }\r\n.sidebar-card h3 {\r\n  font-family: \"Anton\", sans-serif;\r\n  font-size: 36px;\r\n  text-transform: uppercase;\r\n  line-height: .85;\r\n  margin: 0 0 12px;\r\n}\r\n.sidebar-card p { font-size: 14px; line-height: 1.45; font-weight: 700; margin: 0; }\r\n.vertical-note {\r\n  writing-mode: vertical-rl;\r\n  transform: rotate(180deg);\r\n  position: absolute;\r\n  right: 12px; bottom: 24px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .13em;\r\n  font-size: 11px;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   PRODUCT CARDS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.products, .content-section {\r\n  padding: 74px 36px 84px;\r\n  background: var(--cream);\r\n  border-bottom: var(--line);\r\n}\r\n.products.inset { padding: 32px; }  \/* inside catalog *\/\r\n\r\n.section-head { text-align: center; margin-bottom: 44px; }\r\n.section-head .display { font-size: clamp(48px, 6vw, 84px); line-height: .86; }\r\n.section-head p { max-width: 720px; margin: 14px auto 0; font-weight: 700; line-height: 1.5; }\r\n\r\n.product-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n  max-width: 1120px;\r\n  margin: 0 auto;\r\n}\r\n.product-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }\r\n\r\n\/* colour accent bar on top of each card *\/\r\n.product-card {\r\n  background: var(--paper);\r\n  border: var(--line);\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: .2s ease;\r\n  position: relative;\r\n}\r\n.product-card::before {\r\n  content: \"\";\r\n  display: block;\r\n  height: 6px;\r\n}\r\n.product-card[data-card-type=\"show\"]::before     { background: var(--red);    }\r\n.product-card[data-card-type=\"festival\"]::before { background: var(--orange);  }\r\n.product-card[data-card-type=\"tour\"]::before     { background: var(--blue);   border-top: var(--line); }\r\n.product-card[data-card-type=\"goods\"]::before    { background: var(--yellow); border-top: var(--line); }\r\n.product-card[data-card-type=\"guide\"]::before    { background: var(--green);  }\r\n\r\n.product-card:hover {\r\n  transform: translate(-4px, -4px);\r\n  box-shadow: var(--shadow);\r\n  border-color: var(--orange);\r\n}\r\n.product-card img {\r\n  width: 100%; height: 240px;\r\n  object-fit: cover;\r\n  border-bottom: var(--line);\r\n  filter: saturate(1.1);\r\n  transition: filter .3s;\r\n}\r\n.product-card:hover img { filter: saturate(1.35) contrast(1.06); }\r\n\r\n.product-body {\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  flex: 1;\r\n}\r\n.product-type {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  font-weight: 900;\r\n  letter-spacing: .08em;\r\n  color: var(--orange);\r\n}\r\n.product-card h3 { margin: 0; font-size: 22px; line-height: 1.1; font-weight: 900; }\r\n.product-card p  { margin: 0; font-size: 14px; line-height: 1.45; font-weight: 600; color: var(--muted); }\r\n.price {\r\n  margin-top: auto;\r\n  padding-top: 8px;\r\n  font-family: \"Anton\";\r\n  font-size: 30px;\r\n  color: var(--orange);\r\n}\r\n.price.free { color: var(--green); }\r\n.price.soft { color: var(--muted); font-size: 20px; }\r\n\r\n\/* card with .card-media (absolute badge) *\/\r\n.card-media {\r\n  height: 265px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-bottom: var(--line);\r\n  background: var(--blue);\r\n}\r\n.card-media img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  filter: saturate(1.08);\r\n  transition: filter .3s, transform .4s;\r\n}\r\n.product-card:hover .card-media img {\r\n  filter: saturate(1.3) contrast(1.06);\r\n  transform: scale(1.04);\r\n}\r\n.badge {\r\n  position: absolute;\r\n  left: 14px; top: 14px;\r\n  border: var(--line);\r\n  background: var(--yellow);\r\n  padding: 6px 14px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  z-index: 2;\r\n}\r\n.badge.free   { background: var(--green);  color: var(--cream); }\r\n.badge.soon   { background: var(--purple); color: var(--cream); }\r\n.badge.hot    { background: var(--red);    color: var(--cream); }\r\n\r\n.rotated-badge {\r\n  position: absolute;\r\n  right: 14px; top: 14px;\r\n  width: 74px; height: 74px;\r\n  border: var(--line);\r\n  border-radius: 50%;\r\n  background: var(--yellow);\r\n  display: grid; place-items: center;\r\n  font-family: \"Anton\";\r\n  font-size: 16px;\r\n  line-height: .9;\r\n  text-align: center;\r\n  transform: rotate(-12deg);\r\n  box-shadow: 4px 4px 0 rgba(0,0,0,.2);\r\n  z-index: 3;\r\n}\r\n\r\n.card-body {\r\n  padding: 22px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  flex: 1;\r\n}\r\n.card-body .category {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  color: var(--orange);\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n}\r\n.card-body h3 { font-size: 22px; line-height: 1.1; margin: 0; font-weight: 900; }\r\n.card-body p  { font-size: 14px; line-height: 1.45; margin: 0; font-weight: 600; color: var(--muted); }\r\n\r\n.card-actions { display: flex; gap: 8px; margin-top: 10px; }\r\n.card-actions .button,\r\n.card-actions .mini-button { flex: 1; }\r\n.icon-btn {\r\n  width: 44px; height: 44px;\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  display: grid; place-items: center;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n  transition: .15s;\r\n  flex-shrink: 0;\r\n}\r\n.icon-btn:hover { background: var(--pink); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SPOTLIGHT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.spotlight { display: grid; grid-template-columns: 1fr 1fr; border-bottom: var(--line); }\r\n.spot-a, .spot-b {\r\n  min-height: 380px;\r\n  padding: 54px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  position: relative;\r\n}\r\n.spot-a { background: var(--orange); color: var(--cream); }\r\n.spot-b { background: var(--blue); border-left: var(--line); }\r\n.spotlight h2 { font-size: clamp(52px, 6.5vw, 88px); line-height: .82; margin: 0 0 18px; }\r\n.spotlight p  { font-weight: 800; line-height: 1.5; max-width: 460px; margin: 0 auto 24px; }\r\n.circle-img {\r\n  width: 240px; height: 240px;\r\n  border-radius: 50%;\r\n  border: var(--line);\r\n  overflow: hidden;\r\n  margin: 0 auto 22px;\r\n}\r\n.circle-img img { width: 100%; height: 100%; object-fit: cover; }\r\n.spot-label {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%) rotate(-90deg);\r\n  left: 20px;\r\n  font-size: 12px; font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .14em;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FAQ\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.faq { padding: 70px 36px; background: var(--cream); border-bottom: var(--line); }\r\n.faq-head { text-align: center; margin-bottom: 40px; }\r\n.faq-head h2 { font-size: clamp(56px, 7vw, 96px); line-height: .82; margin: 0; }\r\n.faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1120px; margin: 0 auto; }\r\n.faq-item {\r\n  border: var(--line);\r\n  background: var(--paper);\r\n  padding: 28px;\r\n  transition: .18s;\r\n}\r\n.faq-item:hover { transform: translateY(-4px); box-shadow: 6px 6px 0 var(--black); }\r\n.faq-item:nth-child(1) { background: var(--yellow); }\r\n.faq-item:nth-child(2) { background: var(--pink); }\r\n.faq-item:nth-child(3) { background: var(--blue); }\r\n.faq-item h3 { font-size: 22px; margin: 0 0 12px; font-weight: 900; }\r\n.faq-item p  { font-size: 14px; line-height: 1.55; font-weight: 600; margin: 0; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FEATURE (2-col image + copy)\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.feature { display: grid; grid-template-columns: 1fr 1fr; border-bottom: var(--line); }\r\n.feature-media {\r\n  min-height: 460px;\r\n  border-right: var(--line);\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--yellow);\r\n}\r\n.feature-media img { width: 100%; height: 100%; object-fit: cover; }\r\n.feature-copy {\r\n  padding: 70px 56px;\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  background: var(--paper);\r\n}\r\n.feature-copy h2 { font-size: clamp(50px, 6vw, 88px); line-height: .82; margin: 0 0 20px; color: var(--orange); }\r\n.feature-copy p  { font-size: 17px; line-height: 1.6; font-weight: 650; margin: 0 0 28px; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   STORY \/ LIST GRID\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.list-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1080px; margin: 40px auto 0; }\r\n.story-card {\r\n  display: grid;\r\n  grid-template-columns: 180px 1fr;\r\n  gap: 18px;\r\n  border: var(--line);\r\n  background: var(--paper);\r\n  padding: 14px;\r\n  align-items: center;\r\n  transition: .18s;\r\n}\r\n.story-card:hover { box-shadow: 6px 6px 0 var(--black); transform: translate(-2px, -2px); }\r\n.story-card img   { height: 130px; width: 100%; object-fit: cover; border: var(--line); }\r\n.story-card h3    { font-size: 24px; margin: 0 0 6px; line-height: 1; }\r\n.story-card p     { margin: 0; font-weight: 650; line-height: 1.45; font-size: 14px; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CONTACT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1120px; margin: 0 auto; }\r\n.form-card, .info-card { border: var(--line); background: var(--paper); padding: 30px; }\r\n.form-row { display: grid; gap: 14px; }\r\n.form-row input,\r\n.form-row textarea,\r\n.form-row select {\r\n  width: 100%;\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  padding: 14px;\r\n  font-weight: 700;\r\n  outline: 0;\r\n  transition: border-color .15s;\r\n}\r\n.form-row input:focus,\r\n.form-row textarea:focus,\r\n.form-row select:focus { border-color: var(--orange); }\r\n.form-row textarea { min-height: 140px; resize: vertical; }\r\n.info-card h3,\r\n.form-card h3 { font-size: 42px; line-height: .9; margin: 0 0 18px; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BOOKING PAGE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.booking-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.05fr;\r\n  min-height: 640px;\r\n  border-bottom: var(--line);\r\n}\r\n.booking-poster {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-right: var(--line);\r\n  background: var(--black);\r\n}\r\n.booking-poster img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  opacity: .82;\r\n  transition: opacity .3s;\r\n}\r\n.booking-poster:hover img { opacity: .9; }\r\n.booking-poster-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(8,8,8,.75) 0%, transparent 52%);\r\n}\r\n.booking-poster-badge {\r\n  position: absolute;\r\n  top: 24px; right: 24px;\r\n  background: var(--orange);\r\n  border: var(--line);\r\n  color: var(--cream);\r\n  font-family: \"Anton\";\r\n  font-size: 18px;\r\n  padding: 10px 18px;\r\n  transform: rotate(3deg);\r\n  letter-spacing: .02em;\r\n}\r\n.booking-poster-text {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  padding: 40px;\r\n  color: var(--cream);\r\n}\r\n.booking-poster-text .display { font-size: clamp(28px, 3.5vw, 52px); line-height: .9; margin: 0 0 10px; }\r\n.booking-poster-text .venue   { font-size: 14px; font-weight: 700; opacity: .85; }\r\n\r\n.booking-form-panel {\r\n  padding: 54px 50px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 26px;\r\n  background: var(--cream);\r\n}\r\n.booking-form-panel h2 {\r\n  font-size: clamp(38px, 5vw, 68px);\r\n  line-height: .85;\r\n  margin: 0;\r\n  color: var(--orange);\r\n}\r\n.event-meta { display: flex; flex-wrap: wrap; gap: 10px; }\r\n.meta-tag {\r\n  border: var(--line);\r\n  padding: 8px 16px;\r\n  border-radius: 999px;\r\n  font-weight: 900;\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  background: var(--cream);\r\n}\r\n.meta-tag.highlight { background: var(--yellow); }\r\n.meta-tag.price-tag {\r\n  background: var(--orange);\r\n  color: var(--cream);\r\n  font-size: 20px;\r\n  font-family: \"Anton\";\r\n  border-radius: 0;\r\n  letter-spacing: -.01em;\r\n}\r\n.slot-selector { border: var(--line); background: var(--paper); padding: 28px; }\r\n.slot-selector label {\r\n  font-size: 12px; font-weight: 900;\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n  display: block;\r\n  margin-bottom: 10px;\r\n}\r\n.slot-select {\r\n  width: 100%;\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  padding: 14px 16px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  appearance: none;\r\n  cursor: pointer;\r\n  outline: 0;\r\n  transition: border-color .15s;\r\n}\r\n.slot-select:focus { border-color: var(--orange); }\r\n.qty-row { display: flex; align-items: center; gap: 14px; margin-top: 20px; }\r\n.qty-btn {\r\n  width: 46px; height: 46px;\r\n  border: var(--line);\r\n  background: var(--cream);\r\n  font-size: 24px; font-weight: 900;\r\n  display: grid; place-items: center;\r\n  cursor: pointer;\r\n  transition: .15s;\r\n  user-select: none;\r\n}\r\n.qty-btn:hover { background: var(--black); color: var(--cream); }\r\n.qty-display {\r\n  font-family: \"Anton\";\r\n  font-size: 40px;\r\n  min-width: 52px;\r\n  text-align: center;\r\n  line-height: 1;\r\n}\r\n.qty-label { font-size: 13px; font-weight: 700; color: var(--muted); }\r\n\r\n.price-summary {\r\n  border-top: var(--line);\r\n  padding-top: 22px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n.price-summary .total-label { font-size: 13px; font-weight: 900; text-transform: uppercase; }\r\n.price-summary .total-amount { font-family: \"Anton\"; font-size: 52px; color: var(--orange); line-height: 1; }\r\n\r\n.booking-cta { width: 100%; min-height: 58px; font-size: 16px; letter-spacing: .04em; }\r\n\r\n\/* event description strip *\/\r\n.event-desc {\r\n  padding: 56px 36px;\r\n  border-bottom: var(--line);\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.6fr;\r\n  gap: 48px;\r\n  align-items: start;\r\n}\r\n.event-desc-head { font-size: clamp(48px, 5.5vw, 80px); line-height: .84; margin: 0; }\r\n.event-desc-body { font-size: 16px; line-height: 1.75; font-weight: 600; }\r\n.event-desc-body p { margin: 0 0 16px; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   CTA BAND\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.cta-band { display: grid; grid-template-columns: 1fr 1fr; border-bottom: var(--line); }\r\n.newsletter, .where { padding: 58px 36px; min-height: 220px; }\r\n.newsletter { background: var(--pink); }\r\n.where      { background: var(--orange); color: var(--black); border-left: var(--line); }\r\n.cta-band .label { font-size: 13px; font-weight: 900; text-transform: uppercase; margin-bottom: 18px; }\r\n.cta-band h2 { font-family: \"Anton\"; font-size: 54px; line-height: .82; text-transform: uppercase; margin: 0 0 24px; }\r\n.signup { display: flex; max-width: 460px; border-bottom: var(--line); }\r\n.signup input {\r\n  flex: 1; border: 0;\r\n  background: transparent;\r\n  padding: 12px 0;\r\n  font-weight: 700;\r\n  outline: 0;\r\n}\r\n.signup button {\r\n  border: 0;\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  font-weight: 900;\r\n  padding: 0 20px;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: background .15s;\r\n}\r\n.signup button:hover { background: var(--black); opacity: .8; }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   FOOTER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.footer {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr .8fr .8fr .8fr;\r\n  gap: 28px;\r\n  padding: 56px 36px;\r\n  background: var(--cream);\r\n  border-top: var(--line);\r\n}\r\n.footer p, .footer a { font-size: 13px; line-height: 1.8; font-weight: 600; }\r\n.footer a:hover { color: var(--orange); }\r\n.footer h4 { font-family: \"Anton\"; font-size: 18px; margin: 0 0 12px; text-transform: uppercase; }\r\n.footer .brand { margin-bottom: 14px; }\r\n.footer .brand img { height: 38px; width: auto; mix-blend-mode: multiply; }\r\n.social { display: flex; gap: 10px; margin-top: 16px; }\r\n.social a {\r\n  width: 34px; height: 34px;\r\n  border: var(--line);\r\n  border-radius: 50%;\r\n  display: grid; place-items: center;\r\n  font-size: 12px; font-weight: 900;\r\n  transition: .15s;\r\n}\r\n.social a:hover { background: var(--orange); color: var(--cream); border-color: var(--orange); }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1040px) {\r\n  .catalog { grid-template-columns: 1fr; }\r\n  .sidebar {\r\n    border-right: 0; border-bottom: var(--line);\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;\r\n  }\r\n  .sidebar-card { margin: 0; }\r\n  .vertical-note { display: none; }\r\n  .toolbar { grid-template-columns: 1fr; }\r\n  .editorial-hero { grid-template-columns: 1fr; }\r\n  .editorial-right { border-left: 0; border-top: var(--line); min-height: 480px; grid-template-rows: 1fr 1fr; }\r\n  .side-word { display: none; }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .hero, .bento, .cta-band, .feature, .contact-grid,\r\n  .booking-layout, .spotlight, .event-desc { grid-template-columns: 1fr; }\r\n  .hero-collage  { border-right: 0; border-bottom: var(--line); min-height: 480px; }\r\n  .feature-media { border-right: 0; border-bottom: var(--line); }\r\n  .panel, .panel:nth-child(2n) { border-right: 0; }\r\n  .ingredients   { grid-template-columns: repeat(3, 1fr); padding: 34px 24px; }\r\n  .product-grid  { grid-template-columns: 1fr 1fr; }\r\n  .footer        { grid-template-columns: 1fr 1fr; }\r\n  .good-vibes    { font-size: 74px !important; }\r\n\r\n  \/* mobile dropdown menu *\/\r\n  .nav-toggle { display: flex; }\r\n  .nav-menu {\r\n    position: absolute;\r\n    top: 100%; left: 0; right: 0;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 0;\r\n    background: var(--cream);\r\n    border-bottom: var(--line);\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height .26s ease;\r\n    box-shadow: 0 12px 18px rgba(0,0,0,.12);\r\n  }\r\n  .nav-menu.open { max-height: 360px; }\r\n  .nav-menu a {\r\n    padding: 16px 36px;\r\n    border-bottom: 2px solid rgba(0,0,0,.08);\r\n  }\r\n  .nav-menu a.active,\r\n  .nav-menu a:hover { color: var(--orange); background: var(--paper); }\r\n  .list-grid     { grid-template-columns: 1fr; }\r\n  .booking-poster { border-right: 0; border-bottom: var(--line); min-height: 400px; }\r\n  .spot-b, .where { border-left: 0; border-top: var(--line); }\r\n  .faq-grid      { grid-template-columns: 1fr 1fr; }\r\n  .event-desc    { gap: 28px; }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .nav { padding: 0 18px; }\r\n  .nav-cta { display: none; }\r\n  .hero-collage { grid-template-columns: repeat(2, 1fr); }\r\n  .tile:nth-child(3n)  { border-right: var(--line); }\r\n  .tile:nth-child(2n)  { border-right: 0; }\r\n  .hero-copy { padding: 58px 24px; }\r\n  .editorial-left { padding: 48px 24px; }\r\n  .category-row { gap: 26px; }\r\n  .category-row a { font-size: 44px; }\r\n  .ingredients { grid-template-columns: repeat(2, 1fr); }\r\n  .product-grid, .faq-grid, .contact-grid { grid-template-columns: 1fr; }\r\n  .footer { grid-template-columns: 1fr; }\r\n  .panel { padding: 44px 24px; }\r\n  .panel-label { display: none; }\r\n  .newsletter, .where, .feature-copy, .booking-form-panel { padding: 46px 24px; }\r\n  .cta-band h2 { font-size: 44px; }\r\n  .floating-card { display: none; }\r\n  .rotated-tag { width: 130px; height: 130px; font-size: 26px; }\r\n  .story-card { grid-template-columns: 1fr; }\r\n  .sidebar { grid-template-columns: 1fr; }\r\n  .event-desc { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<main class=\"page\">\r\n\r\n  <!-- NAV -->\r\n  <nav class=\"nav\">\r\n    <a class=\"brand\" href=\"\/ThaiBooking\/new-home\/\"><img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2025\/11\/logo3-removebg-preview.png\" alt=\"DooNaDoo\"><\/a>\r\n    <div class=\"nav-menu\">\r\n      <a href=\"\/ThaiBooking\/new-home\/\">Home<\/a>\r\n      <a href=\"\/ThaiBooking\/new-watch\/\">Watch<\/a>\r\n      <a href=\"\/ThaiBooking\/new-tour\/\">Tour<\/a>\r\n      <a class=\"active\" href=\"\/ThaiBooking\/new-shop\/\">Shop<\/a>\r\n      <a href=\"\/ThaiBooking\/new-contact\/\">Contact<\/a>\r\n    <\/div>\r\n    <button class=\"nav-toggle\" aria-label=\"\u0e40\u0e1b\u0e34\u0e14\/\u0e1b\u0e34\u0e14\u0e40\u0e21\u0e19\u0e39\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\r\n    <a class=\"nav-cta\" href=\"#products\">Shop now<\/a>\r\n  <\/nav>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\" style=\"background:#ffc426\">\r\n    <div class=\"feature-media\">\r\n      <img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579486.jpg\" alt=\"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e07\u0e32\u0e19\u0e04\u0e23\u0e32\u0e1f\u0e15\u0e4c\">\r\n    <\/div>\r\n    <div class=\"hero-copy\">\r\n      <div class=\"hero-inner\">\r\n        <div class=\"kicker\">category \/ \u0e19\u0e48\u0e32\u0e0b\u0e37\u0e49\u0e2d\u0e19\u0e48\u0e32\u0e02\u0e32\u0e22<\/div>\r\n        <h1 class=\"display\">GOODS +<br>CRAFT<\/h1>\r\n        <p>\u0e2a\u0e32\u0e22\u0e0a\u0e49\u0e2d\u0e1a \u0e04\u0e25\u0e34\u0e01\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e14\u0e39 \u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e04\u0e23\u0e4a\u0e32\u0e1f<\/p>\r\n        <a class=\"button\" href=\"#products\">\u0e14\u0e39\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e04\u0e25\u0e34\u0e01<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TICKER -->\r\n  <div class=\"ticker\"><div class=\"ticker-track\">\r\n    <span>\u2726 COMMUNITY GOODS<\/span><span>\u2739 CRAFT<\/span><span>\u271a LOCAL MADE<\/span>\r\n    <span>\u25cf BUY LOCAL<\/span><span>\u2661 HANDMADE<\/span><span>\u25a6 DOONADOO<\/span>\r\n    <span>\u2726 COMMUNITY GOODS<\/span><span>\u2739 CRAFT<\/span><span>\u271a LOCAL MADE<\/span>\r\n    <span>\u25cf BUY LOCAL<\/span><span>\u2661 HANDMADE<\/span><span>\u25a6 DOONADOO<\/span>\r\n  <\/div><\/div>\r\n\r\n  <!-- ANCHOR: \u0e08\u0e38\u0e14\u0e43\u0e2b\u0e49\u0e1b\u0e38\u0e48\u0e21\/\u0e40\u0e21\u0e19\u0e39\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e25\u0e07\u0e21\u0e32\u0e17\u0e35\u0e48 \"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\"\r\n       (\u0e16\u0e31\u0e14\u0e08\u0e32\u0e01\u0e19\u0e35\u0e49\u0e43\u0e19 Elementor \u0e04\u0e37\u0e2d widget [dnd_products] \u0e41\u0e25\u0e49\u0e27\u0e15\u0e32\u0e21\u0e14\u0e49\u0e27\u0e22 4-shop-BOTTOM-NOCTA) -->\r\n  <span id=\"products\" style=\"display:block; scroll-margin-top:80px\"><\/span>\r\n\r\n<\/main>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73c4db9 elementor-widget elementor-widget-shortcode\" data-id=\"73c4db9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<style>\r\n\t\t.dnd-pager { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:34px; }\r\n\t\t.dnd-page-btn { min-width:42px; height:42px; padding:0 10px; border:2px solid var(--black,#080808); background:var(--cream,#fff7e6); color:var(--black,#080808); font-family:\"Anton\",sans-serif; font-size:16px; font-weight:700; cursor:pointer; transition:.15s; }\r\n\t\t.dnd-page-btn:hover:not(:disabled) { background:var(--yellow,#ffc426); }\r\n\t\t.dnd-page-btn.active { background:var(--orange,#ff4f00); color:var(--cream,#fff7e6); }\r\n\t\t.dnd-page-btn:disabled { opacity:.4; cursor:default; }\r\n\t\t.dnd-badges { position:absolute; left:14px; top:14px; z-index:2; display:flex; flex-direction:column; gap:6px; align-items:flex-start; }\r\n\t\t.dnd-badges .badge { position:static; }\r\n\t\t.dnd-products .filter-chips .chip { color:var(--black,#080808) !important; }\r\n\t\t.dnd-products .filter-chips .chip.active { color:var(--cream,#fff7e6) !important; }\r\n\t<\/style>\r\n\t<div class=\"dnd-products page\" id=\"dnd-Zh6Q1M\" data-perpage=\"9\" style=\"border-bottom:var(--line)\">\r\n\r\n\t\t\r\n\t\t<div style=\"padding:44px 36px 60px;background:var(--cream)\">\r\n\t\t\t\t\t\t<div class=\"section-head\">\r\n\t\t\t\t<span class=\"section-tag\">\u0e0a\u0e38\u0e21\u0e19\u0e38\u0e21\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e14\u0e35\u0e19\u0e48\u0e32\u0e14\u0e39<\/span>\t\t\t\t<div class=\"display\">Community goods<\/div>\t\t\t\t<p>\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e08\u0e32\u0e01 DooNaDoo \u2014 \u0e04\u0e31\u0e14\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e27\u0e48\u0e32\u0e14\u0e35 \u0e21\u0e35\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e32 \u0e41\u0e25\u0e30\u0e21\u0e32\u0e08\u0e32\u0e01\u0e21\u0e37\u0e2d\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/p>\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"product-grid\">\r\n\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e1c\u0e49\u0e32 Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579499_0-673x1024.jpg\" alt=\"\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e1c\u0e49\u0e32 Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e1c\u0e49\u0e32 Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>350.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-tote-bag\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e40\u0e2a\u0e37\u0e49\u0e2d Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579498_0-673x1024.jpg\" alt=\"\u0e40\u0e2a\u0e37\u0e49\u0e2d Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e40\u0e2a\u0e37\u0e49\u0e2d Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>450.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-t-shirt\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e01\u0e23\u0e30\u0e1a\u0e2d\u0e01\u0e43\u0e2a\u0e48\u0e19\u0e49\u0e33 Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579497_0-673x1024.jpg\" alt=\"\u0e01\u0e23\u0e30\u0e1a\u0e2d\u0e01\u0e43\u0e2a\u0e48\u0e19\u0e49\u0e33 Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e01\u0e23\u0e30\u0e1a\u0e2d\u0e01\u0e43\u0e2a\u0e48\u0e19\u0e49\u0e33 Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>950.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-water-bottle\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e41\u0e01\u0e49\u0e27 Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579496_0-673x1024.jpg\" alt=\"\u0e41\u0e01\u0e49\u0e27 Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e41\u0e01\u0e49\u0e27 Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>250.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-mug\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e41\u0e27\u0e48\u0e19\u0e15\u0e32 Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579495_0-673x1024.jpg\" alt=\"\u0e41\u0e27\u0e48\u0e19\u0e15\u0e32 Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e41\u0e27\u0e48\u0e19\u0e15\u0e32 Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>350.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-glasses\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e2b\u0e21\u0e27\u0e01 Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579494_0-673x1024.jpg\" alt=\"\u0e2b\u0e21\u0e27\u0e01 Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e2b\u0e21\u0e27\u0e01 Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>450.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-cap\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t<article class=\"product-card\" data-card-type=\"goods\" data-cats=\"\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 | \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\" data-title=\"\u0e23\u0e48\u0e21 Doonadoo Collection\">\r\n\t\t\t\t\t\t<div class=\"card-media\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2026\/06\/S__18579493_0-673x1024.jpg\" alt=\"\u0e23\u0e48\u0e21 Doonadoo Collection\"\r\n\t\t\t\t\t\t\t     onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=900&amp;q=80'\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t\t<div class=\"category\">\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e30\u0e25\u0e36\u0e01 \/ \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32<\/div>\t\t\t\t\t\t\t<h3>\u0e23\u0e48\u0e21 Doonadoo Collection<\/h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price\">\r\n\t\t\t\t\t\t\t\t<span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#3647;<\/span>750.00<\/span>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"card-actions\">\r\n\t\t\t\t\t\t\t\t<a class=\"button\" href=\"https:\/\/doonadoo.com\/ThaiBooking\/product\/doonadoo-umbrella\/\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<p class=\"dnd-empty\" style=\"display:none;text-align:center;font-weight:700;padding:30px\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e01\u0e23\u0e2d\u0e07<\/p>\r\n\t\t\t<div class=\"dnd-pager\"><\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\t(function () {\r\n\t\tvar root = document.getElementById('dnd-Zh6Q1M');\r\n\t\tif ( ! root ) { return; }\r\n\t\tvar per    = parseInt( root.getAttribute('data-perpage'), 10 ) || 9;\r\n\t\tvar cards  = Array.prototype.slice.call( root.querySelectorAll('.product-grid > .product-card') );\r\n\t\tvar pager  = root.querySelector('.dnd-pager');\r\n\t\tvar empty  = root.querySelector('.dnd-empty');\r\n\t\tvar chips  = Array.prototype.slice.call( root.querySelectorAll('[data-dndfilter]') );\r\n\t\tvar search = root.querySelector('.dnd-search');\r\n\t\tvar filter = 'all', q = '', page = 1;\r\n\r\n\t\tfunction visible() {\r\n\t\t\treturn cards.filter(function ( c ) {\r\n\t\t\t\tvar okF = ( filter === 'all' ) || ( ( c.getAttribute('data-cats') || '' ).indexOf( filter ) >= 0 );\r\n\t\t\t\tvar okQ = ( q === '' ) || ( ( c.getAttribute('data-title') || '' ).toLowerCase().indexOf( q ) >= 0 );\r\n\t\t\t\treturn okF && okQ;\r\n\t\t\t});\r\n\t\t}\r\n\t\tfunction render( doScroll ) {\r\n\t\t\tvar vis = visible();\r\n\t\t\tvar pages = Math.max( 1, Math.ceil( vis.length \/ per ) );\r\n\t\t\tif ( page > pages ) { page = pages; }\r\n\t\t\tcards.forEach(function ( c ) { c.style.display = 'none'; });\r\n\t\t\tvis.forEach(function ( c, i ) {\r\n\t\t\t\tif ( Math.floor( i \/ per ) + 1 === page ) { c.style.display = ''; }\r\n\t\t\t});\r\n\t\t\tif ( empty ) { empty.style.display = vis.length ? 'none' : ''; }\r\n\t\t\tif ( ! pager ) { return; }\r\n\t\t\tif ( pages <= 1 ) { pager.innerHTML = ''; pager.style.display = 'none'; }\r\n\t\t\telse {\r\n\t\t\t\tpager.style.display = '';\r\n\t\t\t\tvar html = '<button class=\"dnd-page-btn\" data-go=\"' + (page - 1) + '\"' + (page === 1 ? ' disabled' : '') + '>&lsaquo;<\/button>';\r\n\t\t\t\tfor ( var i = 1; i <= pages; i++ ) {\r\n\t\t\t\t\thtml += '<button class=\"dnd-page-btn' + (i === page ? ' active' : '') + '\" data-go=\"' + i + '\">' + i + '<\/button>';\r\n\t\t\t\t}\r\n\t\t\t\thtml += '<button class=\"dnd-page-btn\" data-go=\"' + (page + 1) + '\"' + (page === pages ? ' disabled' : '') + '>&rsaquo;<\/button>';\r\n\t\t\t\tpager.innerHTML = html;\r\n\t\t\t\tArray.prototype.slice.call( pager.querySelectorAll('[data-go]') ).forEach(function ( b ) {\r\n\t\t\t\t\tb.addEventListener('click', function () {\r\n\t\t\t\t\t\tpage = Math.max( 1, Math.min( pages, parseInt( b.getAttribute('data-go'), 10 ) ) );\r\n\t\t\t\t\t\trender( true );\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif ( doScroll ) { root.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\r\n\t\t}\r\n\t\tchips.forEach(function ( ch ) {\r\n\t\t\tch.addEventListener('click', function () {\r\n\t\t\t\tchips.forEach(function ( x ) { x.classList.remove('active'); });\r\n\t\t\t\tch.classList.add('active');\r\n\t\t\t\tfilter = ch.getAttribute('data-dndfilter');\r\n\t\t\t\tpage = 1;\r\n\t\t\t\trender( false );\r\n\t\t\t});\r\n\t\t});\r\n\t\tif ( search ) {\r\n\t\t\tsearch.addEventListener('input', function () { q = search.value.trim().toLowerCase(); page = 1; render( false ); });\r\n\t\t}\r\n\t\trender( false );\r\n\t})();\r\n\t<\/script>\r\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffbd700 elementor-widget elementor-widget-html\" data-id=\"ffbd700\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<main class=\"page\">\r\n\r\n  <!-- BENTO (\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e23\u0e34\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32) -->\r\n  <section class=\"bento\">\r\n    <article class=\"panel orange\">\r\n      <div>\r\n        <h2 class=\"display\">From local hands<\/h2>\r\n        <p>\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e04\u0e48\u0e02\u0e2d\u0e07\u0e02\u0e32\u0e22 \u0e41\u0e15\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/p>\r\n        <a class=\"small-link\" href=\"\/ThaiBooking\/new-contact\/\" style=\"color:var(--cream)\">\u0e23\u0e48\u0e27\u0e21\u0e19\u0e33\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e40\u0e02\u0e49\u0e32\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u2192<\/a>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"panel blue\">\r\n      <div>\r\n        <div class=\"stamp\">\u2661<\/div>\r\n        <h2 class=\"display good-vibes\">craft<br><span class=\"script\">vibes<\/span><\/h2>\r\n      <\/div>\r\n    <\/article>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n  \/* \u2500\u2500 Mobile nav toggle (hamburger) \u2014 \u0e40\u0e21\u0e19\u0e39\/ticker \u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19 TOP, \u0e1b\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19 0-cta-footer \u2500\u2500 *\/\r\n  const navToggle = document.querySelector('.nav-toggle');\r\n  const navMenu   = document.querySelector('.nav-menu');\r\n  if (navToggle && navMenu) {\r\n    const closeMenu = () => {\r\n      navMenu.classList.remove('open');\r\n      navToggle.classList.remove('is-open');\r\n      navToggle.setAttribute('aria-expanded', 'false');\r\n    };\r\n    navToggle.addEventListener('click', () => {\r\n      const open = navMenu.classList.toggle('open');\r\n      navToggle.classList.toggle('is-open', open);\r\n      navToggle.setAttribute('aria-expanded', String(open));\r\n    });\r\n    navMenu.querySelectorAll('a').forEach(a => a.addEventListener('click', closeMenu));\r\n  }\r\n\r\n  \/* \u2500\u2500 Smooth ticker pause on hover \u2500\u2500 *\/\r\n  document.querySelectorAll('.ticker-track').forEach(track => {\r\n    track.parentElement.addEventListener('mouseenter', () => {\r\n      track.style.animationPlayState = 'paused';\r\n    });\r\n    track.parentElement.addEventListener('mouseleave', () => {\r\n      track.style.animationPlayState = 'running';\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a804de e-flex e-con-boxed e-con e-parent\" data-id=\"3a804de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-914d956 elementor-widget elementor-widget-html\" data-id=\"914d956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!--  DooNaDoo - CTA + FOOTER (widget \u0e43\u0e0a\u0e49\u0e23\u0e48\u0e27\u0e21\u0e17\u0e38\u0e01\u0e2b\u0e19\u0e49\u0e32)\r\n     \u0e27\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19 widget \"\u0e15\u0e31\u0e27\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\" \u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01 *-TOP.html \u0e40\u0e2a\u0e21\u0e2d\r\n     \u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49 \"\u0e44\u0e21\u0e48\u0e1d\u0e31\u0e07 CSS\" \u2014 \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e21\u0e32\u0e08\u0e32\u0e01 *-TOP.html \u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\r\n     (\u0e16\u0e49\u0e32\u0e27\u0e32\u0e07\u0e44\u0e1f\u0e25\u0e4c\u0e19\u0e35\u0e49\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e21\u0e35 TOP \u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32 \u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e08\u0e30\u0e44\u0e21\u0e48\u0e02\u0e36\u0e49\u0e19) -->\r\n<!-- ============================================================ -->\r\n<main class=\"page\">\r\n\r\n  <!-- ============ CTA BAND ============ -->\r\n  <section class=\"cta-band\">\r\n    <div class=\"newsletter\">\r\n      <div class=\"label\">\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e01\u0e48\u0e2d\u0e19\u0e43\u0e04\u0e23 \u2661<\/div>\r\n      <h2>Newsletter<\/h2>\r\n      <div class=\"signup\">\r\n        <input type=\"email\" placeholder=\"\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\" style=\"padding-left:16px\">\r\n        <button>\u0e2a\u0e21\u0e31\u0e04\u0e23<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"where\">\r\n      <div class=\"label\">find your next experience<\/div>\r\n      <h2>Where to go?<\/h2>\r\n      <p>\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e21\u0e48 \u0e23\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07 \u0e17\u0e31\u0e27\u0e23\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e08\u0e32\u0e01 DooNaDoo<\/p>\r\n      <a class=\"button dark\" href=\"\/ThaiBooking\/new-contact\/\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FOOTER ============ -->\r\n  <footer class=\"footer\">\r\n    <div>\r\n      <div class=\"brand\"><img decoding=\"async\" src=\"https:\/\/doonadoo.com\/ThaiBooking\/wp-content\/uploads\/2025\/11\/logo3-removebg-preview.png\" alt=\"DooNaDoo\"><\/div>\r\n      <p>DooNaDoo \u0e04\u0e37\u0e2d\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e2d\u0e07\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07 \u0e40\u0e17\u0e28\u0e01\u0e32\u0e25 \u0e17\u0e31\u0e27\u0e23\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e43\u0e19\u0e2a\u0e44\u0e15\u0e25\u0e4c Local Experience Platform<\/p>\r\n      <!--<div class=\"social\">-->\r\n      <!--  <a href=\"#\" aria-label=\"Instagram\">IG<\/a>-->\r\n      <!--  <a href=\"#\" aria-label=\"Facebook\">FB<\/a>-->\r\n      <!--<\/div>-->\r\n    <\/div>\r\n    <div>\r\n      <h4>The Booking<\/h4>\r\n      <a href=\"\/ThaiBooking\/new-watch\/\">Watch<\/a><br>\r\n      <a href=\"\/ThaiBooking\/new-tour\/\">Tour<\/a><br>\r\n      <a href=\"\/ThaiBooking\/new-shop\/\">Shop<\/a>\r\n    <\/div>\r\n    <div>\r\n      <h4>Our Story<\/h4>\r\n      <a href=\"\/ThaiBooking\/new-home\/\">Home<\/a><br>\r\n      <a href=\"#\">\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e02\u0e2d\u0e07\u0e09\u0e31\u0e19<\/a><br>\r\n      <a href=\"\/ThaiBooking\/new-contact\/\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/a>\r\n    <\/div>\r\n    <div>\r\n      <h4>Contact<\/h4>\r\n      <p>doonadoo.com<br>\u0e42\u0e17\u0e23: +66 63 252 4566<br>Copyright \u00a9 <span data-year><\/span> DooNaDoo<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/main>\r\n\r\n<script>\r\n  \/* \u0e43\u0e2a\u0e48\u0e1b\u0e35\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c (footer \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07 span \u0e19\u0e35\u0e49) *\/\r\n  document.querySelectorAll('[data-year]').forEach(function (el) { el.textContent = new Date().getFullYear(); });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Watch Tour Shop [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/pages\/5416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/comments?post=5416"}],"version-history":[{"count":16,"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/pages\/5416\/revisions"}],"predecessor-version":[{"id":5585,"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/pages\/5416\/revisions\/5585"}],"wp:attachment":[{"href":"https:\/\/doonadoo.com\/ThaiBooking\/wp-json\/wp\/v2\/media?parent=5416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}