.elementor-21 .elementor-element.elementor-element-d9a85d9{--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-21 .elementor-element.elementor-element-33ce73c{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-2bf7d3a{--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;}.elementor-21 .elementor-element.elementor-element-b2612bf{--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-21 .elementor-element.elementor-element-378cc09{--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-21 .elementor-element.elementor-element-7dfa3e8{--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-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-21 .elementor-element.elementor-element-222b71b{--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-21 .elementor-element.elementor-element-31f7ef2{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-76e82d1{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-0c0bf59{text-align:center;}.elementor-21 .elementor-element.elementor-element-0c0bf59 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;}.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-21 .elementor-element.elementor-element-5e9b9d3{text-align:center;}.elementor-21 .elementor-element.elementor-element-ac59803{--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-21 .elementor-element.elementor-element-4be214e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7154752{--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-21 .elementor-element.elementor-element-8fc17ba{--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-21 .elementor-element.elementor-element-046e8b5{text-align:center;}.elementor-21 .elementor-element.elementor-element-9b32413{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-f633a05{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-fde4b15{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-a6e1bc2{--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-21 .elementor-element.elementor-element-c817d2a{text-align:center;}.elementor-21 .elementor-element.elementor-element-e1dabf2{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-6fc23a5{--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-21 .elementor-element.elementor-element-08d3c88{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-2caff78{--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-21 .elementor-element.elementor-element-652b7ab{--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-21 .elementor-element.elementor-element-4851d92{text-align:center;}.elementor-21 .elementor-element.elementor-element-6c3a109{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-7060d13{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-3b47ba7{--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-21 .elementor-element.elementor-element-3a2c629{text-align:center;}.elementor-21 .elementor-element.elementor-element-0fe5cff{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-388306b{--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-21 .elementor-element.elementor-element-c55fb97{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e93f57d{--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-21 .elementor-element.elementor-element-57cc592{--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-21 .elementor-element.elementor-element-38ffcdf{text-align:center;}.elementor-21 .elementor-element.elementor-element-785615d{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-696e9c9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-465a049{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-748f531{--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-21 .elementor-element.elementor-element-64b4182{text-align:center;}.elementor-21 .elementor-element.elementor-element-7dc3488{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-0622f9e{--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-21 .elementor-element.elementor-element-5be3333{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-6bccea3{--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-21 .elementor-element.elementor-element-711d3da{--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-21 .elementor-element.elementor-element-88aacd6{text-align:center;}.elementor-21 .elementor-element.elementor-element-ac7b3aa{padding:10px 10px 10px 10px;border-style:double;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;box-shadow:0px 0px 20px 0px rgba(237.99999999999997, 232.37843100189033, 161.94347826086954, 0.5);}.elementor-21 .elementor-element.elementor-element-e44e29f{--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-21 .elementor-element.elementor-element-52a4341{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-31f7ef2{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-f633a05{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-696e9c9{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-b2612bf{--width:25%;}.elementor-21 .elementor-element.elementor-element-378cc09{--width:50%;}.elementor-21 .elementor-element.elementor-element-7dfa3e8{--width:25%;}.elementor-21 .elementor-element.elementor-element-7154752{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-8fc17ba{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-a6e1bc2{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-6fc23a5{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-2caff78{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-652b7ab{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-3b47ba7{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-388306b{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-e93f57d{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-57cc592{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-748f531{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-0622f9e{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-6bccea3{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-711d3da{--width:66.6666%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-31f7ef2{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-0c0bf59 .elementor-heading-title{font-size:38px;}.elementor-21 .elementor-element.elementor-element-f633a05{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-7060d13{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21 .elementor-element.elementor-element-696e9c9{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-465a049{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for image, class: .elementor-element-7a81d50 *//* เลเยอร์คลุมรูปเพื่อรองรับปุ่มเด้ง */
.elementor-21 .elementor-element.elementor-element-7a81d50 {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* ปรับความโค้งของขอบรูปได้ตามต้องการ */
    cursor: pointer;
}

/* เอฟเฟกต์เบลอและมืดลงเมื่อโฮเวอร์ */
.elementor-21 .elementor-element.elementor-element-7a81d50:hover img {
    filter: blur(6px) brightness(0.4) !important;
    transform: scale(1.05) !important;
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* ตั้งค่า Transition ให้รูปตอนเอาเม้าส์ออก */
.elementor-21 .elementor-element.elementor-element-7a81d50 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* --- สร้างปุ่ม "กดรับโบนัส" --- */
.elementor-21 .elementor-element.elementor-element-7a81d50::after {
    content: '✨ กดรับโบนัส ✨'; /* เปลี่ยนข้อความได้ตรงนี้ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0) scale(0.8); /* ตำแหน่งเริ่มต้น ต่ำลงมานิดนึง */
    
    /* สไตล์และสีปุ่ม */
    background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
    color: #ffffff;
    font-family: 'Kanit', sans-serif; /* ฟอนต์ */
    font-size: 20px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    white-space: nowrap;
    
    /* กรอบสีทอง */
    border: 2px solid #dfb76c;
    box-shadow: 0 0 15px rgba(223, 183, 108, 0.5);
    
    /* ซ่อนปุ่มไว้ก่อน */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    
    /* การเด้ง (Bounce effect) */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* --- เมื่อ Hover: แสดงปุ่ม เด้งมาตรงกลาง และเรืองแสง --- */
.elementor-21 .elementor-element.elementor-element-7a81d50:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    animation: goldGlowEffect 1.5s infinite alternate ease-in-out;
}

/* --- อนิเมชั่นกรอบประกายสีทอง --- */
@keyframes goldGlowEffect {
    0% {
        box-shadow: 0 0 10px rgba(223, 183, 108, 0.6), 
                    inset 0 0 5px rgba(223, 183, 108, 0.2);
        color: #ffffff;
        border-color: #dfb76c;
    }
    100% {
        box-shadow: 0 0 25px rgba(255, 223, 138, 0.9), 
                    0 0 45px rgba(223, 183, 108, 0.6),
                    inset 0 0 15px rgba(255, 223, 138, 0.4);
        color: #ffeba1;
        border-color: #ffeba1;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4cd8bdb *//* เลเยอร์คลุมรูปเพื่อรองรับปุ่มเด้ง */
.elementor-21 .elementor-element.elementor-element-4cd8bdb {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* ปรับความโค้งของขอบรูปได้ตามต้องการ */
    cursor: pointer;
}

/* เอฟเฟกต์เบลอและมืดลงเมื่อโฮเวอร์ */
.elementor-21 .elementor-element.elementor-element-4cd8bdb:hover img {
    filter: blur(6px) brightness(0.4) !important;
    transform: scale(1.05) !important;
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* ตั้งค่า Transition ให้รูปตอนเอาเม้าส์ออก */
.elementor-21 .elementor-element.elementor-element-4cd8bdb img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* --- สร้างปุ่ม "กดรับโบนัส" --- */
.elementor-21 .elementor-element.elementor-element-4cd8bdb::after {
    content: '✨ กดรับโบนัส ✨'; /* เปลี่ยนข้อความได้ตรงนี้ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0) scale(0.8); /* ตำแหน่งเริ่มต้น ต่ำลงมานิดนึง */
    
    /* สไตล์และสีปุ่ม */
    background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
    color: #ffffff;
    font-family: 'Kanit', sans-serif; /* ฟอนต์ */
    font-size: 20px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    white-space: nowrap;
    
    /* กรอบสีทอง */
    border: 2px solid #dfb76c;
    box-shadow: 0 0 15px rgba(223, 183, 108, 0.5);
    
    /* ซ่อนปุ่มไว้ก่อน */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    
    /* การเด้ง (Bounce effect) */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* --- เมื่อ Hover: แสดงปุ่ม เด้งมาตรงกลาง และเรืองแสง --- */
.elementor-21 .elementor-element.elementor-element-4cd8bdb:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    animation: goldGlowEffect 1.5s infinite alternate ease-in-out;
}

/* --- อนิเมชั่นกรอบประกายสีทอง --- */
@keyframes goldGlowEffect {
    0% {
        box-shadow: 0 0 10px rgba(223, 183, 108, 0.6), 
                    inset 0 0 5px rgba(223, 183, 108, 0.2);
        color: #ffffff;
        border-color: #dfb76c;
    }
    100% {
        box-shadow: 0 0 25px rgba(255, 223, 138, 0.9), 
                    0 0 45px rgba(223, 183, 108, 0.6),
                    inset 0 0 15px rgba(255, 223, 138, 0.4);
        color: #ffeba1;
        border-color: #ffeba1;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-346b9b8 *//* เลเยอร์คลุมรูปเพื่อรองรับปุ่มเด้ง */
.elementor-21 .elementor-element.elementor-element-346b9b8 {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* ปรับความโค้งของขอบรูปได้ตามต้องการ */
    cursor: pointer;
}

/* เอฟเฟกต์เบลอและมืดลงเมื่อโฮเวอร์ */
.elementor-21 .elementor-element.elementor-element-346b9b8:hover img {
    filter: blur(6px) brightness(0.4) !important;
    transform: scale(1.05) !important;
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* ตั้งค่า Transition ให้รูปตอนเอาเม้าส์ออก */
.elementor-21 .elementor-element.elementor-element-346b9b8 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* --- สร้างปุ่ม "ดูรายละเอียด" --- */
.elementor-21 .elementor-element.elementor-element-346b9b8::after {
    content: '✨ ดูรายละเอียด ✨'; /* เปลี่ยนข้อความได้ตรงนี้ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0) scale(0.8); /* ตำแหน่งเริ่มต้น ต่ำลงมานิดนึง */
    
    /* สไตล์และสีปุ่ม */
    background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
    color: #ffffff;
    font-family: 'Kanit', sans-serif; /* ฟอนต์ */
    font-size: 20px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    white-space: nowrap;
    
    /* กรอบสีทอง */
    border: 2px solid #dfb76c;
    box-shadow: 0 0 15px rgba(223, 183, 108, 0.5);
    
    /* ซ่อนปุ่มไว้ก่อน */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    
    /* การเด้ง (Bounce effect) */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* --- เมื่อ Hover: แสดงปุ่ม เด้งมาตรงกลาง และเรืองแสง --- */
.elementor-21 .elementor-element.elementor-element-346b9b8:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    animation: goldGlowEffect 1.5s infinite alternate ease-in-out;
}

/* --- อนิเมชั่นกรอบประกายสีทอง --- */
@keyframes goldGlowEffect {
    0% {
        box-shadow: 0 0 10px rgba(223, 183, 108, 0.6), 
                    inset 0 0 5px rgba(223, 183, 108, 0.2);
        color: #ffffff;
        border-color: #dfb76c;
    }
    100% {
        box-shadow: 0 0 25px rgba(255, 223, 138, 0.9), 
                    0 0 45px rgba(223, 183, 108, 0.6),
                    inset 0 0 15px rgba(255, 223, 138, 0.4);
        color: #ffeba1;
        border-color: #ffeba1;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6153bee *//* เลเยอร์คลุมรูปเพื่อรองรับปุ่มเด้ง */
.elementor-21 .elementor-element.elementor-element-6153bee {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* ปรับความโค้งของขอบรูปได้ตามต้องการ */
    cursor: pointer;
}

/* เอฟเฟกต์เบลอและมืดลงเมื่อโฮเวอร์ */
.elementor-21 .elementor-element.elementor-element-6153bee:hover img {
    filter: blur(6px) brightness(0.4) !important;
    transform: scale(1.05) !important;
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* ตั้งค่า Transition ให้รูปตอนเอาเม้าส์ออก */
.elementor-21 .elementor-element.elementor-element-6153bee img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* --- สร้างปุ่ม "กดรับโบนัส" --- */
.elementor-21 .elementor-element.elementor-element-6153bee::after {
    content: '✨ กดรับโบนัส ✨'; /* เปลี่ยนข้อความได้ตรงนี้ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0) scale(0.8); /* ตำแหน่งเริ่มต้น ต่ำลงมานิดนึง */
    
    /* สไตล์และสีปุ่ม */
    background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
    color: #ffffff;
    font-family: 'Kanit', sans-serif; /* ฟอนต์ */
    font-size: 20px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    white-space: nowrap;
    
    /* กรอบสีทอง */
    border: 2px solid #dfb76c;
    box-shadow: 0 0 15px rgba(223, 183, 108, 0.5);
    
    /* ซ่อนปุ่มไว้ก่อน */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    
    /* การเด้ง (Bounce effect) */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* --- เมื่อ Hover: แสดงปุ่ม เด้งมาตรงกลาง และเรืองแสง --- */
.elementor-21 .elementor-element.elementor-element-6153bee:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    animation: goldGlowEffect 1.5s infinite alternate ease-in-out;
}

/* --- อนิเมชั่นกรอบประกายสีทอง --- */
@keyframes goldGlowEffect {
    0% {
        box-shadow: 0 0 10px rgba(223, 183, 108, 0.6), 
                    inset 0 0 5px rgba(223, 183, 108, 0.2);
        color: #ffffff;
        border-color: #dfb76c;
    }
    100% {
        box-shadow: 0 0 25px rgba(255, 223, 138, 0.9), 
                    0 0 45px rgba(223, 183, 108, 0.6),
                    inset 0 0 15px rgba(255, 223, 138, 0.4);
        color: #ffeba1;
        border-color: #ffeba1;
    }
}/* End custom CSS */