.elementor-29 .elementor-element.elementor-element-7ea684b{--display:flex;--min-height:88px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#5A0B164F;--border-color:#5A0B164F;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;--z-index:999;}.elementor-29 .elementor-element.elementor-element-7ea684b:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-7ea684b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-b0ce3ad{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-ed4afe8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-ed4afe8 img{width:64%;max-width:64%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-5173dea{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29 .elementor-element.elementor-element-5173dea .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;line-height:1px;letter-spacing:1.5px;word-spacing:0px;color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-29 .elementor-element.elementor-element-736634e{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:2px;}.elementor-29 .elementor-element.elementor-element-736634e .elementor-divider-separator{width:32px;margin:0 auto;margin-left:0;}.elementor-29 .elementor-element.elementor-element-736634e .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-29 .elementor-element.elementor-element-b03cd6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-7f7bf0f{--display:flex;}.elementor-29 .elementor-element.elementor-element-a8a5aff{--display:flex;}.elementor-29 .elementor-element.elementor-element-9f42708{--display:flex;}.elementor-29 .elementor-element.elementor-element-1c9918d{--display:flex;}.elementor-29 .elementor-element.elementor-element-74fb6c7{--display:flex;}.elementor-29 .elementor-element.elementor-element-0299fd2{--display:flex;}.elementor-29 .elementor-element.elementor-element-1ffa337{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:28px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-primary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:#02010100;}.elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#02010100;border-style:none;}.elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;}.elementor-29 .elementor-element.elementor-element-1ffa337 {--n-menu-title-color-hover:var( --e-global-color-primary );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-1ffa337 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-3635912 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:none;}.elementor-29 .elementor-element.elementor-element-3635912 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-3635912 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-3635912{width:auto;max-width:auto;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-3635912 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-3635912 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-b0ce3ad{--width:35%;}.elementor-29 .elementor-element.elementor-element-b03cd6d{--width:65%;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-7ea684b{--min-height:76px;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-29 .elementor-element.elementor-element-ed4afe8 img{width:52%;max-width:52%;}.elementor-29 .elementor-element.elementor-element-5173dea .elementor-heading-title{font-size:20px;}.elementor-29 .elementor-element.elementor-element-736634e .elementor-divider-separator{width:24px;}.elementor-29 .elementor-element.elementor-element-b03cd6d{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-29 .elementor-element.elementor-element-1ffa337.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-1ffa337{--n-menu-toggle-icon-size:22px;--n-menu-toggle-icon-padding:10px 0px 10px 10px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-7ea684b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:1000;}.elementor-29 .elementor-element.elementor-element-b0ce3ad{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-29 .elementor-element.elementor-element-b0ce3ad.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-ed4afe8 img{width:36%;max-width:36%;}.elementor-29 .elementor-element.elementor-element-5173dea{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-5173dea .elementor-heading-title{font-size:17px;line-height:1em;}.elementor-29 .elementor-element.elementor-element-b03cd6d{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-29 .elementor-element.elementor-element-1ffa337{--n-menu-toggle-align:flex-end;}.elementor-29 .elementor-element.elementor-element-3635912 .elementor-button{font-size:9px;word-spacing:1em;padding:10px 12px 10px 12px;}}/* Start custom CSS for mega-menu, class: .elementor-element-1ffa337 *//* ========================================
   ZZD MOBILE MENU
   ======================================== */

@media (max-width: 1024px) {
    
    /* ---------- Menu Footer ---------- */

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-wrapper::after {
  content: "ZZD BAND  ·  BANGKOK · THAILAND";

  position: absolute;
  left: 24px;
  bottom: 28px;

  color: rgba(244, 232, 205, .65);

  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 500;

  letter-spacing: .16em;
}
    /* ---------- Let's Play ---------- */

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(6) {
  border-bottom: none !important;
  margin-top: 34px !important;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(6) .e-n-menu-title {
  padding: 0 !important;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(6) .e-n-menu-title::before {
  display: none !important;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(6) .e-n-menu-title-text {
  color: #d2a64a !important;

  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;

  letter-spacing: .14em !important;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(6) {
  animation-delay: .30s;
}
    
    /* ---------- Mobile menu motion ---------- */

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item {
  opacity: 0;
  transform: translateY(18px);

  animation:
    zzdMenuReveal .65s cubic-bezier(.22,1,.36,1) forwards;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(1) {
  animation-delay: .05s;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(2) {
  animation-delay: .10s;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(3) {
  animation-delay: .15s;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(4) {
  animation-delay: .20s;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(5) {
  animation-delay: .25s;
}

@keyframes zzdMenuReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

  /* Menu panel */
  .elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-wrapper {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;

    width: 100vw !important;
    height: calc(100dvh - 68px) !important;

    background: #6b0715 !important;

    padding: 54px 24px 36px 24px !important;

    overflow-y: auto !important;
    z-index: 9998 !important;
  }

  /* Menu list */
  .elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    gap: 0 !important;
  }

  /* Each menu item */
  .elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item {
    width: 100% !important;

    border-bottom:
      1px solid rgba(210, 166, 74, 0.45) !important;
  }

  /* Link */
  .elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-title {
    width: 100% !important;
    padding: 18px 0 !important;
  }

  /* Text */
  .elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-title-text {
    color: #f4e8cd !important;

    font-family: Georgia, serif !important;
    font-size: 32px !important;
    line-height: 1 !important;

    letter-spacing: -0.02em !important;
  }
/* ---------- Menu numbering ---------- */

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item {
  position: relative !important;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 18px !important;
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(1) .e-n-menu-title::before {
  content: "01";
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(2) .e-n-menu-title::before {
  content: "02";
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(3) .e-n-menu-title::before {
  content: "03";
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(4) .e-n-menu-title::before {
  content: "04";
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-item:nth-child(5) .e-n-menu-title::before {
  content: "05";
}

.elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-title::before {
  min-width: 22px;

  color: #d2a64a !important;

  font-family: Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;

  letter-spacing: .12em !important;
}
}
/* =====================================
   ZZD — RESPONSIVE BOOKING CTA
   Desktop & Tablet:
   Hide duplicate Let's Play menu item

   Mobile:
   Keep Let's Play inside fullscreen menu
   ===================================== */

@media (min-width: 768px) {

  .elementor-29 .elementor-element.elementor-element-1ffa337 .e-n-menu-heading > .e-n-menu-item:nth-child(6) {
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b03cd6d *//* =====================================
   ZZD TABLET HEADER ALIGNMENT
   Tablet only: 768px - 1024px
   ===================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-b03cd6d {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    flex: 0 0 auto !important;

    margin-left: auto !important;
    gap: 16px !important;
  }

  /* Hamburger */
  .elementor-29 .elementor-element.elementor-element-b03cd6d > .zzd-mobile-menu {
    order: 2 !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Remove unnecessary Menu width */
  .elementor-29 .elementor-element.elementor-element-b03cd6d .zzd-mobile-menu .e-n-menu {
    width: auto !important;
  }

  /* Booking Button */
  .elementor-29 .elementor-element.elementor-element-b03cd6d > .elementor-widget-button {
    order: 1 !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ea684b *//* ===== ZZD SHRINK HEADER ===== */

.elementor-29 .elementor-element.elementor-element-7ea684b {
    min-height: 88px;
    transition:
        min-height 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* Elementor adds this class when sticky is active */
.elementor-29 .elementor-element.elementor-element-7ea684b.elementor-sticky--effects {
    min-height: 68px;
    background-color: rgba(247, 235, 207, 0.96);
    box-shadow: 0 8px 30px rgba(73, 10, 18, 0.08);
}

/* Smooth everything inside header */
.elementor-29 .elementor-element.elementor-element-7ea684b .elementor-element {
    transition:
        padding 0.35s ease,
        margin 0.35s ease,
        font-size 0.35s ease;
}/* End custom CSS */