.elementor-1710 .elementor-element.elementor-element-4a928d0{--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;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:#FF00A3;--border-color:#FF00A3;}.elementor-1710 .elementor-element.elementor-element-4a928d0:not(.elementor-motion-effects-element-type-background), .elementor-1710 .elementor-element.elementor-element-4a928d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-1710 .elementor-element.elementor-element-8973101{width:var( --container-widget-width, 10.634% );max-width:10.634%;--container-widget-width:10.634%;--container-widget-flex-grow:0;}.elementor-1710 .elementor-element.elementor-element-8973101.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1710 .elementor-element.elementor-element-8973101 img{width:70%;}.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-1710 .elementor-element.elementor-element-94b535c{width:var( --container-widget-width, 32.788% );max-width:32.788%;--container-widget-width:32.788%;--container-widget-flex-grow:0;}.elementor-1710 .elementor-element.elementor-element-94b535c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1710 .elementor-element.elementor-element-94b535c .elementor-menu-toggle{margin:0 auto;}.elementor-1710 .elementor-element.elementor-element-94b535c .elementor-nav-menu .elementor-item{font-family:"Kanit", Sans-serif;font-weight:400;}.elementor-1710 .elementor-element.elementor-element-94b535c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1710 .elementor-element.elementor-element-94b535c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1710 .elementor-element.elementor-element-94b535c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1710 .elementor-element.elementor-element-94b535c .elementor-nav-menu--main .elementor-item:focus{color:#FF00A3;fill:#FF00A3;}.elementor-1710 .elementor-element.elementor-element-d88bd45{--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;}.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-1710 .elementor-element.elementor-element-872e429 .elementor-button{background-color:#61CE7000;font-family:"Kanit", Sans-serif;font-weight:500;fill:#FF00A3;color:#FF00A3;}.elementor-1710 .elementor-element.elementor-element-8038f2b .elementor-button{background-color:#61CE7000;font-family:"Kanit", Sans-serif;font-weight:500;fill:#FF00A3;color:#FF00A3;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF00A3;border-radius:5px 5px 5px 5px;}@media(max-width:767px){.elementor-1710 .elementor-element.elementor-element-8973101 img{width:94%;}.elementor-1710 .elementor-element.elementor-element-94b535c{width:var( --container-widget-width, 102.238px );max-width:102.238px;--container-widget-width:102.238px;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-4a928d0 *//* =========================================================
   DEEJING818 – Header มือถือ (โลโก้ซ้าย | เข้าสู่ระบบ  สมัครสมาชิก  ☰ ขวา)
   วางที่: Container หลักของ Header > Advanced > Custom CSS
   ใช้กับ: Site Logo / Image (โลโก้), Button ×2, Nav Menu (ปุ่ม ☰)
   ทำงานเฉพาะจอ ≤ 767px  (จอคอมไม่เปลี่ยน)
   ========================================================= */

@media (max-width: 767px) {

  /* ---------- แถวเดียว ไม่ตกบรรทัด ---------- */
  .elementor-1710 .elementor-element.elementor-element-4a928d0,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 {
    min-height: 60px;
    padding: 8px 12px !important;
    background-color: #FCF6F3;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 > .e-con-inner { width: 100% !important; max-width: none !important; padding: 0 !important; }

  /* Container ย่อยข้างใน "หายไป" ให้ทุก widget มาเรียงในแถวเดียวกัน */
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .e-con,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .e-con > .e-con-inner {
    display: contents !important;
  }

  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* ---------- โลโก้ (ซ้ายสุด ดันที่เหลือไปขวา) ---------- */
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-theme-site-logo,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-image {
    order: 0 !important;
    margin-right: auto !important;
    line-height: 0 !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-theme-site-logo img,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-image img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-width: 110px !important;
    object-fit: contain !important;
  }

  /* ---------- ปุ่ม ---------- */
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button { order: 1 !important; }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    min-height: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #B7355C !important;
    fill: #B7355C !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button .elementor-button-icon { display: none !important; }

  /* ปุ่มที่ 2 (สมัครสมาชิก) = กรอบชมพู */
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button ~ .elementor-widget-button .elementor-button,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .hd-register .elementor-button {
    padding: 0 12px !important;
    border: 1.5px solid #B7355C !important;
    background: #FFFFFF !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button ~ .elementor-widget-button .elementor-button:hover,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .hd-register .elementor-button:hover {
    background: #B7355C !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
  }

  /* ---------- ปุ่ม ☰ (ขวาสุด) ---------- */
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-nav-menu { order: 2 !important; }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-menu-toggle {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #541F32 !important;
    fill: #541F32 !important;
    font-size: 24px !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-menu-toggle svg { width: 24px !important; height: 24px !important; fill: currentColor !important; }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-menu-toggle:hover,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-menu-toggle.elementor-active { background: #F9E9ED !important; }

  /* เมนูที่เปิดออกมา */
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-nav-menu--dropdown {
    z-index: 9999 !important;
    background: #FFFFFF !important;
    border-top: 1px solid #F0CCD5 !important;
    box-shadow: 0 10px 24px rgba(84, 31, 50, .12) !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-nav-menu--dropdown a {
    padding: 14px 20px !important;
    border-bottom: 1px solid #F0CCD5 !important;
    background: transparent !important;
    color: #541F32 !important;
    font-size: 15px !important;
  }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-nav-menu--dropdown a:hover,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-nav-menu--dropdown a.elementor-item-active {
    background: #F9E9ED !important;
    color: #B7355C !important;
  }
}

/* จอเล็กมาก */
@media (max-width: 360px) {
  .elementor-1710 .elementor-element.elementor-element-4a928d0 { padding: 8px 8px !important; gap: 4px !important; }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-theme-site-logo img,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-image img { height: 28px !important; }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button .elementor-button { font-size: 12px !important; padding: 0 6px !important; }
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .elementor-widget-button ~ .elementor-widget-button .elementor-button,
  .elementor-1710 .elementor-element.elementor-element-4a928d0 .hd-register .elementor-button { padding: 0 9px !important; }
}/* End custom CSS */