.elementor-2250 .elementor-element.elementor-element-47e03ef{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2250 .elementor-element.elementor-element-47e03ef:not(.elementor-motion-effects-element-type-background), .elementor-2250 .elementor-element.elementor-element-47e03ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272727;}.elementor-2250 .elementor-element.elementor-element-7c1ba4f{--e-image-carousel-slides-to-show:1;}.elementor-2250 .elementor-element.elementor-element-7a136ff{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2250 .elementor-element.elementor-element-6d8b2d6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-2250 .elementor-element.elementor-element-a348122{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.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-2250 .elementor-element.elementor-element-2209488{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-2250 .elementor-element.elementor-element-2209488:not(.elementor-motion-effects-element-type-background), .elementor-2250 .elementor-element.elementor-element-2209488 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2250 .elementor-element.elementor-element-80821f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 2px 0px;box-shadow:0px 1px 0px 0px #DDBF00;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2250 .elementor-element.elementor-element-0b04eaa .elementor-icon-list-icon i{color:#F7D66A;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-0b04eaa .elementor-icon-list-icon svg{fill:#F7D66A;transition:fill 0.3s;}.elementor-2250 .elementor-element.elementor-element-0b04eaa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2250 .elementor-element.elementor-element-0b04eaa .elementor-icon-list-text{color:#D5D5D5;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-0b04eaa .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-2250 .elementor-element.elementor-element-b3295f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 2px 0px;box-shadow:0px 1px 0px 0px #DDBF00;}.elementor-2250 .elementor-element.elementor-element-cf85f4a .elementor-icon-list-icon i{color:#F7D66A;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-cf85f4a .elementor-icon-list-icon svg{fill:#F7D66A;transition:fill 0.3s;}.elementor-2250 .elementor-element.elementor-element-cf85f4a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2250 .elementor-element.elementor-element-cf85f4a .elementor-icon-list-text{color:#D5D5D5;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-cf85f4a .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-2250 .elementor-element.elementor-element-4a9ec22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 2px 0px;box-shadow:0px 1px 0px 0px #DDBF00;}.elementor-2250 .elementor-element.elementor-element-f5bfd2e .elementor-icon-list-icon i{color:#F7D66A;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-f5bfd2e .elementor-icon-list-icon svg{fill:#F7D66A;transition:fill 0.3s;}.elementor-2250 .elementor-element.elementor-element-f5bfd2e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2250 .elementor-element.elementor-element-f5bfd2e .elementor-icon-list-text{color:#D5D5D5;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-f5bfd2e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-2250 .elementor-element.elementor-element-bb72722{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 2px 0px;box-shadow:0px 1px 0px 0px #DDBF00;}.elementor-2250 .elementor-element.elementor-element-e96b7fc .elementor-icon-list-icon i{color:#F7D66A;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-e96b7fc .elementor-icon-list-icon svg{fill:#F7D66A;transition:fill 0.3s;}.elementor-2250 .elementor-element.elementor-element-e96b7fc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2250 .elementor-element.elementor-element-e96b7fc .elementor-icon-list-text{color:#D5D5D5;transition:color 0.3s;}.elementor-2250 .elementor-element.elementor-element-e96b7fc .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-2250 .elementor-element.elementor-element-91d4e95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2250 .elementor-element.elementor-element-91d4e95:not(.elementor-motion-effects-element-type-background), .elementor-2250 .elementor-element.elementor-element-91d4e95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272727;}.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-2250 .elementor-element.elementor-element-7a136ff{--width:100%;}.elementor-2250 .elementor-element.elementor-element-6d8b2d6{--width:30%;}.elementor-2250 .elementor-element.elementor-element-80821f0{--width:25%;}.elementor-2250 .elementor-element.elementor-element-b3295f8{--width:25%;}.elementor-2250 .elementor-element.elementor-element-4a9ec22{--width:25%;}.elementor-2250 .elementor-element.elementor-element-bb72722{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-f9a5b0c */:root{
  --mb-bg:#0b0b0b;
  --mb-gold:#f5d37a;
  --mb-gold2:#b98a2e;
  --mb-text:#e9e9e9;
  --mb-text-dim:rgba(233,233,233,.75);
  --mb-shadow:rgba(0,0,0,.55);
}

/* แสดงเฉพาะมือถือ */
@media (min-width: 992px){
  .mbnav{display:none!important;}
}

.mbnav{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:99999;
  padding: 0 12px calc(10px + env(safe-area-inset-bottom));
  pointer-events:none; /* ให้คลิกเฉพาะกล่อง */
}

/* กล่องมุมโค้งแบบในภาพ + เส้นทอง */
.mbnav__wrap{
  pointer-events:auto;
  height:82px;
  display:grid;
  grid-template-columns: 1fr 1fr 88px 1fr 1fr;
  align-items:center;

  background: linear-gradient(180deg, #0f0f0f, #070707);
  border-radius: 22px;

  /* ขอบทอง 2 ชั้น */
  border: 2px solid rgba(245,211,122,.70);
  box-shadow:
    0 12px 26px var(--mb-shadow),
    inset 0 0 0 2px rgba(185,138,46,.35);

  position:relative;
}

/* ระยะด้านในเหมือนภาพ */
.mbnav__item{
  height:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-decoration:none;
  color: var(--mb-text-dim);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif;
  font-size: 12px;
  letter-spacing:.1px;
}

.mbnav__ico{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color: #d8b45a; /* สีทอง */
}
.mbnav__ico svg{
  width: 28px;
  height: 28px;
}

/* สีข้อความเมนู (เหมือนกันทุกปุ่ม) */
.mbnav__txt{
  color: rgba(233,233,233,.75);
  transition: color .2s ease;
}

/* active ไม่ต้องทำให้เหลืองเกิน */
.mbnav__item.is-active .mbnav__txt{
  color: rgba(233,233,233,.9);
}
/* hover (ใช้ได้บน desktop / tablet) */
.mbnav__item:hover .mbnav__txt{
  color: #f5d37a; /* สีทอง */
}

/* ไอคอนเปลี่ยนสีพร้อมกัน */
.mbnav__item:hover .mbnav__ico{
  color: #f5d37a;
}


/* ปุ่มกลางลอย */
.mbnav__center{
  height:82px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-decoration:none;
  position:relative;
}

/* วงแหวน + เหรียญ */
.mbnav__coin{
  position:absolute;
  top:-28px;
  width:78px;
  height:78px;
  border-radius:999px;

  /* วงแหวนทอง + เงา */
  border: 3px solid rgba(245,211,122,.95);
  box-shadow: 0 14px 24px rgba(0,0,0,.55);

  /* เหมือนเหรียญในภาพ: ขาวด้านนอก + ทองด้านใน */
  background:
    radial-gradient(circle at 30% 50%, #ffffff 0 30%, #dcdcdc 60%, #bfbfbf 100%);
  display:grid;
  place-items:center;
}

/* วงทองชั้นใน */
.mbnav__coin::before{
  content:"";
  width:70px; height:70px;
  border-radius:999px;
  background: linear-gradient(180deg, #1a1a1a, #000000);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.35);
  position:absolute;
}

/* ตัวอักษรบนเหรียญ */
.mbnav__coinText{
  position:relative;
  z-index:2;
  width:64px; height:64px;
  border-radius:999px;
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:800;
  font-size:12px;
  line-height:1.05;
  color:#5a3a00;
}

/* กันเนื้อหาถูกเมนูบัง */
@media (max-width: 991px){
  body{ padding-bottom: 110px!important; }
}
.mbnav__coinImg{
  position:relative;
  z-index:2;
  width:65px;
  height:65px;
  border-radius:999px;
  object-fit:cover;
}
.mbnav__txt{
  white-space: nowrap;     /* ห้ามตัดบรรทัด */
  font-size: 11px;         /* ลดนิดเดียวให้พอดี */
  line-height: 1;          /* บรรทัดเดียวจริง */
}
.ms{
  font-family: "Material Symbols Rounded";
  font-variation-settings: 'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24; /* SOLID */
  font-size: 22px;
  line-height: 1;
  color: #f5d37a; /* ทอง */
}
.material-symbols-rounded{
  font-variation-settings:
    'FILL' 1,
    'wght' 600,
    'GRAD' 0,
    'opsz' 24;
}
/* เมนูล่าง: ให้ชนะทุก layer */
.mbnav{
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 2147483647 !important; /* สูงสุด */
  transform: translateZ(0);       /* กันปัญหาซ้อนทับบนมือถือ */
}

/* กล่องพื้นหลังเมนู ต้องทึบแน่ๆ */
.mbnav__wrap{
  background: #070707 !important;
  opacity: 1 !important;
}/* End custom CSS */