.elementor-1699 .elementor-element.elementor-element-4a6d06a6{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.33;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-1699 .elementor-element.elementor-element-4a6d06a6:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3a3a3a;background-image:url("https://iglowaythailand.com/wp-content/uploads/2025/10/starry-lights-background-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1699 .elementor-element.elementor-element-4a6d06a6::before, .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-background-video-container::before, .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-background-slideshow::before, .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1699 .elementor-element.elementor-element-33494ef4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-1699 .elementor-element.elementor-element-b3a9c87{text-align:center;}.elementor-1699 .elementor-element.elementor-element-b3a9c87 .elementor-heading-title{color:#262262;}.elementor-1699 .elementor-element.elementor-element-2505aed{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1699 .elementor-element.elementor-element-52533be{text-align:center;}.elementor-1699 .elementor-element.elementor-element-52533be .elementor-heading-title{font-weight:500;font-style:italic;color:#262262;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-woo-products-grid{grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:35px;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-product-item{background-color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-product-content{padding:20px 20px 20px 20px;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-product-title, .elementor-1699 .elementor-element.elementor-element-9872aed .hfe-product-title a{color:#262262;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-product-title a:hover{color:#262262;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-product-title{font-size:25px;margin-bottom:10px;}.elementor-1699 .elementor-element.elementor-element-420d85a{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.45;--padding-top:140px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-1699 .elementor-element.elementor-element-420d85a:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-420d85a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3a3a3a;background-image:url("https://iglowaythailand.com/wp-content/uploads/2025/10/IMG_20251007_135238-scaled.webp");background-position:center center;background-size:cover;}.elementor-1699 .elementor-element.elementor-element-420d85a::before, .elementor-1699 .elementor-element.elementor-element-420d85a > .elementor-background-video-container::before, .elementor-1699 .elementor-element.elementor-element-420d85a > .e-con-inner > .elementor-background-video-container::before, .elementor-1699 .elementor-element.elementor-element-420d85a > .elementor-background-slideshow::before, .elementor-1699 .elementor-element.elementor-element-420d85a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1699 .elementor-element.elementor-element-420d85a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C092A;--background-overlay:'';}.elementor-1699 .elementor-element.elementor-element-08e0d93{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button{background-color:#FFFFFF;border-style:none;box-shadow:0px 5px 30px 0px rgba(0, 0, 0, 0.05);}.elementor-1699 .elementor-element.elementor-element-ec24f94 a.elementor-button:hover, .elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button:hover{background-color:var( --e-global-color-astglobalcolor0 );color:#FFFFFF;}.elementor-1699 .elementor-element.elementor-element-ec24f94 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox, .elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-separator-parent{text-align:center;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button .elementor-align-icon-right,.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox-link-icon-after{margin-left:15px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button .elementor-align-icon-left, .elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox-link-icon-before{margin-right:15px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 a.elementor-button, .elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button{padding:20px 20px 20px 20px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox-title-prefix{color:#E0DEFF;margin:0px 0px 0px 0px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox-title{color:#FFFFFF;margin:30px 0px 0px 0px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox-cta-link-style, .elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-button-wrapper{margin:50px 0px 0px 0px;}body.elementor-page-1699:not(.elementor-motion-effects-element-type-background), body.elementor-page-1699 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-1699 .elementor-element.elementor-element-4a6d06a6:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1699 .elementor-element.elementor-element-420d85a:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-420d85a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1699 .elementor-element.elementor-element-4a6d06a6:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-1699 .elementor-element.elementor-element-4a6d06a6{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1699 .elementor-element.elementor-element-33494ef4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-woo-products-grid{grid-template-columns:repeat(3, 1fr);}.elementor-1699 .elementor-element.elementor-element-420d85a:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-420d85a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-1699 .elementor-element.elementor-element-420d85a{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1699 .elementor-element.elementor-element-08e0d93{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 a.elementor-button, .elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button{padding:15px 30px 15px 30px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox-cta-link-style, .elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-button-wrapper{margin:40px 0px 0px 0px;}}@media(max-width:767px){.elementor-1699 .elementor-element.elementor-element-4a6d06a6:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-4a6d06a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-182px -157px;background-repeat:no-repeat;background-size:853px auto;}.elementor-1699 .elementor-element.elementor-element-4a6d06a6{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1699 .elementor-element.elementor-element-52533be .elementor-heading-title{font-size:50px;}.elementor-1699 .elementor-element.elementor-element-9872aed .hfe-woo-products-grid{grid-template-columns:repeat(1, 1fr);}.elementor-1699 .elementor-element.elementor-element-420d85a{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-infobox, .elementor-1699 .elementor-element.elementor-element-ec24f94 .uael-separator-parent{text-align:center;}.elementor-1699 .elementor-element.elementor-element-ec24f94 a.elementor-button, .elementor-1699 .elementor-element.elementor-element-ec24f94 .elementor-button{padding:15px 30px 15px 30px;}}/* Start custom CSS for hfe-woo-product-grid, class: .elementor-element-9872aed */.hfe-product-item:hover {
    /* Subtle shadow for a lifting effect */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    /* Optional: Animate the transition for a smoother look */
    transition: box-shadow 0.3s ease-in-out; 
}

.hfe-product-item {
    /* Essential for the transition to work smoothly from the initial state */
    transition: box-shadow 0.3s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2505aed *//* === Palette (เปลี่ยนค่าสีได้) === */
:root{
  --blue-main: #262262;      /* น้ำเงินหลัก */
  --blue-2:    #244C8A;      /* น้ำเงินรอง (ถ้าต้องใช้) */
  --ink:       #1E1E1E;      /* สีตัวอักษร */
}

/* === HERO SECTION พื้นหลังขาว + แพตช์น้ำเงินเฉียง === */
/* ใส่คลาสนี้ให้ Section: hero-creative */
.hero-creative{
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden; /* กัน before/after เกินขอบ */
  min-height: 76vh; /* สูงพอให้เห็นมุมเฉียง */
  display: flex; align-items: center;
}

/* แพทช์น้ำเงินเฉียง (ด้านขวาบน) */
.hero-creative::before{
  content: "";
  position: absolute;
  inset: 0 0 0 35%;           /* ด้านซ้ายเว้น 35% */
  background: var(--blue-main);
  z-index: -1;
  /* ปรับมุมเฉียงได้ที่ polygon */
  clip-path: polygon(35% 0, 100% 0, 100% 100%, 15% 100%);
  /* เงาจาง ๆ ให้ดูมีมิติ */
  box-shadow: -40px 0 80px rgba(0,0,0,.08) inset;
}

/* แพตช์น้ำเงินเล็กซ้อน (เงา/layer เพิ่มมิติ) */
.hero-creative::after{
  content: "";
  position: absolute;
  right: -8vw; top: -8vh;
  width: 40vw; height: 40vw;
  background: var(--blue-2);
  opacity: .15;
  transform: rotate(35deg);
  border-radius: 32px;
  z-index: -1;
}

/* คอนเทนต์ใน hero ให้ไม่ติดขอบ */
.hero-creative .elementor-container{
  position: relative;
  padding-top: 80px; padding-bottom: 80px;
}

/* ปุ่มสไตล์เรียบหรู */
.hero-btn .elementor-button{
  padding: 14px 24px;
  border-radius: 10px;
  font-weight: 600;
}
.hero-btn .elementor-button--view-primary{
  background: var(--blue-main);
  color: #fff;
  border: none;
}
.hero-btn .elementor-button--view-secondary{
  background: #fff;
  color: var(--blue-main);
  border: 2px solid var(--blue-main);
}

/* === รูปทรงหกเหลี่ยม (Hexagon Mask) === */
/* ใส่คลาสนี้ให้วิดเจ็ต Image: hex-mask */
.hex-mask img{
  display: block;
  -webkit-clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
          clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  /* เลือกเปิดเงารอบรูปได้ */
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.12));
  border-radius: 0; /* กัน conflict จากธีม */
}

/* วงกลม/หกเหลี่ยมเล็กเป็น badge ตกแต่ง (ถ้าต้องการ) */
/* สร้าง Column หรือ Inner Section แล้วใส่คลาส: deco-hex */
.deco-hex{
  position: relative;
}
.deco-hex::before{
  content: "";
  position: absolute;
  width: 90px; height: 90px;
  left: -20px; top: -20px;
  background: var(--blue-main);
  -webkit-clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
          clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  opacity: .12;
}

/* === แถบยอด (Topbar) แนว presentation ถ้าต้องการ === */
/* ใส่คลาสใน Section แถบเล็กด้านบน: hero-topbar */
.hero-topbar{
  background: linear-gradient(90deg, var(--blue-main), var(--blue-2));
  color: #fff;
  padding: 10px 0;
}

/* === Responsive === */
@media (max-width: 1024px){
  .hero-creative::before{
    inset: 0 0 0 20%;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 8% 100%);
  }
}
@media (max-width: 767px){
  .hero-creative{
    min-height: 62vh;
  }
  .hero-creative::before{
    inset: 45% 0 0 0;               /* เปลี่ยนเป็นแพตช์ครึ่งล่างบนมือถือ */
    clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%);
  }
  .deco-hex::before{
    width: 64px; height: 64px; left: -10px; top: -10px;
  }
}/* End custom CSS */