.elementor-9316 .elementor-element.elementor-element-b0c9625{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9316 .elementor-element.elementor-element-4307060{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-9316 .elementor-element.elementor-element-ed428b4{--display:flex;--min-height:280px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-80cd849 );--border-color:var( --e-global-color-80cd849 );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-9316 .elementor-element.elementor-element-ed428b4:not(.elementor-motion-effects-element-type-background), .elementor-9316 .elementor-element.elementor-element-ed428b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9316 .elementor-element.elementor-element-ed428b4, .elementor-9316 .elementor-element.elementor-element-ed428b4::before{--border-transition:0.3s;}.elementor-9316 .elementor-element.elementor-element-9307f50 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-9307f50 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-9316 .elementor-element.elementor-element-9307f50 .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;width:304.5%;}.elementor-9316 .elementor-element.elementor-element-9307f50 .jet-listing-dynamic-image img{width:304.5%;height:228.88px;object-fit:contain;}.elementor-9316 .elementor-element.elementor-element-9307f50 .jet-listing-dynamic-image__caption{text-align:left;}.elementor-9316 .elementor-element.elementor-element-9307f50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9316 .elementor-element.elementor-element-9307f50.elementor-element{--align-self:center;}.elementor-9316 .elementor-element.elementor-element-29b1613{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-9316 .elementor-element.elementor-element-adeb84c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--grid-auto-flow:row;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field__content{font-size:16px;font-weight:300;text-align:left;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field.display-multiline{padding:10px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:10px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field__content{color:#57D9A3;text-align:left;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field{justify-content:flex-end;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field.display-multiline{padding:10px 0px 0px 0px;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:10px 0px 0px 0px;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 .jet-listing-dynamic-field__content{font-family:"Noto Sans Thai", Sans-serif;font-size:22px;font-weight:600;line-height:30px;text-align:left;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 .jet-listing-dynamic-field.display-multiline{margin:0px 0px 20px 0px;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{margin:0px 0px 20px 0px;}.elementor-9316 .elementor-element.elementor-element-5f3c7c7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9316 .elementor-element.elementor-element-5adee80{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9316 .elementor-element.elementor-element-ecb38e2 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:700;line-height:24px;}.elementor-9316 .elementor-element.elementor-element-973eb41 .elementor-icon-wrapper{text-align:right;}.elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-framed .elementor-icon, .elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-framed .elementor-icon, .elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-framed .elementor-icon:hover, .elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-framed .elementor-icon:hover, .elementor-9316 .elementor-element.elementor-element-973eb41.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-9316 .elementor-element.elementor-element-973eb41 .elementor-icon{font-size:10px;}.elementor-9316 .elementor-element.elementor-element-973eb41 .elementor-icon svg{height:10px;}.elementor-9316 .elementor-element.elementor-element-973eb41 .elementor-icon i, .elementor-9316 .elementor-element.elementor-element-973eb41 .elementor-icon svg{transform:rotate(0deg);}.elementor-9316 .elementor-element.elementor-element-c87d6d4{--divider-border-style:solid;--divider-color:var( --e-global-color-80cd849 );--divider-border-width:1px;}.elementor-9316 .elementor-element.elementor-element-c87d6d4 .elementor-divider-separator{width:100%;}.elementor-9316 .elementor-element.elementor-element-c87d6d4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9316 .elementor-element.elementor-element-557e136{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9316 .elementor-element.elementor-element-79c1883 .jet-listing-dynamic-field__content{font-family:"Noto Sans Thai", Sans-serif;font-weight:300;text-align:left;}.elementor-9316 .elementor-element.elementor-element-79c1883 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-79c1883 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-79c1883 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-b20128d{--divider-border-style:solid;--divider-color:var( --e-global-color-80cd849 );--divider-border-width:1px;}.elementor-9316 .elementor-element.elementor-element-b20128d .elementor-divider-separator{width:100%;}.elementor-9316 .elementor-element.elementor-element-b20128d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9316 .elementor-element.elementor-element-276f7c6 .jet-listing-dynamic-field__content{font-family:"Noto Sans Thai", Sans-serif;font-weight:300;text-align:left;}.elementor-9316 .elementor-element.elementor-element-276f7c6 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-276f7c6 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-276f7c6 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-8087efc .jet-listing-dynamic-field__content{color:var( --e-global-color-primary );font-family:"Noto Sans Thai", Sans-serif;font-weight:300;text-align:left;}.elementor-9316 .elementor-element.elementor-element-8087efc .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-8087efc .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-8087efc .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-95a63e1 .jet-listing-dynamic-field__content{font-family:"Noto Sans Thai", Sans-serif;font-weight:300;text-align:left;}.elementor-9316 .elementor-element.elementor-element-95a63e1 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-95a63e1 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-95a63e1 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9316 .elementor-element.elementor-element-8387d9a .jet-listing-dynamic-field__content{font-family:"Noto Sans Thai", Sans-serif;font-weight:300;text-align:left;}.elementor-9316 .elementor-element.elementor-element-8387d9a .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9316 .elementor-element.elementor-element-8387d9a .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9316 .elementor-element.elementor-element-8387d9a .jet-listing-dynamic-field{justify-content:flex-start;}.jet-listing-item.single-jet-engine.elementor-page-9316 > .elementor{width:460px;margin-left:auto;margin-right:auto;}@media(max-width:1440px){.elementor-9316 .elementor-element.elementor-element-adeb84c{--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-5adee80{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-9316 .elementor-element.elementor-element-adeb84c{--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-5adee80{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-9316 .elementor-element.elementor-element-4307060{--gap:0px 0px;}.elementor-9316 .elementor-element.elementor-element-adeb84c{--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-638bd54 .jet-listing-dynamic-field__content{font-size:12px;}.elementor-9316 .elementor-element.elementor-element-009256d .jet-listing-dynamic-field__content{font-size:12px;}.elementor-9316 .elementor-element.elementor-element-5adee80{--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-ecb38e2 .elementor-heading-title{font-size:12px;}.elementor-9316 .elementor-element.elementor-element-79c1883 .jet-listing-dynamic-field__content{font-size:12px;}}@media(max-width:880px){.elementor-9316 .elementor-element.elementor-element-adeb84c{--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-5adee80{--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-ecb38e2 .elementor-heading-title{font-size:16px;line-height:24px;}}@media(max-width:767px){.elementor-9316 .elementor-element.elementor-element-adeb84c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-5adee80{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9316 .elementor-element.elementor-element-8087efc .jet-listing-dynamic-field__content{font-size:12px;}.elementor-9316 .elementor-element.elementor-element-8387d9a .jet-listing-dynamic-field__content{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-b0c9625 *//* 1. ตั้งค่า Container หลักให้เป็นจุดอ้างอิง (Relative) */
#product-card {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

#product-card .container-wrp {
    border-radius: 20px;
    position: relative;
    z-index: 2; /* ให้เนื้อหาหลักอยู่เหนือเงาปกติ */
}

/* 2. ปรับส่วนสเปคให้เป็น Absolute */
#product-card .product-spec-detail {
    position: absolute;
    top: 99%; 
    left: 0;
    width: 100%;
    z-index: 10;  
    background-color: #57D9A3; 
    border-radius: 0 0 20px 20px;
    padding: 15px; 
    
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}


#product-card:hover {
    z-index: 9;
    box-shadow: 4px 4px 10px 0px rgba(87, 217, 163, 0.3);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#product-card:hover .container-wrp {
    background-color: #57D9A3 !important;
    border-radius: 20px 20px 0 0;
    transition: background-color 0.3s ease;
}

#product-card:hover .product-spec-detail {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0);
    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
}

#product-card:hover span {
    color: #fff !important;
}

#product-card:hover i, 
#product-card:hover svg,
#product-card:hover .elementor-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

#product-card:hover .elementor-divider-separator {
    border-top-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
}

#product-card:hover .hide-divider {
    display: block !important;
}

.hide-divider {
    display: none !important;
}

#product-card:hover .elementor-image img, 
#product-card:hover .jet-listing-dynamic-image img {
    transform: scale(1.1);
    transition: transform 0.5s ease;
}

.hide-text {
    display: none
}

#product-card:hover .hide-text {
    display: block !important
}

 .text-dynamic {
     display: block;
 }
#product-card:hover .text-dynamic {
    display: none !important
}/* End custom CSS */