.elementor-200 .elementor-element.elementor-element-c8ba06e{--display:flex;--min-height:75px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-200 .elementor-element.elementor-element-c8ba06e:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-c8ba06e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000073 0%, #00000000 100%);}.elementor-200 .elementor-element.elementor-element-36bb6e2{--display:flex;--min-height:42.319862365723px;--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 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0.0000152587890625px;--z-index:0;}.elementor-widget-theme-site-logo .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-200 .elementor-element.elementor-element-e6dca9c img{width:85px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-200 .elementor-element.elementor-element-9956de6 .elementor-menu-toggle{margin:0 auto;}.elementor-200 .elementor-element.elementor-element-9956de6 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-200 .elementor-element.elementor-element-9956de6 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-200 .elementor-element.elementor-element-9956de6 div.elementor-menu-toggle svg{fill:#FFFFFF;}.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-200 .elementor-element.elementor-element-b1cef5e .elementor-button{background-color:#FFFFFF26;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF59;border-radius:10px 10px 10px 10px;}.elementor-200:not(.elementor-motion-effects-element-type-background), .elementor-200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#585858;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1200px){.elementor-200 .elementor-element.elementor-element-c8ba06e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-200 .elementor-element.elementor-element-c8ba06e{--min-height:75px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-200 .elementor-element.elementor-element-36bb6e2{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;}}@media(max-width:880px){.elementor-200 .elementor-element.elementor-element-c8ba06e{--min-height:35px;}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-c8ba06e{--width:100%;--min-height:35px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-200 .elementor-element.elementor-element-c8ba06e.e-con{--align-self:center;}.elementor-200 .elementor-element.elementor-element-36bb6e2{--width:100%;--flex-wrap:wrap;}.elementor-200 .elementor-element.elementor-element-9956de6{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-200 .elementor-element.elementor-element-c8ba06e{--width:100%;}.elementor-200 .elementor-element.elementor-element-36bb6e2{--width:1216.02px;}}@media(max-width:1024px) and (min-width:768px){.elementor-200 .elementor-element.elementor-element-c8ba06e{--width:100%;}.elementor-200 .elementor-element.elementor-element-36bb6e2{--width:100%;}}


.elementor-200 .elementor-element.elementor-element-36bb6e2 {
  max-width: 100%;
}
/* Start custom CSS for container, class: .elementor-element-c8ba06e *//* =====================================================
   GOOD SNACK HEADER - FINAL CONSOLIDATED
===================================================== */

/* ---------- HEADER ตัวจริงเท่านั้น ---------- */
.elementor-location-header .elementor-element-c8ba06e:not(.elementor-sticky__spacer){
  width: 100% !important;
  min-height: 75px;
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%) !important;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition:
    min-height .35s ease,
    background .35s ease,
    background-color .35s ease,
    box-shadow .35s ease,
    -webkit-backdrop-filter .35s ease,
    backdrop-filter .35s ease;
}


/* ---------- INNER CONTAINER ---------- */
.elementor-location-header .elementor-element-c8ba06e:not(.elementor-sticky__spacer) > .elementor-element-36bb6e2{
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 24px;
  transition: padding .35s ease;
}

/* ---------- LOGO BEFORE SCROLL ---------- */
.elementor-location-header .elementor-element-e6dca9c,
.elementor-location-header .elementor-element-e6dca9c .elementor-widget-container{
  flex-shrink: 0;
}

.elementor-location-header .elementor-element-e6dca9c img{
  display: block;
  width: auto !important;
  height: auto !important;
  max-height: 40px !important;
  max-width: 100%;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1);
  transform: none;
  transition:
    max-height .35s ease,
    filter .35s ease,
    transform .35s ease;
}

/* ---------- MENU BASE ---------- */
.elementor-location-header .elementor-nav-menu--main.e--pointer-underline .elementor-item:before{
  display: none !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item{
  position: relative;
  color: rgba(255,255,255,0.82) !important;
  transition: color .25s ease, opacity .25s ease;
}

/* active / hover ก่อนเลื่อน */
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--main .current-menu-item > a,
.elementor-location-header .elementor-nav-menu--main .current_page_item > a{
  color: #ffffff !important;
}

/* ---------- POINTER BEFORE SCROLL = ขาว ---------- */
.elementor-location-header .elementor-nav-menu--main .elementor-item:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: calc(100% - 34px);
  height: 2px;
  background: rgba(255,255,255,0.85) !important;
  border-radius: 999px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  opacity: 1;
  transition:
    transform .28s cubic-bezier(.4,0,.2,1),
    background .25s ease;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item:hover:after,
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active:after,
.elementor-location-header .elementor-nav-menu--main .current-menu-item > a:after,
.elementor-location-header .elementor-nav-menu--main .current_page_item > a:after{
  background: rgba(255,255,255,0.85) !important;
  transform: translateX(-50%) scaleX(1) !important;
}

/* ---------- BUTTON BEFORE SCROLL ---------- */
.elementor-location-header .elementor-element-c8ba06e:not(.elementor-sticky__spacer) .elementor-widget-button .elementor-button{
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 12px !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all .3s ease !important;
}

/* ---------- MOBILE TOGGLE BEFORE ---------- */
.elementor-location-header .elementor-menu-toggle{
  color: #ffffff !important;
  background: transparent !important;
  border-radius: 10px;
  transition: color .25s ease, background .25s ease;
}

.elementor-location-header .elementor-menu-toggle:hover{
  background: rgba(255,255,255,0.12) !important;
}

/* ---------- MOBILE DROPDOWN BEFORE ---------- */
.elementor-location-header .elementor-nav-menu--dropdown{
  background: rgba(10,25,10,0.96) !important;
  border-top: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 0 0 16px 16px !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 12px 16px 16px !important;
  margin-top: 10px !important;
  box-shadow: none !important;
}

.elementor-location-header .elementor-nav-menu--dropdown .elementor-item{
  border-radius: 10px !important;
  padding: 12px 16px !important;
  color: rgba(255,255,255,0.78) !important;
  background: transparent !important;
  transition: all .25s ease;
}

.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--dropdown .current-menu-item > a,
.elementor-location-header .elementor-nav-menu--dropdown .current_page_item > a{
  color: #7fbd65 !important;
  background: rgba(255,255,255,0.08) !important;
}

.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:after,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:before{
  display: none !important;
}

/* =====================================================
   AFTER SCROLL
===================================================== */

/* header 75px → 55px */
body.scrolled .elementor-location-header .elementor-element-c8ba06e:not(.elementor-sticky__spacer){
  min-height: 55px;
  background: rgba(255,255,255,0.98) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px rgba(0,0,0,.10) !important;
}

body.scrolled .elementor-location-header .elementor-element-c8ba06e:not(.elementor-sticky__spacer) > .elementor-element-36bb6e2{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* ---------- LOGO AFTER SCROLL = ไม่เบี้ยว ---------- */
body.scrolled .elementor-location-header .elementor-element-e6dca9c img{
  width: auto !important;
  height: auto !important;
  max-height: 36px !important;
  max-width: 100%;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  filter: none;
  transform: none;
}

/* menu หลัง scroll */
body.scrolled .elementor-location-header .elementor-nav-menu--main .elementor-item{
  color: #5f6b7a !important;
}

body.scrolled .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
body.scrolled .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
body.scrolled .elementor-location-header .elementor-nav-menu--main .current-menu-item > a,
body.scrolled .elementor-location-header .elementor-nav-menu--main .current_page_item > a{
  color: #477939 !important;
}

/* POINTER AFTER SCROLL = เขียว */
body.scrolled .elementor-location-header .elementor-nav-menu--main .elementor-item:after{
  background: #477939 !important;
}

body.scrolled .elementor-location-header .elementor-nav-menu--main .elementor-item:hover:after,
body.scrolled .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active:after,
body.scrolled .elementor-location-header .elementor-nav-menu--main .current-menu-item > a:after,
body.scrolled .elementor-location-header .elementor-nav-menu--main .current_page_item > a:after{
  background: #477939 !important;
  transform: translateX(-50%) scaleX(1) !important;
}

/* BUTTON AFTER SCROLL = เขียว gradient */
body.scrolled .elementor-location-header .elementor-element-c8ba06e:not(.elementor-sticky__spacer) .elementor-widget-button .elementor-button{
  background: linear-gradient(135deg, #477939, #2d5a1b) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 4px 16px rgba(71,121,57,.35) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* mobile toggle หลัง scroll */
body.scrolled .elementor-location-header .elementor-menu-toggle{
  color: #4a5565 !important;
  background: transparent !important;
}

body.scrolled .elementor-location-header .elementor-menu-toggle:hover{
  background: rgba(0,0,0,0.05) !important;
}

/* mobile dropdown หลัง scroll */
body.scrolled .elementor-location-header .elementor-nav-menu--dropdown{
  background: rgba(255,255,255,0.98) !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 0 0 16px 16px !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.10) !important;
}

body.scrolled .elementor-location-header .elementor-nav-menu--dropdown .elementor-item{
  color: #5f6b7a !important;
  background: transparent !important;
}

body.scrolled .elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover,
body.scrolled .elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
body.scrolled .elementor-location-header .elementor-nav-menu--dropdown .current-menu-item > a,
body.scrolled .elementor-location-header .elementor-nav-menu--dropdown .current_page_item > a{
  color: #477939 !important;
  background: rgba(71,121,57,0.08) !important;
}

/* =========================
   MOBILE TOGGLE ICON STATES
========================= */

/* ก่อนเลื่อน */
.elementor-location-header .elementor-menu-toggle{
  color:#ffffff !important;
}

.elementor-location-header .elementor-menu-toggle svg{
  fill:#ffffff !important;
}

/* หลังเลื่อน */
body.scrolled .elementor-location-header .elementor-menu-toggle{
  color:#4a5565 !important;
}

body.scrolled .elementor-location-header .elementor-menu-toggle svg{
  fill:#4a5565 !important;
}/* End custom CSS */
.elementor-200 .elementor-element.elementor-element-c8ba06e {
  max-width: 100%;
}