/* Selected option 2: BEHAP editorial ivory / forest; XERF keeps its pink palette. */
@font-face{font-family:'BEHAP Anuphan';font-style:normal;font-weight:100 700;font-display:swap;src:url(/_xerf-assets/xerf-20260919-r1/fonts/behap-anuphan.woff2) format('woff2')}
:root{--zone-forest:#053525;--zone-ivory:#FAF7F0;--zone-champagne:#F1E7D8;--zone-mist:#E7EFEB;--zone-copy:#46564D;--zone-line:#A8B8AA}
.page-header,.mobile-cta{background:var(--zone-ivory);border-color:#D7DFD6}
.ph-nav a,.ph-menu,.lang-seg button,.mobile-cta .mc-call{color:var(--zone-forest)}
.lang-seg{background:var(--zone-mist)}
.lang-seg button.on{background:var(--zone-forest);color:var(--zone-ivory)}
.btn-primary,.mobile-cta .mc-line{background:var(--zone-forest);color:var(--zone-ivory);box-shadow:none;border-color:var(--zone-forest)}
.btn-primary:hover,.mobile-cta .mc-line:hover{background:#154F3D;box-shadow:none}
.btn-outline,.btn-light{border-color:var(--zone-forest)}
.mobile-cta .mc-call{border-color:var(--zone-forest);background:var(--zone-ivory)}
/* Clinic-owned sections use brand tokens locally, without recolouring XERF science. */
:is(#method,#method-en,#why,#why-en,#process,#process-en,#pricing,#pricing-en,#doctor,#doctor-en,#reviews,#reviews-en,#booking,#booking-en){
 --deep-green:var(--zone-forest);--green-mist:var(--zone-mist);--ivory-white:var(--zone-ivory);--soft-champagne:var(--zone-champagne);
 --cocoa-taupe:var(--zone-copy);--sand-line:var(--zone-line);--line-hair:#D0DACC;--text-on-green:var(--zone-forest);--text-on-green-mut:var(--zone-copy);
 --font-thai:'BEHAP Anuphan','Noto Sans Thai',sans-serif;
 color:var(--zone-copy);background:var(--zone-ivory);font-family:var(--font-thai)
}
:is(#method,#method-en,#why,#why-en,#process,#process-en,#pricing,#pricing-en,#doctor,#doctor-en,#reviews,#reviews-en,#booking,#booking-en) :is(h2,h3,h4,.eyebrow,.quote,.why-care-num,.v,.price,.rev-name,.rev-stars,.rev-rating){color:var(--zone-forest)}
:is(#method,#method-en,#why,#why-en,#process,#process-en,#pricing,#pricing-en,#doctor,#doctor-en,#reviews,#reviews-en,#booking,#booking-en) .eyebrow::before{background:var(--zone-forest)}
:is(#method,#method-en,#why,#why-en,#process,#process-en,#pricing,#pricing-en,#doctor,#doctor-en,#reviews,#reviews-en,#booking,#booking-en) :is(.sec-lead,.disc,.role,.rev-text,.jr-disc){color:var(--zone-copy)}
:is(#method,#method-en,#why,#why-en,#process,#process-en,#pricing,#pricing-en,#doctor,#doctor-en,#reviews,#reviews-en,#booking,#booking-en) :is(a,button):focus-visible{outline-color:var(--zone-forest)}
:is(#method,#method-en){border-top:1px solid #E0E5DB;border-bottom:1px solid #E0E5DB}
:is(#method,#method-en)::after{display:none}
:is(#method,#method-en) .method-grid{gap:0 48px}
:is(#method,#method-en) .method-card{background:transparent;border:0;border-top:1px solid var(--zone-line);border-radius:0;box-shadow:none;padding:28px 0}
:is(#method,#method-en) .method-card:hover{background:transparent;transform:none;box-shadow:none}
:is(#method,#method-en) .method-card .ic{background:var(--zone-mist);color:var(--zone-forest);border-radius:8px}
:is(#method,#method-en) .method-card :is(h3,.quote){color:var(--zone-forest)}
:is(#method,#method-en) .method-card p{color:var(--zone-copy)}
:is(#method,#method-en) .method-foot .btn-light{background:var(--zone-forest);color:var(--zone-ivory);border-color:var(--zone-forest)}
:is(#method,#method-en) .method-foot a:not(.btn){color:var(--zone-forest)}
/* Photo-left editorial spread, keeping the five existing patient benefits. */
.why-care>.wrap{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);column-gap:56px;row-gap:32px;max-width:1160px}
.why-care .head-center{grid-column:1/-1;max-width:none;width:100%;margin:0;text-align:left}
.why-care .head-center .eyebrow{justify-content:flex-start}
.why-care .head-center .sec-title{max-width:920px;margin-left:0}
.why-care .why-experience{display:flex;flex-direction:column;grid-column:1;grid-row:2;align-self:start;min-width:0;max-width:none;margin:0;background:transparent;border:0;border-radius:0;overflow:visible}
.why-care .why-experience img{order:-1;display:block;width:100%;height:auto;aspect-ratio:2/3;min-height:0;max-height:none;object-fit:cover;object-position:52% 50%;border:10px solid var(--zone-champagne);box-sizing:border-box}
.why-care .why-experience-copy{padding:22px 0 0;align-self:stretch}
.why-care .why-experience-copy :is(h3,a,.why-experience-label){color:var(--zone-forest)}
.why-care .why-experience-copy h3{font-size:21px}
.why-care .why-experience-copy p{color:var(--zone-copy);font-size:14px}
.why-care .why-care-list{grid-column:2;grid-row:2;display:flex;flex-direction:column;max-width:none;margin:0;padding:0;align-self:start}
.why-care .why-care-item{gap:22px;padding:24px 0;border-color:var(--zone-line)}
.why-care .why-care-item:first-child{padding-top:0}
.why-care .why-care-num{font-family:var(--font-sans);font-size:32px;line-height:1.2;flex-basis:40px;color:var(--zone-forest);padding-top:1px;font-weight:400}
.why-care .why-care-item h3{color:var(--zone-forest);font-size:21px;line-height:1.5}
.why-care .why-care-item p{color:var(--zone-copy);font-size:15px;line-height:1.8}
/* Supporting clinic-owned sections alternate ivory and clinical mist. */
:is(#process,#process-en,#reviews,#reviews-en){background:var(--zone-mist)}
:is(#process,#process-en) :is(.proc-stat,.proc-result){background:var(--zone-ivory);border-color:#C7D5C9;box-shadow:none}
:is(#pricing,#pricing-en) .price-card{background:var(--zone-ivory);border:1px solid var(--zone-line);box-shadow:none;border-radius:6px}
:is(#doctor,#doctor-en) .doctor-card{background:var(--zone-ivory);border:0;box-shadow:none;border-radius:0}
:is(#doctor,#doctor-en) .doctor-photo{background:var(--zone-champagne);padding:10px}
:is(#doctor,#doctor-en) .doctor-body .eyebrow{color:var(--zone-forest)}
:is(#doctor,#doctor-en) .doctor-creds svg{color:var(--zone-forest)}
:is(#reviews,#reviews-en) .rev-card{background:var(--zone-ivory);border-color:#CAD6CB;box-shadow:none}
:is(#booking,#booking-en){background:var(--zone-mist);border-top:1px solid #D6E1D8}
:is(#booking,#booking-en) .cta-contact{background:var(--zone-ivory);border:1px solid #CFDACF;box-shadow:none;border-radius:12px}
:is(#booking,#booking-en) .cta-incl .c{color:var(--zone-forest)}
:is(#booking,#booking-en) .cta-contact :is(h3,.row){color:var(--zone-forest)}
:is(#booking,#booking-en) .why-booking-support{border-color:var(--zone-line)}
.footer{background:var(--zone-ivory);color:var(--zone-copy);border-color:#D3DECF}
.footer :is(h5,a,.footer-bottom){color:var(--zone-forest)}
.references-section,.references-disclosure summary{color:var(--zone-forest)}
.references-disclosure summary .sec-title{color:var(--zone-forest)}
/* Clinic experience card within the technology overview retains its selected layout. */
.case-editorial{background:var(--zone-ivory);border-color:var(--zone-forest)}
.case-editorial :is(.ct-brand,.ct-num,.ct-label,.ct-since,.ct-plus,.ct-photo-label){color:var(--zone-forest)}
@media(max-width:880px){
 .why-care>.wrap{column-gap:30px}
 .why-care .why-care-num{font-size:27px;flex-basis:34px}
 .why-care .why-care-item{gap:16px}
 .why-care .why-care-item h3{font-size:19px}
 .why-care .why-care-item p{font-size:14px}
}
@media(max-width:680px){
 .why-care>.wrap{grid-template-columns:1fr;gap:26px}
 .why-care .why-experience{grid-column:1;grid-row:2}
 .why-care .why-care-list{grid-column:1;grid-row:3}
 .why-care .why-experience img{max-width:340px;align-self:center;border-width:7px}
 .why-care .why-experience-copy h3{font-size:20px}
 .why-care .why-care-item{padding:20px 0}
 .why-care .why-care-item p{font-size:15px}
 :is(#method,#method-en) .method-grid{grid-template-columns:1fr;gap:0}
 :is(#method,#method-en) .method-card{padding:24px 0}
 :is(#doctor,#doctor-en) .doctor-photo{padding:7px}
}