/* kdc-contact 0.1.8 · สร้างจาก tools/build_kdc_contact_plugin.py — อย่าแก้ไฟล์นี้ด้วยมือ */
.kdcc.kdcc{--ground:#FBF7FC;--paper:#fff;--ink:#241F2B;--head:#80298F;--body:#463E50;--mute:#5B5163;--brand:#80298F;--brand-dk:#5F1C6B;--brand-lo:#F4E7F7;
 --plum:#3B1146;--plum-2:#4E1A5C;--on-plum:#F6EDF8;--on-plum-2:#DCC6E2;--line:#EADFEE;--line-2:#D4C3DA;--field:#9C86A4;--mark:#C4372F;--r:12px;
 --f:Montserrat,LINESeedSansTH,lineseedsansth,system-ui,sans-serif;--fh:LINESeedSansTH,lineseedsansth,Montserrat,sans-serif}
.kdcc.kdcc{--top:103px;--dockh:0px;padding-top:var(--lift,102px);font:400 16px/1.7 var(--f);color:var(--body);background:var(--ground);-webkit-font-smoothing:antialiased}
@media(min-width:980px){.kdcc.kdcc{padding-top:var(--lift,116px)}}   
.kdcc.kdcc *,.kdcc.kdcc *::before,.kdcc.kdcc *::after{box-sizing:border-box}
.kdcc.kdcc ::selection{background:var(--brand);color:#fff}
.kdcc.kdcc :focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.kdcc.kdcc .band :focus-visible,.kdcc.kdcc .plum :focus-visible{outline-color:#fff}
.kdcc.kdcc h1,.kdcc.kdcc h2,.kdcc.kdcc h3{margin:0;font-family:var(--fh);font-weight:400;line-height:1.25;color:var(--head);text-transform:none;letter-spacing:normal;text-wrap:balance}
.kdcc.kdcc h1{font-size:clamp(30px,4vw,40px)!important}.kdcc.kdcc h2{font-size:clamp(22px,2.4vw,27px)!important}.kdcc.kdcc h3{font-size:17px!important;color:var(--ink)}   
.kdcc.kdcc .side-steps h2,.kdcc.kdcc .card h2,.kdcc.kdcc .side h2{font-size:21px!important}.kdcc.kdcc .intl h2{font-size:22px!important}
.kdcc.kdcc p{margin:0}.kdcc.kdcc a{color:inherit;box-shadow:none}.kdcc.kdcc ul,.kdcc.kdcc ol{margin:0;padding:0;list-style:none}
.kdcc.kdcc .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kdcc.kdcc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kdcc.kdcc .wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.kdcc.kdcc [hidden]{display:none!important}
.kdcc.kdcc #kdcc-form,.kdcc.kdcc details.sit,.kdcc.kdcc .visit,.kdcc.kdcc .panel,.kdcc.kdcc .next{scroll-margin-top:calc(var(--top) + 16px)}   
.kdcc.kdcc .flag{display:inline-block;vertical-align:middle;margin-left:6px;padding:1px 8px;border:1.5px dashed #B07A00;border-radius:999px;font:400 12px/1.5 var(--f);color:#7A5400;background:#FFF6DA;white-space:nowrap}

.kdcc.kdcc .st{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink);min-height:24px}
.kdcc.kdcc .st>span{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.kdcc.kdcc .st b{font-weight:500}.kdcc.kdcc .st .s2::before{content:"·";margin-right:8px;color:var(--mute)}
.kdcc.kdcc .hol{font-size:14px;color:var(--mute);margin-top:2px}
.kdcc.kdcc .dot{width:10px;height:10px;border-radius:50%;background:var(--brand);flex:none}
.kdcc.kdcc .dot.on{background:#1F8A4C}.kdcc.kdcc .dot.off{background:#9C86A4}
.kdcc.kdcc .st.sm{font-size:14px;color:var(--mute)}

.kdcc.kdcc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;background:#fff;color:var(--brand-dk);border:1.5px solid var(--line-2);font:500 15px/1.2 var(--f);text-decoration:none;text-transform:none;cursor:pointer;transition:background .15s,border-color .15s}
.kdcc.kdcc .btn:hover{border-color:var(--brand)}.kdcc.kdcc .btn.solid{background:var(--brand);border-color:var(--brand);color:#fff}.kdcc.kdcc .btn.solid:hover{background:var(--brand-dk)}
.kdcc.kdcc .lk{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:400 15px/1.3 var(--f);color:var(--brand-dk);text-decoration:none}
.kdcc.kdcc .lk .ic{width:16px;height:16px}.kdcc.kdcc .lk:hover{text-decoration:underline;text-underline-offset:3px}

.kdcc.kdcc .chs{background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;gap:1px}
.kdcc.kdcc .ch{display:flex;align-items:stretch;background:#fff}
.kdcc.kdcc .ch .go{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 14px;min-height:66px;text-decoration:none;color:var(--ink)}
.kdcc.kdcc .ch .go:hover{background:var(--brand-lo)}
.kdcc.kdcc .ico{width:42px;height:42px;border-radius:12px;background:var(--brand-lo);color:var(--brand);display:grid;place-items:center;flex:none}
.kdcc.kdcc .ico .ic{width:22px;height:22px}
.kdcc.kdcc .tx{display:grid;min-width:0;line-height:1.35}.kdcc.kdcc .nm{font:500 16px/1.3 var(--f);color:var(--ink)}
.kdcc.kdcc .hd{font:400 15px/1.4 var(--f);color:var(--brand-dk);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kdcc.kdcc .ds{font-size:13.5px;color:var(--mute)}
.kdcc.kdcc .cv{margin-left:auto;color:var(--field)}
.kdcc.kdcc .cp{flex:none;width:52px;display:grid;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;color:var(--brand-dk);cursor:pointer;position:relative;padding:0}
.kdcc.kdcc .cp:hover{background:var(--brand-lo)!important}.kdcc.kdcc .cp{color:var(--brand-dk)!important;background:transparent!important;box-shadow:none!important;text-transform:none!important}.kdcc.kdcc .addr .cp{background:#fff!important}.kdcc.kdcc .cp .ok{display:none;color:#1F8A4C}
.kdcc.kdcc .cp.done .ok{display:block}.kdcc.kdcc .cp.done .ic:not(.ok){display:none}
.kdcc.kdcc .ch-wa{order:1}.kdcc.kdcc .ch-line{order:2}.kdcc.kdcc .ch-tel{order:3}.kdcc.kdcc .ch-form{order:4}.kdcc.kdcc .ch-mail{order:5}
.kdcc.kdcc:lang(th) .ch-line{order:0}.kdcc.kdcc:lang(th) .ch-tel{order:1}   
.kdcc.kdcc .ch-wa .ico{background:var(--brand);color:#fff}.kdcc.kdcc:lang(th) .ch-wa .ico{background:var(--brand-lo);color:var(--brand)}.kdcc.kdcc:lang(th) .ch-line .ico{background:var(--brand);color:#fff}
.kdcc.kdcc .also{font-size:14px;color:var(--mute);margin-top:10px}.kdcc.kdcc .also a{color:var(--brand-dk);text-underline-offset:3px;display:inline-block;padding:10px 0}

.kdcc.kdcc .next{padding:40px 0 8px}.kdcc.kdcc .next h2{margin-bottom:18px}
.kdcc.kdcc .next ol{display:grid;gap:14px}
.kdcc.kdcc .next li{display:flex;gap:14px;align-items:flex-start}
.kdcc.kdcc .next .n{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line-2);background:#fff;color:var(--brand);display:grid;place-items:center;font:600 14px/1 Montserrat,sans-serif;flex:none;margin-top:-2px}
.kdcc.kdcc .next p{font-size:15px;max-width:52ch}.kdcc.kdcc .next h3{margin-bottom:2px}
@media(min-width:900px){.kdcc.kdcc .next ol{grid-template-columns:repeat(3,1fr);gap:28px}}

.kdcc.kdcc .needs h2{margin-bottom:14px}
.kdcc.kdcc details.sit{border-top:1px solid var(--line-2)}.kdcc.kdcc details.sit:last-of-type{border-bottom:1px solid var(--line-2)}
.kdcc.kdcc details.sit summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 4px;color:var(--ink);font:400 17px/1.35 var(--fh)}
.kdcc.kdcc details.sit summary::-webkit-details-marker{display:none}
.kdcc.kdcc details.sit summary:hover .q{color:var(--brand-dk)}
.kdcc.kdcc details.sit .ico{width:38px;height:38px;border-radius:10px}
.kdcc.kdcc details.sit .tg{margin-left:auto;color:var(--brand);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.kdcc.kdcc details.sit[open] .tg{transform:rotate(180deg)}
.kdcc.kdcc details.sit .ans{padding:0 4px 20px 56px;max-width:68ch}
.kdcc.kdcc .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.kdcc.kdcc .lks{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:4px}
.kdcc.kdcc .more{margin-top:8px}
@media(max-width:600px){.kdcc.kdcc details.sit .ans{padding-left:4px}.kdcc.kdcc .acts .btn{flex:1 1 calc(50% - 4px)}}

.kdcc.kdcc .xr{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.kdcc.kdcc .xr p{font-size:15px;margin-top:2px}

.kdcc.kdcc .kf-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;scroll-margin-top:calc(var(--top) + 16px)}
.kdcc.kdcc .kf-card h2{margin-bottom:14px}
.kdcc.kdcc .kf-card .wpcf7 form,.kdcc.kdcc .kf-card .wpcf7{margin:0}
.kdcc.kdcc .kf-card fieldset.hidden-fields-container{display:none}
.kdcc.kdcc .kf{display:grid;gap:14px;grid-template-columns:1fr}
.kdcc.kdcc .kf>p,.kdcc.kdcc .kf>div>p,.kdcc.kdcc .kf fieldset>p{display:grid;gap:14px;margin:0}
.kdcc.kdcc .kf br{display:none}
.kdcc.kdcc .kf label{display:grid;gap:6px;font:400 15px/1.35 var(--f);color:var(--ink);margin:0;text-transform:none}
.kdcc.kdcc .kf fieldset{border:0;margin:0;padding:0;min-width:0}
.kdcc.kdcc .kf legend{font:400 15px/1.35 var(--f);color:var(--ink);margin:0 0 8px;padding:0;border:0;width:auto;float:none}
.kdcc.kdcc .kf input:not([type=submit]):not([type=checkbox]):not([type=radio]),.kdcc.kdcc .kf select,.kdcc.kdcc .kf textarea{width:100%!important;min-height:50px;height:auto!important;border:1.5px solid var(--field)!important;border-radius:10px!important;padding:10px 12px!important;background:#fff!important;color:var(--ink)!important;font:400 16px/1.4 var(--f)!important;box-shadow:none!important;margin:0!important}
.kdcc.kdcc .kf textarea{min-height:96px;resize:vertical}
.kdcc.kdcc .kf ::placeholder{color:var(--mute);opacity:1}
.kdcc.kdcc .kf input:focus-visible,.kdcc.kdcc .kf select:focus-visible,.kdcc.kdcc .kf textarea:focus-visible{outline:3px solid var(--brand)!important;outline-offset:1px;border-color:var(--brand)!important}
.kdcc.kdcc .kf .wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px}.kdcc.kdcc .kf .wpcf7-list-item{margin:0!important}
.kdcc.kdcc .kf .wpcf7-radio label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:999px;cursor:pointer;white-space:nowrap}
.kdcc.kdcc .kf .wpcf7-radio label:has(input:checked){border-color:var(--brand);background:var(--brand-lo)}
.kdcc.kdcc .kf .wpcf7-checkbox label,.kdcc.kdcc .kf .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-top:10px;font-size:15px}
.kdcc.kdcc .kf input[type=radio],.kdcc.kdcc .kf input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--brand)}
.kdcc.kdcc .kf .wpcf7-acceptance a{color:var(--brand-dk);text-underline-offset:3px}
.kdcc.kdcc .kf .wpcf7-submit{width:100%;min-height:52px;border:0!important;border-radius:12px!important;background:var(--brand)!important;color:#fff!important;font:500 16px/1.2 var(--f)!important;text-transform:none!important;letter-spacing:normal!important;padding:0 20px!important;cursor:pointer;box-shadow:none!important}
.kdcc.kdcc .kf .wpcf7-submit:hover{background:var(--brand-dk)!important}
.kdcc.kdcc .kf .wpcf7-submit:disabled{background:#E7DDEA!important;color:#5B5163!important;cursor:not-allowed}
.kdcc.kdcc .kf p.kf-sendnote{display:none;font-size:14px;color:var(--mute)}
.kdcc.kdcc .wpcf7-form:has(.wpcf7-submit:disabled) p.kf-sendnote{display:block}
.kdcc.kdcc .kf-note{font-size:14px;color:var(--mute)}
.kdcc.kdcc .wpcf7-spinner{margin:8px auto 0;display:block}
.kdcc.kdcc .wpcf7-not-valid-tip{color:#B3261E;font-size:14px;margin-top:4px}
.kdcc.kdcc .kf .wpcf7-not-valid{border-color:#B3261E!important}
.kdcc.kdcc .wpcf7-response-output{margin:14px 0 0!important;padding:12px 14px!important;border-radius:12px;border:1.5px solid var(--line-2)!important;font-size:15px;color:var(--ink)}
.kdcc.kdcc .wpcf7 form.sent .wpcf7-response-output{border-color:#1F8A4C!important;background:#EAF6EF;color:#14532D}
.kdcc.kdcc .wpcf7 form.invalid .wpcf7-response-output,.kdcc.kdcc .wpcf7 form.failed .wpcf7-response-output{border-color:#B3261E!important;background:#FDECEA;color:#7A1A14}
@media(max-width:600px){.kdcc.kdcc .kf-card{padding:20px 16px;border-radius:14px}}

.kdcc.kdcc .plum{background:var(--plum);color:var(--on-plum);padding:48px 0;margin-top:48px}
.kdcc.kdcc .plum .lead h2{color:#fff}.kdcc.kdcc .plum .lead p{color:var(--on-plum-2);margin-top:8px;max-width:44ch}
.kdcc.kdcc .plum .lead .acts .btn{background:transparent;color:#fff;border-color:rgb(255 255 255/.45)}
.kdcc.kdcc .plum .lead .acts .btn:hover{background:rgb(255 255 255/.1)}
.kdcc.kdcc .plum .xr{background:rgb(255 255 255/.06);border-color:rgb(255 255 255/.18);margin-top:22px}.kdcc.kdcc .plum .xr h3{color:#fff}.kdcc.kdcc .plum .xr p{color:var(--on-plum-2)}
.kdcc.kdcc .plum .xr .ico{background:rgb(255 255 255/.12);color:#fff}
.kdcc.kdcc .plum .formgrid{display:grid;gap:28px}
@media(min-width:980px){.kdcc.kdcc .plum .formgrid{grid-template-columns:1fr 1.25fr;align-items:start}}

.kdcc.kdcc .visit{padding:48px 0 8px}.kdcc.kdcc .visit h2{margin-bottom:18px}
.kdcc.kdcc .vgrid{display:grid;gap:24px}@media(min-width:900px){.kdcc.kdcc .vgrid{grid-template-columns:1fr 1fr;align-items:start}}
.kdcc.kdcc .vinfo{display:grid;gap:16px;align-content:start}
.kdcc.kdcc .addr{display:flex;gap:14px;align-items:flex-start}.kdcc.kdcc .addr>div{flex:1;min-width:0}
.kdcc.kdcc .addr .a1{color:var(--ink);font-size:16px}.kdcc.kdcc .addr .a2{font-size:15px;color:var(--mute)}
.kdcc.kdcc .addr .cp{width:48px;height:48px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff}
.kdcc.kdcc .vinfo>.btn{justify-self:start}
.kdcc.kdcc .walk{font-size:15px;color:var(--body);padding:12px 14px;border-radius:12px;background:var(--brand-lo)}
.kdcc.kdcc .bring h3{margin-bottom:6px}.kdcc.kdcc .bring li{position:relative;padding-left:18px;font-size:15px;margin-top:4px}
.kdcc.kdcc .bring li::before{content:"";position:absolute;left:2px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.kdcc.kdcc .map{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;aspect-ratio:800/565}
.kdcc.kdcc .map img{display:block;width:100%;height:100%;object-fit:cover}
.kdcc.kdcc .mapbtn{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;background:#fff;color:var(--brand-dk);font:500 14px/1 var(--f);box-shadow:0 4px 14px rgb(36 31 43/.18)}

.kdcc.kdcc .intl{padding:40px 0 64px}.kdcc.kdcc .intl h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:22px}.kdcc.kdcc .intl h2 .ic{color:var(--brand);width:24px;height:24px}
.kdcc.kdcc .intl>p{font-size:15px;color:var(--mute);margin:6px 0 14px}
.kdcc.kdcc .intl ul{display:grid;gap:8px}@media(min-width:700px){.kdcc.kdcc .intl ul{grid-template-columns:repeat(3,1fr)}}
.kdcc.kdcc .intl a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.kdcc.kdcc .intl a:hover{border-color:var(--brand)}.kdcc.kdcc .intl .c{font-size:14px;color:var(--mute);min-width:6.5em}.kdcc.kdcc .intl .nmb{font-variant-numeric:tabular-nums;color:var(--brand-dk)}.kdcc.kdcc .intl a .ic{margin-left:auto;color:var(--brand)}

.kdcc.kdcc .dock{display:none}
@media(max-width:899px){
 .kdcc.kdcc .dock{background:#fff!important;position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgb(255 255 255/.97);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgb(36 31 43/.4);transform:translateY(0);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
 .kdcc.kdcc .dock[hidden]{display:grid!important;transform:translateY(110%);visibility:hidden}
 .kdcc.kdcc .dock a{display:grid;justify-items:center;align-content:center;gap:2px;min-height:56px;border-radius:12px;text-decoration:none;color:var(--ink);font:500 13px/1.1 var(--f)}
 .kdcc.kdcc .dock a .ic{color:var(--brand);width:22px;height:22px}
 .kdcc.kdcc .dock .d-wa{order:1}.kdcc.kdcc .dock .d-line{order:2}.kdcc.kdcc .dock .d-tel{order:3}.kdcc.kdcc .dock .d-book{order:4;background:var(--brand);color:#fff}.kdcc.kdcc .dock .d-book .ic{color:#fff}
 .kdcc.kdcc:lang(th) .dock .d-line{order:0}.kdcc.kdcc:lang(th) .dock .d-tel{order:1}
 .kdcc.kdcc.has-dock{padding-bottom:84px}
}
@media(prefers-reduced-motion:reduce){.kdcc.kdcc *{transition:none!important;scroll-behavior:auto!important}}

.kdcc.kdcc .hero{padding:56px 0 8px}.kdcc.kdcc .hero{padding-top:24px}@media(max-width:600px){.kdcc.kdcc h1{font-size:28px!important}}
.kdcc.kdcc .hero-g{display:grid;gap:24px}
.kdcc.kdcc .hero .lede{margin:8px 0 18px;font-size:16px;max-width:52ch}
.kdcc.kdcc .hero .st{margin-top:10px}
.kdcc.kdcc .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:14px;align-content:start}
.kdcc.kdcc .card h2{font-size:20px}
@media(min-width:980px){.kdcc.kdcc .hero{padding:64px 0 16px}.kdcc.kdcc .hero{padding-top:40px}.kdcc.kdcc .hero-g{grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}}
.kdcc.kdcc .guide{padding:48px 0 0}.kdcc.kdcc .guide h2{margin-bottom:6px}
.kdcc.kdcc .guide ul{display:grid;gap:0 40px}@media(min-width:900px){.kdcc.kdcc .guide ul{grid-template-columns:1fr 1fr}}
.kdcc.kdcc .guide li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.kdcc.kdcc .guide li p{font-size:15px;margin-top:2px}.kdcc.kdcc .guide .acts{margin-top:10px}.kdcc.kdcc .guide .acts .btn{min-height:44px;padding:0 14px;font-size:14px}
@media(max-width:600px){.kdcc.kdcc .guide .acts .btn{flex:0 1 auto}}

.kdcc.kdcc .cgrid{display:grid;gap:36px;padding-top:44px}
@media(min-width:980px){.kdcc.kdcc .cgrid{grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}}   
.kdcc.kdcc .cgrid .xr{margin-top:22px}
@media(max-width:979px){.kdcc.kdcc .cform{background:var(--plum);margin:0 -16px;padding:32px 16px}.kdcc.kdcc .cform .kf-card{border:0}}
.kdcc.kdcc .side-steps{padding:8px 0 0}.kdcc.kdcc .side-steps ol{grid-template-columns:1fr!important;gap:18px!important}
@media(min-width:980px){.kdcc.kdcc .side-steps{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:6px}.kdcc.kdcc .side-steps h2{font-size:21px}}

@media(max-width:899px){html.kdcc-dock-on #pancake-chat-plugin-root .pkcp-button-wrapper{display:none!important}}.kdcc .st{min-height:1.75em}@media(max-width:600px){.kdcc .hero h1{max-width:9.5em;min-height:2.5em}}.kdcc button,.kdcc .sr{font-family:var(--f)}
main.site-main:has(.kdcc){overflow:clip;background:#FBF7FC}
.container:has(.kdcc){max-width:none;padding-left:0;padding-right:0}
.entry-content:has(.kdcc)>p:empty{display:none}