.elementor-1859 .elementor-element.elementor-element-e9e4fc6{padding:5px 0px 5px 0px;}.elementor-1859 .elementor-element.elementor-element-babb536{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-21dea93 );margin-top:0px;margin-bottom:0px;padding:0px 0px 40px 0px;}.elementor-1859 .elementor-element.elementor-element-b3df7b9{--e-image-carousel-slides-to-show:1;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-1859 .elementor-element.elementor-element-2bc8448 .elementor-heading-title{font-size:34px;font-weight:400;line-height:1.25em;letter-spacing:-0.32px;color:#1A1D1F;}.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-1859 .elementor-element.elementor-element-f313594{font-size:18px;font-weight:400;line-height:1.43em;color:#484A4C;}.elementor-1859 .elementor-element.elementor-element-3a533c0{font-size:14px;font-weight:400;line-height:1.43em;color:#000000;}.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-1859 .elementor-element.elementor-element-a80cb9a{text-align:start;}.elementor-1859 .elementor-element.elementor-element-a80cb9a img{width:92px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1859 .elementor-element.elementor-element-f1a5ce7 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-1859 .elementor-element.elementor-element-8a26232:not(.elementor-motion-effects-element-type-background), .elementor-1859 .elementor-element.elementor-element-8a26232 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1859 .elementor-element.elementor-element-8a26232 > .elementor-container{max-width:945px;}.elementor-1859 .elementor-element.elementor-element-8a26232{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-1859 .elementor-element.elementor-element-8a26232 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-1859 .elementor-element.elementor-element-c778ec3{width:70%;}.elementor-1859 .elementor-element.elementor-element-1174e8d{width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1859 .elementor-element.elementor-element-c778ec3{width:50%;}.elementor-1859 .elementor-element.elementor-element-1174e8d{width:50%;}}/* Start custom CSS for image-carousel, class: .elementor-element-b3df7b9 */#py-product-slider .elementor-widget-container {
    padding-left: 100px;
    position: relative;
}
#py-product-slider ul.thumb-list {
    padding: 0;
    margin: 0;
    width: 74px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: auto;
    max-height: 100%;
    list-style-type: none;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
#py-product-slider ul.thumb-list::-webkit-scrollbar {
  display: none;
}
#py-product-slider ul.thumb-list li.thumb-item {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    width: 74px;
    height: 74px;
}
#py-product-slider ul.thumb-list li.thumb-item:not(:last-child) {
    margin-bottom: 16px;
}
#py-product-slider ul.thumb-list li.thumb-item:hover,
#py-product-slider ul.thumb-list li.thumb-item.thumb-active {
    border-width: 2px;
    border-color: #484A4C
}
#py-product-slider ul.thumb-list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#py-product-slider .elementor-swiper-button.elementor-swiper-button-next:before, .elementor-swiper-button.elementor-swiper-button-prev:before {
    filter: invert(1);
}
#py-product-slider .elementor-swiper-button-prev {
    left: 140px;
}
#py-product-slider .elementor-swiper-button-next {
    right: 40px;
}

#py-product-slider img.swiper-slide-image {
    width: 600px;
    max-width: 100%;
    height: 600px;
    object-fit: contain;
}
#py-product-slider .elementor-swiper-button i {
    opacity: 0;
    visibility: hidden;
    display: none;
}
@media(min-width: 768px) and (max-width: 1023px) {
    #py-product-slider img.swiper-slide-image {
        height: 400px;
    }
}
@media(max-width: 1023px) {
    #py-product-slider .elementor-widget-container {
        padding-left: 0;
        padding-bottom: 60px;
    }
    #py-product-slider ul.thumb-list {
        width: auto;
        max-width: 100%;
        height: auto;
        top: auto;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
        overflow-x: scroll;
        overflow-y: hidden;
        flex-direction: row;
    }
    #py-product-slider ul.thumb-list li.thumb-item {
        width: 54px;
        height: 54px;
    }
    #py-product-slider ul.thumb-list li.thumb-item:not(:last-child) {
        margin-bottom: 0;
        margin-right: 15px;
    }
    #py-product-slider .elementor-swiper-button-prev {
        left: 40px;
    }
}
@media (max-width: 767px){
    #py-product-slider .elementor-swiper-button-prev {
        left: 10px;
    }
    #py-product-slider .elementor-swiper-button-next {
        right: 10px;
    }

    #py-product-slider ul.thumb-list li.thumb-item {
        width: 48px;
        height: 48px;
    }
    #py-product-slider img.swiper-slide-image {
        width: 250px;
        height: 250px;
        object-fit: contain;
    }
    #py-product-slider .elementor-widget-container {
        padding-bottom: 0;
    }
    #py-product-slider ul.thumb-list {
        position: relative;
        margin-top: 20px;
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }
    #py-product-slider ul.thumb-list li.thumb-item {
        margin-right: 0!important;
    }
    #py-product-slider .elementor-swiper-button {
        top: 125px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c778ec3 */@media(width: 1024px) {
    .elementor-1859 .elementor-element.elementor-element-c778ec3 {
        width: 70%!important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8b9c4a9 */.elementor-1859 .elementor-element.elementor-element-8b9c4a9{
    margin-bottom: 0;
}
.elementor-1859 .elementor-element.elementor-element-8b9c4a9 span{
    text-transform: uppercase;
    color: #767779;
    font-weight: 600;
    line-height: 16px;
}/* End custom CSS */
/* Start custom CSS for theme-post-title, class: .elementor-element-2bc8448 */.elementor-1859 .elementor-element.elementor-element-2bc8448{
    margin-bottom: 5px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aecf7ba */.elementor-1859 .elementor-element.elementor-element-aecf7ba{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a80cb9a */.elementor-1859 .elementor-element.elementor-element-a80cb9a a:before{
    content: "ซื้อเลยท";
}
.elementor-1859 .elementor-element.elementor-element-a80cb9a a{
    display: flex;
    align-items: center;
    line-height: 1;
    background-color: var(--e-global-color-primary );
    color: #FFF;
    height: 40px;
    justify-content: center;
    gap: 10px;
    border-radius: 4px
}
.elementor-1859 .elementor-element.elementor-element-a80cb9a a img{
    filter: brightness(0) invert(1);
    max-width: 180px;
}
.elementor-1859 .elementor-element.elementor-element-a80cb9a a:hover{
    background-color: var(--e-global-color-accent );
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f1a5ce7 */.elementor-1859 .elementor-element.elementor-element-f1a5ce7 .elementor-button{
    background-color: var( --e-global-color-accent );
}
.elementor-1859 .elementor-element.elementor-element-f1a5ce7 .elementor-button:hover{
    background-color: var(--e-global-color-primary)
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1174e8d */@media(width: 1024px) {
    .elementor-1859 .elementor-element.elementor-element-1174e8d {
        width: 30%!important;
    }
}/* End custom CSS */