.elementor-850 .elementor-element.elementor-element-6a0e7b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-850 .elementor-element.elementor-element-69b2172{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 5px / 2 );}.elementor-850 .elementor-element.elementor-element-69b2172.elementor-element{--align-self:flex-start;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu .elementor-item{font-size:16px;font-weight:500;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-8e82632 );fill:var( --e-global-color-8e82632 );padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-fd22bae );fill:var( --e-global-color-fd22bae );}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-fd22bae );}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed .elementor-item:before,
					.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-fd22bae );}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-fc3ddf0 );}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-fd22bae );}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-fd22bae );}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-underline .elementor-item:after,
					 .elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-overline .elementor-item:before,
					 .elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-double-line .elementor-item:before,
					 .elementor-850 .elementor-element.elementor-element-69b2172 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:5px;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;padding-top:9px;padding-bottom:9px;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:100px !important;}.elementor-widget-theme-post-content{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-850 .elementor-element.elementor-element-99a9b2d{color:var( --e-global-color-8e82632 );font-size:16px;font-weight:400;}.elementor-850 .elementor-element.elementor-element-16b50c8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--alignment:right;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-850 .elementor-element.elementor-element-16b50c8 .elementor-share-btn{font-size:calc(0.85px * 10);}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-850 .elementor-element.elementor-element-f1ed572{--grid-columns:4;--grid-row-gap:20px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-850 .elementor-element.elementor-element-f1ed572 .e-loop-item > .elementor-section, .elementor-850 .elementor-element.elementor-element-f1ed572 .e-loop-item > .elementor-section > .elementor-container, .elementor-850 .elementor-element.elementor-element-f1ed572 .e-loop-item > .e-con, .elementor-850 .elementor-element.elementor-element-f1ed572 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination{text-align:center;font-size:16px;font-weight:400;margin-top:20px;}.elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-8e82632 );}.elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-fc3ddf0 );}.elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination .page-numbers.current{color:var( --e-global-color-fc3ddf0 );}body:not(.rtl) .elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-850 .elementor-element.elementor-element-f1ed572 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){ .elementor-850 .elementor-element.elementor-element-16b50c8{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-850 .elementor-element.elementor-element-f1ed572{--grid-columns:3;}}@media(max-width:880px){.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main .elementor-item{padding-top:10px;padding-bottom:10px;}.elementor-850 .elementor-element.elementor-element-69b2172{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-850 .elementor-element.elementor-element-69b2172 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-850 .elementor-element.elementor-element-f1ed572{--grid-columns:2;}}@media(max-width:767px){ .elementor-850 .elementor-element.elementor-element-16b50c8{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-850 .elementor-element.elementor-element-f1ed572{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-7ccbe80 *//* =========================================================
   YARINDA PROPERTY — CUSTOM TABLE OF CONTENTS
   Mood: Quiet Luxury / Editorial / Warm Minimal
========================================================= */

.custom-toc-box {
    --toc-olive: #5A6B5D;
    --toc-olive-dark: #465448;
    --toc-gold: #B08D57;
    --toc-text: #242424;
    --toc-muted: #77756F;
    --toc-border: #E4DED4;
    --toc-bg: #FAF8F4;
    --toc-white: #FFFFFF;

    width: 100%;
    box-sizing: border-box;

    background: var(--toc-bg);

    border: 1px solid var(--toc-border);
    border-radius: 16px;

    padding: 24px;

    font-family: "Anuphan", sans-serif;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


/* =========================================================
   HEADER
========================================================= */

.custom-toc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding-bottom: 18px;

    border-bottom: 1px solid var(--toc-border);
}


/* =========================================================
   TITLE
========================================================= */

.custom-toc-title {
    display: flex;
    align-items: center;

    gap: 10px;

    color: var(--toc-text);

    font-family: "Anuphan", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}


/* =========================================================
   ICON
========================================================= */

.custom-toc-title .toc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--toc-gold);

    font-size: 15px;
    font-weight: 400;
    line-height: 1;

    opacity: .95;
}


/* =========================================================
   TOGGLE BUTTON
========================================================= */

.custom-toc-toggle {
    flex: 0 0 auto;

    appearance: none;
    -webkit-appearance: none;

    margin: 0;
    padding: 4px 0;

    background: transparent;
    border: 0;
    border-radius: 0;

    color: var(--toc-muted);

    font-family: "Anuphan", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;

    cursor: pointer;

    transition:
        color .2s ease,
        opacity .2s ease;
}

.custom-toc-toggle:hover {
    color: var(--toc-olive);
}

.custom-toc-toggle:focus-visible {
    outline: 1px solid var(--toc-olive);
    outline-offset: 5px;
}


/* =========================================================
   BODY
========================================================= */

.custom-toc-body {
    padding-top: 20px;
}


/* =========================================================
   LIST RESET
========================================================= */

.custom-toc-body #tocList {
    list-style: none;

    margin: 0;
    padding: 0;
}


/* =========================================================
   ITEM
========================================================= */

.custom-toc-body #tocList > li {
    position: relative;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =========================================================
   LINKS
========================================================= */

.custom-toc-body .toc-link {
    position: relative;

    display: block;

    margin: 0;

    padding:
        9px
        0
        9px
        18px;

    color: var(--toc-muted);

    font-family: "Anuphan", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;

    text-decoration: none;

    transition:
        color .2s ease,
        padding-left .2s ease;
}


/* เส้นนำสายตาด้านซ้าย */

.custom-toc-body .toc-link::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 0;

    width: 5px;
    height: 1px;

    background: #CFC8BD;

    transform: translateY(-50%);

    transition:
        width .2s ease,
        background-color .2s ease;
}


/* =========================================================
   H2
========================================================= */

.custom-toc-body .toc-item-h2 > .toc-link {
    color: #55534E;

    font-weight: 600;
}


/* =========================================================
   H3
========================================================= */

.custom-toc-body .toc-item-h3 > .toc-link {
    padding-left: 32px;

    color: #89867F;

    font-size: 13px;
    font-weight: 400;
}


/* เส้น H3 */

.custom-toc-body .toc-item-h3 > .toc-link::before {
    left: 16px;

    width: 4px;

    background: #DDD7CD;
}


/* =========================================================
   HOVER
========================================================= */

.custom-toc-body .toc-item-h2 > .toc-link:hover {
    color: var(--toc-olive);

    padding-left: 22px;
}

.custom-toc-body .toc-item-h2 > .toc-link:hover::before {
    width: 9px;

    background: var(--toc-gold);
}


.custom-toc-body .toc-item-h3 > .toc-link:hover {
    color: var(--toc-olive);

    padding-left: 36px;
}

.custom-toc-body .toc-item-h3 > .toc-link:hover::before {
    width: 8px;

    background: var(--toc-gold);
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.custom-toc-body .toc-link:focus-visible {
    color: var(--toc-olive);

    outline: 1px solid var(--toc-olive);
    outline-offset: 3px;
}


/* =========================================================
   ANCHOR SCROLL OFFSET
   ป้องกัน Sticky Header บัง H2 / H3
========================================================= */

.elementor-widget-theme-post-content h2[id^="toc-heading-"],
.elementor-widget-theme-post-content h3[id^="toc-heading-"] {
    scroll-margin-top: 120px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .custom-toc-box {
        padding: 22px;

        border-radius: 14px;
    }

    .custom-toc-header {
        padding-bottom: 16px;
    }

    .custom-toc-body {
        padding-top: 16px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .custom-toc-box {
        padding: 18px;

        border-radius: 12px;
    }


    /* ---------- Header ---------- */

    .custom-toc-header {
        gap: 12px;

        padding-bottom: 14px;
    }


    /* ---------- Title ---------- */

    .custom-toc-title {
        gap: 8px;

        font-size: 15px;
    }

    .custom-toc-title .toc-icon {
        font-size: 14px;
    }


    /* ---------- Toggle ---------- */

    .custom-toc-toggle {
        min-height: 32px;

        padding: 5px 0;

        font-size: 12px;
    }


    /* ---------- Body ---------- */

    .custom-toc-body {
        padding-top: 14px;
    }


    /* ---------- H2 ---------- */

    .custom-toc-body .toc-link {
        padding:
            9px
            0
            9px
            16px;

        font-size: 13px;
        line-height: 1.6;
    }


    /* ---------- H3 ---------- */

    .custom-toc-body .toc-item-h3 > .toc-link {
        padding-left: 28px;

        font-size: 12px;
    }

    .custom-toc-body .toc-item-h3 > .toc-link::before {
        left: 14px;
    }


    /* Mobile ไม่ขยับข้อความตอน Hover */

    .custom-toc-body .toc-item-h2 > .toc-link:hover {
        padding-left: 16px;
    }

    .custom-toc-body .toc-item-h3 > .toc-link:hover {
        padding-left: 28px;
    }


    /* Sticky Header Offset */

    .elementor-widget-theme-post-content h2[id^="toc-heading-"],
    .elementor-widget-theme-post-content h3[id^="toc-heading-"] {
        scroll-margin-top: 90px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .custom-toc-box {
        padding: 16px;
    }

    .custom-toc-title {
        font-size: 14px;
    }

    .custom-toc-toggle {
        font-size: 11px;
    }

}

/* =========================================================
   TOC TOGGLE BUTTON — YARINDA SKIN
========================================================= */

.custom-toc-box .custom-toc-toggle {
    flex: 0 0 auto;

    appearance: none;
    -webkit-appearance: none;

    width: auto;
    min-width: 0;
    min-height: 0;

    margin: 0;
    padding: 6px 10px;

    background: rgba(90, 107, 93, .07) !important;
    border: 1px solid rgba(90, 107, 93, .16) !important;
    border-radius: 6px;

    color: #5A6B5D !important;

    font-family: "Anuphan", sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    box-shadow: none !important;
    text-shadow: none;

    cursor: pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}


/* Hover */

.custom-toc-box .custom-toc-toggle:hover {
    background: #5A6B5D !important;
    border-color: #5A6B5D !important;
    color: #FFFFFF !important;

    box-shadow: none !important;
}


/* Active */

.custom-toc-box .custom-toc-toggle:active {
    background: #465448 !important;
    border-color: #465448 !important;
    color: #FFFFFF !important;
}


/* Keyboard Focus */

.custom-toc-box .custom-toc-toggle:focus,
.custom-toc-box .custom-toc-toggle:focus-visible {
    background: rgba(90, 107, 93, .07) !important;
    border-color: #5A6B5D !important;
    color: #5A6B5D !important;

    outline: none;

    box-shadow:
        0 0 0 3px rgba(90, 107, 93, .10) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .custom-toc-box .custom-toc-toggle {
        padding: 5px 9px;

        font-size: 10px;

        border-radius: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-99a9b2d */.elementor-850 .elementor-element.elementor-element-99a9b2d h2{
    font-family: 'Anuphan' !important;
    font-size: 25px !important;
    font-weight: 600;
}
.elementor-850 .elementor-element.elementor-element-99a9b2d h3{
    font-family: 'Anuphan' !important;
    font-size: 22px !important;
    font-weight: 600;
}/* End custom CSS */