.elementor-10482 .elementor-element.elementor-element-58f0348d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-10482 .elementor-element.elementor-element-58f0348d:not(.elementor-motion-effects-element-type-background), .elementor-10482 .elementor-element.elementor-element-58f0348d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-10482 .elementor-element.elementor-element-58f0348d > .elementor-container{min-height:90px;}.elementor-10482 .elementor-element.elementor-element-58f0348d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 30px 0px 30px;}.elementor-10482 .elementor-element.elementor-element-58f0348d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-10482 .elementor-element.elementor-element-216e4d85{text-align:start;}.elementor-10482 .elementor-element.elementor-element-216e4d85 img{width:120px;}.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-10482 .elementor-element.elementor-element-16c5d17a .elementor-menu-toggle{margin-left:auto;border-width:0px;border-radius:0px;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a, .elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-menu-toggle{color:#ffffff;fill:#ffffff;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown{background-color:rgba(0,0,0,0.5);}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a:hover,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a:focus,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a.highlighted,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-menu-toggle:hover,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-menu-toggle:focus{color:#000000;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a:hover,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a:focus,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a.highlighted{background-color:#ededed;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown .elementor-item, .elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--dropdown a{padding-top:15px;padding-bottom:15px;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-10482 .elementor-element.elementor-element-16c5d17a div.elementor-menu-toggle{color:#ffffff;}.elementor-10482 .elementor-element.elementor-element-16c5d17a div.elementor-menu-toggle svg{fill:#ffffff;}.elementor-10482 .elementor-element.elementor-element-16c5d17a div.elementor-menu-toggle:hover, .elementor-10482 .elementor-element.elementor-element-16c5d17a div.elementor-menu-toggle:focus{color:#afafaf;}.elementor-10482 .elementor-element.elementor-element-16c5d17a div.elementor-menu-toggle:hover svg, .elementor-10482 .elementor-element.elementor-element-16c5d17a div.elementor-menu-toggle:focus svg{fill:#afafaf;}.elementor-10482 .elementor-element.elementor-element-16c5d17a{--nav-menu-icon-size:30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-10482 .elementor-element.elementor-element-58f0348d{padding:25px 25px 25px 25px;}.elementor-10482 .elementor-element.elementor-element-216e4d85 img{max-width:35%;}}@media(max-width:767px){.elementor-10482 .elementor-element.elementor-element-58f0348d{padding:20px 20px 20px 20px;}.elementor-10482 .elementor-element.elementor-element-43ebe38c{width:50%;}.elementor-10482 .elementor-element.elementor-element-216e4d85{text-align:start;}.elementor-10482 .elementor-element.elementor-element-216e4d85 img{max-width:100%;}.elementor-10482 .elementor-element.elementor-element-7a0f2262{width:50%;}.elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-10482 .elementor-element.elementor-element-16c5d17a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}}/* Start custom CSS for html, class: .elementor-element-db13a4a *//* ============================================================
     RESET
  ============================================================ */
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body {
    font-family: 'Sarabun', sans-serif;
    background: #000;
    color: #a09080;
    font-size: 15px;
    line-height: 1.7;
    padding-bottom: 90px;
  }

  /* ============================================================
     HERO SECTION — โลโก้ + รูปหลัก
  ============================================================ */
  .hero {
    background: #000;
    padding: 2rem 1.25rem 1.25rem;
    text-align: center;
    border-bottom: 1px solid #3a2e10;
  }
  .hero-logo { font-size: 28px; font-weight: 600; color: #e8cc7a; letter-spacing: 3px; }
  .hero-sub { font-size: 13px; color: #a07830; margin-top: 4px; }
  .hero-img {
    background: #2a2215;
    border-radius: 12px;
    height: 200px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a3820;
    font-size: 13px;
    border: 1px solid #3a2e10;
  }

  /* ============================================================
     CTA BUTTONS — ปุ่ม 3 ปุ่มหลัก (ทอง / แดง / เขียว)
  ============================================================ */
  .cta-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    padding: 1.25rem 1.25rem 0;
  }
  .cta-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 14px 6px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Sarabun', sans-serif;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: opacity 0.15s;
  }
  .cta-btn:hover { opacity: 0.85; }
  .cta-btn svg { width: 26px; height: 26px; }
  .cta-gold  { background: #c9a84c; color: #ffffff; }
  .cta-red   { background: #c0392b; color: #fff; }
  .cta-green { background: #27ae60; color: #fff; }

  /* ============================================================
     SECTION BANNER — รูปแนวนอนคั่นระหว่าง section
  ============================================================ */
  .section-banner {
    width: 100%;
    height: 140px;
    background: #1e1708;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #3a2e10;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    position: relative;
    overflow: hidden;
  }
  .section-banner-label {
    position: absolute;
    bottom: 10px;
    left: 14px;
    font-size: 11px;
    color: #c9a84c;
    background: rgba(0,0,0,0.6);
    padding: 3px 10px;
    border-radius: 20px;
  }
  .section-banner span.placeholder {
    font-size: 12px;
    color: #4a3820;
  }

  /* ============================================================
     SECTIONS — หัวข้อและเนื้อหาแต่ละ section
  ============================================================ */
  /* H1 */
  h1 {
    font-size: 18px;
    font-weight: 700;
    color: #e8cc7a;
    font-family: Georgia, serif;
    letter-spacing: 1px;
    border-left: 4px solid #c9a84c;
    padding-left: 12px;
    margin-bottom: 1rem;
    line-height: 1.4;
  }
  .section { padding: 1.25rem 1.25rem 0; }
  .section-title {
    font-size: 15px; font-weight: 600; color: #e8cc7a;
    border-left: 3px solid #c9a84c;
    padding-left: 10px; margin-bottom: 0.75rem;
  }
  .section-body { font-size: 14px; color: #a09080; line-height: 1.8; }
  .section-body strong { color: #c9a84c; font-weight: 500; }

  .highlight-box {
    background: #1e1708; border: 1px solid #3a2e10;
    border-radius: 10px; padding: 1rem; margin-top: 0.75rem;
    font-size: 13px; color: #907060; line-height: 1.75;
  }
  .highlight-box .label { font-size: 12px; color: #c9a84c; font-weight: 600; margin-bottom: 6px; }

  /* ============================================================
     MENU GRID — ตารางเมนู 2 คอลัมน์ + รูปสี่เหลี่ยม
  ============================================================ */
  .menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 0.75rem; }
  .menu-item {
    background: #1e1708; border: 1px solid #3a2e10;
    border-radius: 10px; padding: 12px 14px;
    font-size: 12px; color: #907060; line-height: 1.6;
  }
  .menu-item .mname { color: #d4a84c; font-weight: 600; font-size: 14px; margin-bottom: 3px; }
  .menu-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #2a2010;
    border-radius: 8px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #4a3820;
    overflow: hidden;
  }
  .menu-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }

  /* ============================================================
     FAQ — คำถามที่พบบ่อย แบบ accordion กดเปิด-ปิด
  ============================================================ */
  .faq-item {
    border: 1px solid #3a2e10; border-radius: 10px;
    margin-bottom: 8px; overflow: hidden; background: #1e1708;
  }
  .faq-q {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px; cursor: pointer;
    font-size: 14px; font-weight: 500; color: #d4a84c;
    gap: 8px; user-select: none;
  }
  .faq-q svg { width: 18px; height: 18px; flex-shrink: 0; stroke: #c9a84c; transition: transform 0.25s; }
  .faq-a {
    max-height: 0; overflow: hidden;
    font-size: 13px; color: #907060; line-height: 1.75;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 16px;
  }
  .faq-item.open .faq-a { max-height: 200px; padding: 12px 16px 14px; border-top: 1px solid #2a2010; }
  .faq-item.open .faq-q svg { transform: rotate(180deg); }

  /* ============================================================
     BOTTOM NAV — เมนูด้านล่าง sticky ติดหน้าจอ
  ============================================================ */
  .bottom-nav {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #c9a84c; border-top: 1px solid #ffffff;
    padding: 8px 0 18px;
    display: flex; align-items: flex-end; justify-content: space-around;
    z-index: 100;
  }
  .nav-item {
    display: flex; flex-direction: column; align-items: center;
    gap: 3px; flex: 1; cursor: pointer; padding-top: 4px; text-decoration: none;
  }
  .nav-item svg { width: 26px; height: 26px; stroke: #ffffff; fill: none; }
  .nav-label { font-size: 10px; color: #ffffff; }
  .nav-item.active svg { stroke: #ffffff; }
  .nav-item.active .nav-label { color: #ffffff; }
  .nav-center-wrap {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; position: relative; top: -20px;
  }
  .nav-center-btn {
    width: 58px; height: 58px; border-radius: 50%; background: #c0392b;
    display: flex; align-items: center; justify-content: center;
    border: 3px solid #ffffff; box-shadow: 0 0 0 2px #ffffff;
    cursor: pointer; margin-bottom: 4px; text-decoration: none;
  }
  .nav-center-btn svg { width: 28px; height: 28px; stroke: #1a0e00; fill: none; }
  .nav-center-label { font-size: 10px; color: #ffffff; font-weight: 600; }/* End custom CSS */
/* Start custom CSS *//* ============================================================
     RESET
  ============================================================ */
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body {
    font-family: 'Sarabun', sans-serif;
    background: #000;
    color: #a09080;
    font-size: 15px;
    line-height: 1.7;
    padding-bottom: 90px;
  }

  /* ============================================================
     HERO SECTION — โลโก้ + รูปหลัก
  ============================================================ */
  .hero {
    background: #000;
    padding: 2rem 1.25rem 1.25rem;
    text-align: center;
    border-bottom: 1px solid #3a2e10;
  }
  .hero-logo { font-size: 28px; font-weight: 600; color: #e8cc7a; letter-spacing: 3px; }
  .hero-sub { font-size: 13px; color: #a07830; margin-top: 4px; }
  .hero-img {
    background: #2a2215;
    border-radius: 12px;
    height: 200px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a3820;
    font-size: 13px;
    border: 1px solid #3a2e10;
  }

  /* ============================================================
     CTA BUTTONS — ปุ่ม 3 ปุ่มหลัก (ทอง / แดง / เขียว)
  ============================================================ */
  .cta-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    padding: 1.25rem 1.25rem 0;
  }
  .cta-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 14px 6px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Sarabun', sans-serif;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: opacity 0.15s;
  }
  .cta-btn:hover { opacity: 0.85; }
  .cta-btn svg { width: 26px; height: 26px; }
  .cta-gold  { background: #c9a84c; color: #ffffff; }
  .cta-red   { background: #c0392b; color: #fff; }
  .cta-green { background: #27ae60; color: #fff; }

  /* ============================================================
     SECTION BANNER — รูปแนวนอนคั่นระหว่าง section
  ============================================================ */
  .section-banner {
    width: 100%;
    height: 140px;
    background: #1e1708;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #3a2e10;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    position: relative;
    overflow: hidden;
  }
  .section-banner-label {
    position: absolute;
    bottom: 10px;
    left: 14px;
    font-size: 11px;
    color: #c9a84c;
    background: rgba(0,0,0,0.6);
    padding: 3px 10px;
    border-radius: 20px;
  }
  .section-banner span.placeholder {
    font-size: 12px;
    color: #4a3820;
  }

  /* ============================================================
     SECTIONS — หัวข้อและเนื้อหาแต่ละ section
  ============================================================ */
  .section { padding: 1.25rem 1.25rem 0; }
  .section-title {
    font-size: 15px; font-weight: 600; color: #e8cc7a;
    border-left: 3px solid #c9a84c;
    padding-left: 10px; margin-bottom: 0.75rem;
  }
  .section-body { font-size: 14px; color: #a09080; line-height: 1.8; }
  .section-body strong { color: #c9a84c; font-weight: 500; }

  .highlight-box {
    background: #1e1708; border: 1px solid #3a2e10;
    border-radius: 10px; padding: 1rem; margin-top: 0.75rem;
    font-size: 13px; color: #907060; line-height: 1.75;
  }
  .highlight-box .label { font-size: 12px; color: #c9a84c; font-weight: 600; margin-bottom: 6px; }

  /* ============================================================
     MENU GRID — ตารางเมนู 2 คอลัมน์ + รูปสี่เหลี่ยม
  ============================================================ */
  .menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 0.75rem; }
  .menu-item {
    background: #1e1708; border: 1px solid #3a2e10;
    border-radius: 10px; padding: 12px 14px;
    font-size: 12px; color: #907060; line-height: 1.6;
  }
  .menu-item .mname { color: #d4a84c; font-weight: 600; font-size: 14px; margin-bottom: 3px; }
  .menu-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #2a2010;
    border-radius: 8px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #4a3820;
    overflow: hidden;
  }
  .menu-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }

  /* ============================================================
     FAQ — คำถามที่พบบ่อย แบบ accordion กดเปิด-ปิด
  ============================================================ */
  .faq-item {
    border: 1px solid #3a2e10; border-radius: 10px;
    margin-bottom: 8px; overflow: hidden; background: #1e1708;
  }
  .faq-q {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px; cursor: pointer;
    font-size: 14px; font-weight: 500; color: #d4a84c;
    gap: 8px; user-select: none;
  }
  .faq-q svg { width: 18px; height: 18px; flex-shrink: 0; stroke: #c9a84c; transition: transform 0.25s; }
  .faq-a {
    max-height: 0; overflow: hidden;
    font-size: 13px; color: #907060; line-height: 1.75;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 16px;
  }
  .faq-item.open .faq-a { max-height: 200px; padding: 12px 16px 14px; border-top: 1px solid #2a2010; }
  .faq-item.open .faq-q svg { transform: rotate(180deg); }

  /* ============================================================
     BOTTOM NAV — เมนูด้านล่าง sticky ติดหน้าจอ
  ============================================================ */
  .bottom-nav {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #c9a84c; border-top: 1px solid #ffffff;
    padding: 8px 0 18px;
    display: flex; align-items: flex-end; justify-content: space-around;
    z-index: 100;
  }
  .nav-item {
    display: flex; flex-direction: column; align-items: center;
    gap: 3px; flex: 1; cursor: pointer; padding-top: 4px; text-decoration: none;
  }
  .nav-item svg { width: 26px; height: 26px; stroke: #ffffff; fill: none; }
  .nav-label { font-size: 10px; color: #ffffff; }
  .nav-item.active svg { stroke: #ffffff; }
  .nav-item.active .nav-label { color: #ffffff; }
  .nav-center-wrap {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; position: relative; top: -20px;
  }
  .nav-center-btn {
    width: 58px; height: 58px; border-radius: 50%; background: #c0392b;
    display: flex; align-items: center; justify-content: center;
    border: 3px solid #ffffff; box-shadow: 0 0 0 2px #ffffff;
    cursor: pointer; margin-bottom: 4px; text-decoration: none;
  }
  .nav-center-btn svg { width: 28px; height: 28px; stroke: #1a0e00; fill: none; }
  .nav-center-label { font-size: 10px; color: #ffffff; font-weight: 600; }/* End custom CSS */