.elementor-kit-124{--e-global-color-primary:#F66200;--e-global-color-secondary:#000000;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-09eda25:#FFFFFF;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-weight:200;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-weight:500;}.elementor-kit-124 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1460px;}.e-con{--container-max-width:1460px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================================
   Header — Elementor widget + Icon List (ธีมส้ม/ดำ)
   โครงสร้าง (ใส่คลาสที่ Advanced › CSS Classes) เรียงตามนี้:
     Container ......................... psh
       ├ Icon (☰ มือถือ) ............... psh-burger
       ├ Image (โลโก้) ................. psh-logo
       ├ Icon List (Layout: Inline) .... psh-menu
       ├ Container (ปุ่ม) .............. psh-actions
       │    ├ Image หรือ Button เข้าสู่ระบบ
       │    └ Image หรือ Button สมัครสมาชิก   (ถ้าใช้ Button ใส่คลาส psh-btn psh-btn-login / psh-btn psh-btn-register)
       └ HTML (สคริปต์) ................ psh-script   ← ต้องอยู่ "ใน" Container psh
   ===================================================================== */

/* ===== ปรับค่าที่นี่ ===== */
.psh,
.psh-panel,
.psh-overlay{
  --psh-bg:radial-gradient(ellipse 60% 140% at 50% 130%,rgba(255,106,0,.28),rgba(255,106,0,0) 70%),
           linear-gradient(180deg,#1C1C1C 0%,#0E0E0E 60%,#080808 100%);   /* พื้นดำ + แสงส้มจาง ๆ ด้านล่าง */
  --psh-line:linear-gradient(90deg,rgba(255,106,0,0),#FF6A00 20%,#FFB347 50%,#FF6A00 80%,rgba(255,106,0,0));  /* เส้นส้มใต้ header */
  --psh-line-glow:rgba(255,122,24,.6);
  --psh-text:#FFFFFF;
  --psh-active:#FF8A1F;              /* สีเมนูหน้าปัจจุบัน / hover */
  --psh-active-glow:rgba(255,138,31,.5);
  --psh-icon:#FFFFFF;                /* สีไอคอนหน้าเมนู */
  --psh-icon-size:18px;              /* ขนาดไอคอนหน้าเมนู (คอม) */
  --psh-panel-bg:rgba(14,14,14,.95);/* พื้นเมนูสไลด์ (มือถือ) */
  --psh-overlay-bg:rgba(0,0,0,.6);   /* พื้นมืดด้านหลังเมนูสไลด์ */
  --psh-panel-w:min(82vw,320px);     /* ความกว้างเมนูสไลด์ */
  --psh-login-1:#3A3A3A;  --psh-login-2:#0A0A0A;  --psh-login-border:#BDBDBD;  --psh-login-glow:rgba(255,255,255,.18);   /* ปุ่มเข้าสู่ระบบ: ดำ */
  --psh-reg-1:#FFA53A;    --psh-reg-2:#F05A00;    --psh-reg-border:#FFD29A;    --psh-reg-glow:rgba(255,110,20,.6);       /* ปุ่มสมัคร: ส้ม */
  --psh-h:92px;                      /* ความสูง header (คอม) */
  --psh-logo-h:78px;                 /* ความสูงโลโก้ (คอม) */
  --psh-imgbtn-h:42px;               /* ความสูงปุ่มที่เป็นรูป (คอม) */
  --psh-content-w:1240px;            /* ความกว้างเนื้อหาข้างใน (พื้นหลังเต็มจอเสมอ) */
  --psh-menu-gap:clamp(18px,2.4vw,40px);  /* ระยะห่างระหว่างเมนู */
  font-family:'Kanit',sans-serif;
}

/* ===== แถบ header ===== */
.psh{
  position:relative;
  z-index:999;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  /* พื้นหลังเต็มจอ เนื้อหาอยู่ตรงกลางกว้างไม่เกิน --psh-content-w */
  padding-left:max(16px, calc((100% - var(--psh-content-w)) / 2))!important;
  padding-right:max(16px, calc((100% - var(--psh-content-w)) / 2))!important;
  box-sizing:border-box!important;
  min-height:var(--psh-h)!important;
  background:var(--psh-bg)!important;
  box-shadow:0 8px 24px -10px rgba(0,0,0,.6)!important;
}
.psh::after{                          /* เส้นส้มด้านล่าง (ใช้ ::after เพราะ Elementor ใช้ ::before เป็น overlay) */
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--psh-line);
  box-shadow:0 0 10px var(--psh-line-glow);
  pointer-events:none;
  z-index:2;
}
.psh,
.psh > .e-con-inner{
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:16px!important;
}
.psh > .e-con-inner{min-height:var(--psh-h);width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}

/* ลบช่องว่างรอบ header: ขอบ body 8px ที่เบราว์เซอร์ใส่ให้เอง / container แม่ / ส่วน header ของ Theme Builder */
body{margin:0!important;}
.elementor-location-header,
.e-con:has(> .psh),
.e-con:has(> .e-con-inner > .psh),
.e-con-inner:has(> .psh){
  margin:0!important;
  padding:0!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
}
.psh .elementor-widget{margin:0!important;}
body:not(.elementor-editor-active) .psh-script,
body:not(.elementor-editor-active) .e-con:has(> .psh-script:only-child),
body:not(.elementor-editor-active) .e-con:has(> .e-con-inner > .psh-script:only-child){display:none!important;}  /* ซ่อน HTML widget สคริปต์ (ยังเห็นตอนแก้ใน Elementor) */

/* ===== โลโก้ ===== */
.psh-logo{flex:0 0 auto!important;width:auto!important;}
.psh-logo img{
  display:block!important;
  width:auto!important;
  height:var(--psh-logo-h)!important;
  max-width:none!important;
  object-fit:contain;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));
  transition:transform .25s ease;
}
.psh-logo a:hover img{transform:scale(1.04);}

/* ===== เมนู Icon List (คอม) ===== */
.psh-menu{flex:1 1 auto!important;width:auto!important;min-width:0;}
.psh-menu .elementor-icon-list-items{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center;
  gap:var(--psh-menu-gap)!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.psh-menu{display:block!important;visibility:visible!important;opacity:1!important;}
.psh-menu > .elementor-widget-container{width:100%;}
.psh-menu .elementor-icon-list-item,
.psh-menu .elementor-icon-list-item > a{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px;
  margin:0!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.psh-menu .elementor-icon-list-item{padding:8px 2px!important;cursor:pointer;}
.psh-menu .elementor-icon-list-item::after{display:none!important;}   /* ปิดเส้นคั่น */
.psh-menu .elementor-icon-list-icon{
  display:flex!important;
  padding:0!important;
  margin:0!important;
  color:var(--psh-icon)!important;
  transition:color .2s ease;
}
.psh-menu .elementor-icon-list-icon i{font-size:var(--psh-icon-size)!important;color:inherit!important;}
.psh-menu .elementor-icon-list-icon svg{width:var(--psh-icon-size)!important;height:var(--psh-icon-size)!important;fill:currentColor!important;}
.psh-menu .elementor-icon-list-text{
  padding:0!important;
  color:var(--psh-text)!important;
  font-family:'Kanit',sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.3!important;
  transition:color .2s ease,text-shadow .2s ease;
}
.psh-menu .elementor-icon-list-item:hover .elementor-icon-list-text,
.psh-menu .elementor-icon-list-item.is-active .elementor-icon-list-text{
  color:var(--psh-active)!important;
  text-shadow:0 0 10px var(--psh-active-glow);
}
.psh-menu .elementor-icon-list-item:hover .elementor-icon-list-icon,
.psh-menu .elementor-icon-list-item.is-active .elementor-icon-list-icon{color:var(--psh-active)!important;}

/* ===== ปุ่ม ===== */
.psh-actions,
.psh-actions > .e-con-inner{
  flex:0 0 auto!important;
  width:auto!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:16px!important;
  padding:0!important;
}
.psh-btn{width:auto!important;}
.psh-btn .elementor-button{
  position:relative;
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;justify-content:center;
  min-width:150px;
  height:40px;
  padding:0 20px!important;
  overflow:hidden;
  border-radius:6px!important;
  color:#FFFFFF!important;
  fill:#FFFFFF!important;
  font-family:'Kanit',sans-serif!important;
  font-size:18px!important;
  font-weight:600!important;
  font-style:italic!important;
  line-height:1!important;
  letter-spacing:.3px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  white-space:nowrap;
  transition:transform .2s ease,filter .2s ease!important;
}
.psh-btn .elementor-button::before{   /* เงามันวาวครึ่งบน */
  content:"";position:absolute;left:0;right:0;top:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08));
  pointer-events:none;
}
.psh-btn .elementor-button::after{    /* แสงวิ่งผ่านตอน hover */
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));
  transform:skewX(-20deg);
  transition:left .6s ease;
  pointer-events:none;
}
.psh-btn .elementor-button:hover{transform:translateY(-2px);filter:brightness(1.08);}
.psh-btn .elementor-button:hover::after{left:120%;}
.psh-btn-login .elementor-button{
  border:1px solid var(--psh-login-border)!important;
  background:linear-gradient(180deg,var(--psh-login-1),var(--psh-login-2))!important;
  box-shadow:0 0 14px var(--psh-login-glow),0 4px 10px rgba(0,0,0,.3)!important;
}
.psh-btn-register .elementor-button{
  border:1px solid var(--psh-reg-border)!important;
  background:linear-gradient(180deg,var(--psh-reg-1),var(--psh-reg-2))!important;
  box-shadow:0 0 14px var(--psh-reg-glow),0 4px 10px rgba(0,0,0,.3)!important;
}

/* ปุ่มที่เป็นรูป (Image widget ใน psh-actions) */
.psh-actions .elementor-widget-image{flex:0 0 auto!important;width:auto!important;max-width:none!important;}
.psh-actions .elementor-widget-image a,
.psh-actions .elementor-widget-image figure{display:block!important;margin:0!important;line-height:0;}
.psh-actions .elementor-widget-image img{
  display:block!important;
  width:auto!important;
  height:var(--psh-imgbtn-h)!important;
  max-width:none!important;
  object-fit:contain;
  transition:transform .2s ease,filter .2s ease;
}
.psh-actions .elementor-widget-image a:hover img{transform:translateY(-2px);filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,255,255,.35));}

/* ===== ปุ่ม ☰ (ซ่อนบนคอม) ===== */
.psh-burger{display:none!important;flex:0 0 auto!important;width:auto!important;cursor:pointer;}
.psh-burger .elementor-icon{
  display:flex!important;
  align-items:center;justify-content:center;
  width:40px;height:40px;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#FFFFFF!important;
  fill:#FFFFFF!important;
  font-size:30px!important;
}
.psh-burger .elementor-icon svg{width:30px!important;height:30px!important;fill:#FFFFFF!important;}
.psh-burger .elementor-icon i{color:#FFFFFF!important;}

/* ===== เมนูสไลด์ (สคริปต์สร้างและวางไว้ท้าย body) ===== */
.psh-overlay{
  position:fixed;inset:0;
  z-index:100000;
  background:var(--psh-overlay-bg);
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility 0s linear .3s;
}
.psh-overlay.is-open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s;}
.psh-panel{
  position:fixed;
  top:0;bottom:0;left:0;
  z-index:100001;
  width:var(--psh-panel-w);
  padding:16px 0 32px;
  overflow-y:auto;
  overscroll-behavior:contain;
  box-sizing:border-box;
  background:var(--psh-panel-bg);
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
  border-right:3px solid var(--psh-active);
  box-shadow:12px 0 30px rgba(0,0,0,.35);
  transform:translateX(-105%);
  visibility:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s;
}
.psh-panel.is-open{
  transform:none;
  visibility:visible;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s;
}
.psh-close{
  position:absolute;top:8px;right:10px;
  display:flex!important;align-items:center;justify-content:center;
  width:40px;height:40px;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#FFFFFF!important;
  cursor:pointer;
}
.psh-close svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;}
.psh-close:hover{color:var(--psh-active)!important;}
.psh-panel-logo{display:block;padding:4px 60px 18px 20px;line-height:0;}
.psh-panel-logo img{display:block;width:min(190px,100%)!important;height:auto!important;max-width:100%!important;}
.psh-panel .elementor-icon-list-items{display:block!important;margin:0!important;padding:0!important;list-style:none!important;}
.psh-panel .elementor-icon-list-item,
.psh-panel .elementor-icon-list-item > a{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:12px;
  margin:0!important;
  text-decoration:none!important;
}
.psh-panel .elementor-icon-list-item{padding:0!important;}
.psh-panel .elementor-icon-list-item:not(:has(> a)),
.psh-panel .elementor-icon-list-item > a{padding:17px 22px!important;width:100%;}
.psh-panel .elementor-icon-list-item::after{display:none!important;}
.psh-panel .elementor-icon-list-icon{display:flex;color:var(--psh-icon);}
.psh-panel .elementor-icon-list-icon i{font-size:20px;color:inherit;}
.psh-panel .elementor-icon-list-icon svg{width:20px;height:20px;fill:currentColor;}
.psh-panel .elementor-icon-list-text{
  color:var(--psh-text);
  font-family:'Kanit',sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.3;
}
.psh-panel .elementor-icon-list-item:hover .elementor-icon-list-text,
.psh-panel .elementor-icon-list-item:hover .elementor-icon-list-icon,
.psh-panel .elementor-icon-list-item.is-active .elementor-icon-list-text,
.psh-panel .elementor-icon-list-item.is-active .elementor-icon-list-icon{color:var(--psh-active);}
.psh-panel .elementor-icon-list-item.is-active{
  background:linear-gradient(90deg,rgba(255,138,31,.18),rgba(255,138,31,0));
  box-shadow:inset 3px 0 0 var(--psh-active);
}
html.psh-lock,
html.psh-lock body{overflow:hidden!important;}

/* ===== จอกลาง ===== */
@media(max-width:1180px){
  .psh,.psh > .e-con-inner{gap:12px!important;}
  .psh{--psh-menu-gap:16px;}
  .psh{--psh-imgbtn-h:38px;}
  .psh-menu .elementor-icon-list-text{font-size:14px!important;}
  .psh-btn .elementor-button{min-width:130px;font-size:16px!important;}
}
@media(max-width:1100px){
  .psh,.psh-panel,.psh-overlay{--psh-icon-size:15px;}
  .psh{--psh-menu-gap:12px;}
  .psh-menu .elementor-icon-list-item,
  .psh-menu .elementor-icon-list-item > a{gap:5px;}
  .psh-menu .elementor-icon-list-text{font-size:13.5px!important;}
  .psh-btn .elementor-button{min-width:110px;padding:0 14px!important;font-size:15px!important;}
  .psh{--psh-imgbtn-h:36px;}
}

/* ===== แท็บเล็ต / มือถือ: ☰ | โลโก้ | ปุ่ม ===== */
@media(max-width:1024px){
  .psh{--psh-h:70px;--psh-logo-h:56px;}
  .psh,.psh > .e-con-inner{gap:10px!important;padding-left:10px!important;padding-right:10px!important;}
  .psh > .e-con-inner{padding:0!important;}
  .psh-menu{display:none!important;}
  .psh-burger{display:block!important;}
  .psh-actions,.psh-actions > .e-con-inner{margin-left:auto!important;gap:10px!important;}
  .psh-btn .elementor-button{min-width:0;height:34px;padding:0 14px!important;font-size:15px!important;}
  .psh{--psh-imgbtn-h:34px;}
}
@media(max-width:400px){
  .psh{--psh-logo-h:48px;}
  .psh,.psh > .e-con-inner{gap:6px!important;padding-left:8px!important;padding-right:8px!important;}
  .psh-burger .elementor-icon{width:34px;}
  .psh-actions,.psh-actions > .e-con-inner{gap:6px!important;}
  .psh-btn .elementor-button{height:32px;padding:0 10px!important;font-size:13.5px!important;}
  .psh{--psh-imgbtn-h:28px;}
}
@media (prefers-reduced-motion:reduce){
  .psh-panel,.psh-overlay,.psh-btn .elementor-button,.psh-btn .elementor-button::after{transition:none!important;}
}/* End custom CSS */