.elementor-2969 .elementor-element.elementor-element-af14548{z-index:0;}.elementor-2969 .elementor-element.elementor-element-af14548 img{width:1000px;}.elementor-2969 .elementor-element.elementor-element-91adfe3{width:auto;max-width:auto;top:59px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-91adfe3{left:581px;}body.rtl .elementor-2969 .elementor-element.elementor-element-91adfe3{right:581px;}.elementor-2969 .elementor-element.elementor-element-21008d7{width:auto;max-width:auto;top:360px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-21008d7{left:595px;}body.rtl .elementor-2969 .elementor-element.elementor-element-21008d7{right:595px;}.elementor-2969 .elementor-element.elementor-element-b4315b3{width:auto;max-width:auto;top:603px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-b4315b3{left:549px;}body.rtl .elementor-2969 .elementor-element.elementor-element-b4315b3{right:549px;}.elementor-2969 .elementor-element.elementor-element-97814a4{width:auto;max-width:auto;top:804px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-97814a4{left:524px;}body.rtl .elementor-2969 .elementor-element.elementor-element-97814a4{right:524px;}.elementor-2969 .elementor-element.elementor-element-2fd831a{width:auto;max-width:auto;top:948px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-2fd831a{left:396px;}body.rtl .elementor-2969 .elementor-element.elementor-element-2fd831a{right:396px;}.elementor-2969 .elementor-element.elementor-element-fad76ea{width:auto;max-width:auto;top:1194px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-fad76ea{left:296px;}body.rtl .elementor-2969 .elementor-element.elementor-element-fad76ea{right:296px;}.elementor-2969 .elementor-element.elementor-element-0d8b007{width:auto;max-width:auto;top:1341px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-0d8b007{left:206px;}body.rtl .elementor-2969 .elementor-element.elementor-element-0d8b007{right:206px;}.elementor-2969 .elementor-element.elementor-element-43cdeb1{width:auto;max-width:auto;top:1197px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-43cdeb1{left:769px;}body.rtl .elementor-2969 .elementor-element.elementor-element-43cdeb1{right:769px;}.elementor-2969 .elementor-element.elementor-element-2926693{width:auto;max-width:auto;top:708px;z-index:10;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-2926693{left:848px;}body.rtl .elementor-2969 .elementor-element.elementor-element-2926693{right:848px;}.elementor-2969 .elementor-element.elementor-element-0693881{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;top:212px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-0693881{left:981px;}body.rtl .elementor-2969 .elementor-element.elementor-element-0693881{right:981px;}.elementor-2969 .elementor-element.elementor-element-f28dbf5{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;top:431px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-f28dbf5{left:183px;}body.rtl .elementor-2969 .elementor-element.elementor-element-f28dbf5{right:183px;}.elementor-2969 .elementor-element.elementor-element-1233891{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;top:1620px;z-index:30;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-1233891{left:854px;}body.rtl .elementor-2969 .elementor-element.elementor-element-1233891{right:854px;}@media(max-width:767px){.elementor-2969 .elementor-element.elementor-element-a5980c6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2969 .elementor-element.elementor-element-a5980c6.elementor-column{width:350;}.elementor-2969 .elementor-element.elementor-element-af14548 img{max-width:355px;}.elementor-2969 .elementor-element.elementor-element-91adfe3{width:var( --container-widget-width, 141px );max-width:141px;--container-widget-width:141px;--container-widget-flex-grow:0;top:31px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-91adfe3{left:153px;}body.rtl .elementor-2969 .elementor-element.elementor-element-91adfe3{right:153px;}.elementor-2969 .elementor-element.elementor-element-21008d7{width:var( --container-widget-width, 130px );max-width:130px;--container-widget-width:130px;--container-widget-flex-grow:0;top:137px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-21008d7{left:156px;}body.rtl .elementor-2969 .elementor-element.elementor-element-21008d7{right:156px;}.elementor-2969 .elementor-element.elementor-element-b4315b3{width:var( --container-widget-width, 119px );max-width:119px;--container-widget-width:119px;--container-widget-flex-grow:0;top:220px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-b4315b3{left:139px;}body.rtl .elementor-2969 .elementor-element.elementor-element-b4315b3{right:139px;}.elementor-2969 .elementor-element.elementor-element-97814a4{width:var( --container-widget-width, 143px );max-width:143px;--container-widget-width:143px;--container-widget-flex-grow:0;top:293px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-97814a4{left:129px;}body.rtl .elementor-2969 .elementor-element.elementor-element-97814a4{right:129px;}.elementor-2969 .elementor-element.elementor-element-2fd831a{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;top:343px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-2fd831a{left:86px;}body.rtl .elementor-2969 .elementor-element.elementor-element-2fd831a{right:86px;}.elementor-2969 .elementor-element.elementor-element-fad76ea{width:var( --container-widget-width, 170px );max-width:170px;--container-widget-width:170px;--container-widget-flex-grow:0;top:431px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-fad76ea{left:52px;}body.rtl .elementor-2969 .elementor-element.elementor-element-fad76ea{right:52px;}.elementor-2969 .elementor-element.elementor-element-0d8b007{width:var( --container-widget-width, 251px );max-width:251px;--container-widget-width:251px;--container-widget-flex-grow:0;top:483px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-0d8b007{left:18px;}body.rtl .elementor-2969 .elementor-element.elementor-element-0d8b007{right:18px;}.elementor-2969 .elementor-element.elementor-element-43cdeb1{width:var( --container-widget-width, 140px );max-width:140px;--container-widget-width:140px;--container-widget-flex-grow:0;top:433px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-43cdeb1{left:222px;}body.rtl .elementor-2969 .elementor-element.elementor-element-43cdeb1{right:222px;}.elementor-2969 .elementor-element.elementor-element-2926693{width:var( --container-widget-width, 112px );max-width:112px;--container-widget-width:112px;--container-widget-flex-grow:0;top:258px;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-2926693{left:249px;}body.rtl .elementor-2969 .elementor-element.elementor-element-2926693{right:249px;}.elementor-2969 .elementor-element.elementor-element-0693881{width:var( --container-widget-width, 193px );max-width:193px;--container-widget-width:193px;--container-widget-flex-grow:0;top:44px;z-index:30;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-0693881{left:12px;}body.rtl .elementor-2969 .elementor-element.elementor-element-0693881{right:12px;}.elementor-2969 .elementor-element.elementor-element-f28dbf5{width:var( --container-widget-width, 197px );max-width:197px;--container-widget-width:197px;--container-widget-flex-grow:0;top:121px;z-index:30;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-f28dbf5{left:11px;}body.rtl .elementor-2969 .elementor-element.elementor-element-f28dbf5{right:11px;}.elementor-2969 .elementor-element.elementor-element-1233891{width:var( --container-widget-width, 197px );max-width:197px;--container-widget-width:197px;--container-widget-flex-grow:0;top:709px;z-index:30;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-1233891{left:18px;}body.rtl .elementor-2969 .elementor-element.elementor-element-1233891{right:18px;}}/* Start custom CSS for image, class: .elementor-element-91adfe3 *//* 1. สถานะปกติ: ซ่อนไว้ก่อน */
.elementor-2969 .elementor-element.elementor-element-91adfe3 .zone-color,
.elementor-2969 .elementor-element.elementor-element-91adfe3 .info-box-details {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
}

/* 2. แสดงผลเมื่อ JS เติมคลาสให้ (รองรับทั้ง Click บนมือถือ และ Hover บนคอม) */
.elementor-2969 .elementor-element.elementor-element-91adfe3.active .zone-color,
.elementor-2969 .elementor-element.elementor-element-91adfe3.show-box .info-box-details {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1.03);
    z-index: 99;
}

/* 3. สำหรับ Desktop: ให้เอาเมาส์ชี้แล้วติดเหมือนเดิม (ใส่ไว้ใน Media Query) */
@media (hover: hover) {
    .elementor-2969 .elementor-element.elementor-element-91adfe3:hover .zone-color {
        opacity: 1;
        visibility: visible;
        transform: scale(1.03);
        z-index: 99;
    }
    /* ถ้า info-box อยู่ใน widget เดียวกันหรือเป็น sibling */
    .elementor-2969 .elementor-element.elementor-element-91adfe3:hover .info-box-details {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ae104b6 *//* 1. ซ่อนรูปและกล่องในสภาวะปกติ */
[class*="zone-click-"] {
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
    z-index: 10;
}

[class*="info-box-target-"] {
    display: none; 
    position: absolute;
    z-index: 100;
}

/* 2. แสดงผลผ่าน Class 'active' และ 'show-box' ที่ควบคุมโดย JS เท่านั้น */
[class*="zone-click-"].active {
    opacity: 1 !important;
    z-index: 11;
}

[class*="info-box-target-"].show-box {
    display: block !important;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */