/* Lanna Compare — editorial spa identity. Presentation only. */
:root{--canvas:#f8f6f1;--surface:#fffefa;--ink:#203d35;--secondary:#5c6861;--brand:#234d3e;--hover:#163a2d;--divider:#dedfd4;--notice:#eee9dc;--notice-ink:#554f40;--gold:#a67d45}
body{font-family: 'Segoe UI',Arial,sans-serif;font-size:0.9375rem;line-height:1.7;background:var(--canvas)}
h1,h2,.brand-wordmark,.footer-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
h1{font-size:clamp(36px,4.6vw,66px);line-height:1.07;max-width:23ch;margin-bottom:24px}h1 em{font-weight:400;color:#6b7b64}h2{font-size:clamp(28px,3vw,42px);line-height:1.15}h3{font-weight:500;letter-spacing:-.025em}p{line-height:1.7}
.container{max-width:1280px;width:calc(100% - 96px);padding-inline:0}.demo-banner{font-size:0.875rem;padding:6px 0;text-align:center;border-bottom:0;letter-spacing:.02em;background:#eae8de}.demo-banner .container{max-width:none}
.site-header{padding-block:22px;border-bottom:1px solid var(--divider);min-height:102px;gap:16px}.brand{gap:12px}.brand svg{flex:0 0 44px}.brand-wordmark{font-size:1.8125rem;line-height:1.15;white-space:nowrap}.brand-wordmark small{display:block;font:0.875rem/1.5 'Segoe UI',sans-serif;letter-spacing:.22em;margin-top:6px;color:var(--secondary)}
.language-switch{gap:4px;align-items:center;font-size:0.875rem}.language-switch a{padding:8px 14px;min-height:44px;text-decoration:none}.language-switch a:nth-child(2){border:1px solid #bcc8bd;border-radius:30px;margin-inline:12px}.language-switch a[lang]{padding:8px 10px}.language-switch a[aria-current=page]{background:transparent;color:var(--brand);border-bottom:2px solid var(--brand);border-radius:0}
.eyebrow{font-size:0.875rem;letter-spacing:.18em;text-transform:uppercase;font-weight:650;color:#697563;margin-bottom:18px}.discovery-intro,.business-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;max-width:none;padding-block:44px 36px}.discovery-intro p:not(.eyebrow){font-size:1rem;max-width:44ch}.hero-photo{position:relative;margin:0;height:330px;overflow:hidden;border-radius:120px 8px 8px 8px;background:#d7d3c7}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#183a2dc9;color:#fff;font-size:0.875rem;letter-spacing:.14em;padding:12px 20px}.hero-jump{font-size:0.875rem;text-decoration:none;border-bottom:1px solid #abb4a5;padding-bottom:6px;display:inline-block;margin-top:8px}
.search-heading{font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:650;margin:0 0 12px}.filters{grid-template-columns:1.2fr 1.5fr .8fr 1.3fr auto;gap:12px 18px;border:1px solid #c9d0c3;border-radius:12px;padding:22px 24px 12px;box-shadow:0 8px 22px #203d3506;background:#fffefa;position:relative}.filters label{font-size:0.875rem;letter-spacing:.03em;gap:7px;color:var(--secondary)}input,select{font-size:0.875rem;border:1px solid #d4d8ce;border-radius:6px;background:#fdfcf9;min-height:47px;padding:9px 12px;color:var(--ink)}button,.button{font-size:0.875rem;font-weight:500;border-radius:6px;min-height:47px;padding:12px 22px;transition:background .15s,transform .15s}.filters #nearby{background:transparent;color:var(--brand);border-color:#bac8b8}.filters .more-filters{grid-row:2;grid-column:1/5;font-size:0.875rem}.filters>.return-link{font-size:0.875rem;padding:3px;min-height:35px;grid-column:5;grid-row:2}.filters>button[type=submit]{grid-column:5;grid-row:1;white-space:nowrap}.more-filters>summary{min-height:34px;padding:4px 0}.filter-grid{padding:16px 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.muted{font-size:0.875rem;color:#727a71}#geo-status:empty{min-height:0;margin:0}.discovery-results{padding-top:38px}.discovery-results>.eyebrow{margin-bottom:12px}#results-title{font-size:1.875rem;letter-spacing:-.035em;margin-bottom:12px}.results-explainer{font-size:0.875rem;color:var(--secondary);max-width:70ch}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:12px}.shop-card{border-radius:12px;border-color:#dbdfd3;box-shadow:0 5px 15px #203d3504;transition:box-shadow .2s,transform .2s}.shop-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #203d3510;border-color:#b8c2b4}.shop-card>.shop-cover,.shop-card>.demo-photo{height:280px;max-height:none;min-height:0}.demo-photo{position:relative;margin:0;overflow:hidden}.demo-photo img{min-height:0;height:100%;max-height:none;object-fit:cover}.demo-photo figcaption{position:absolute;bottom:12px;left:14px;background:#fffdf3ec;color:#314536;font-size:0.875rem;padding:5px 10px;border-radius:3px}.card-body{padding:25px 28px 28px}.card-body>.eyebrow{font-size:0.875rem;letter-spacing:.13em;margin-bottom:8px}.card-body h3{font:1.8125rem/1.2 Georgia,serif;letter-spacing:-.04em;min-height:0}.offer{display:flex;align-items:baseline;gap:8px;font-size:0.875rem;flex-wrap:wrap;border:0;border-bottom:1px solid var(--divider);padding:6px 0 15px}.offer strong{font:1.6875rem/1.3 Georgia,serif;display:inline;color:var(--brand)}.card-description{font-size:0.875rem;color:var(--secondary);min-height:44px;margin-bottom:10px}.distance:empty{display:none}.quick-profile{font-size:0.875rem;border-top:0;margin-bottom:18px}.quick-profile summary{padding:7px 0;min-height:34px}.card-body .profile-link{border-radius:6px;justify-content:space-between}.profile-link:after{content:'↗';font-size:1.25rem;line-height:1}.card-body>p:not([class]){font-size:0.875rem;color:var(--secondary)}
.partner-pitch{display:grid;grid-template-columns:1.2fr 1fr;margin:60px 0 64px;border-radius:12px;background:#e9ede3;overflow:hidden}.partner-pitch>div:first-child{padding:48px}.partner-pitch h2{font-size:2.625rem;margin-bottom:22px}.partner-pitch p:not(.eyebrow){font-size:0.875rem;max-width:42ch}.partner-pitch .button{margin-top:12px}.pitch-visual{position:relative;min-height:340px;background:#203d35}.pitch-visual img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.7)}.pitch-visual>span{position:absolute;bottom:54px;left:30px;right:20px;color:white;font:italic 2.3125rem/1.15 Georgia,serif}.pitch-visual>small{position:absolute;bottom:25px;left:30px;right:20px;color:#fff;font-size:0.875rem;letter-spacing:.04em}
.site-footer{border-top:1px solid #cfd5c8;padding-block:38px 28px;font-size:0.875rem;color:var(--secondary)}.footer-top{display:flex;justify-content:space-between;gap:28px;margin-bottom:22px}.footer-wordmark{display:block;font-size:1.75rem;color:var(--ink);margin-bottom:8px}.footer-top p{font-size:0.875rem}.footer-top nav{display:flex;gap:24px;align-items:start;font-size:0.875rem}.footer-top nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.site-footer>p{max-width:95ch;margin-bottom:9px}.translation-notice{font-size:0.875rem}
.business-hero{padding-block:48px}.business-hero .hero-photo{height:390px}.business-hero .lead{font-size:1rem;max-width:46ch}.business-hero h1{font-size:clamp(34px,4.4vw,62px)}.business-hero .button{margin-top:10px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:18px 50px;margin-bottom:20px;border-bottom:1px solid var(--divider)}.value-grid section>span{font:italic 1.625rem Georgia,serif;color:var(--gold);display:block;margin-bottom:18px}.value-grid h3{font-size:1.125rem;line-height:1.4;max-width:24ch}.value-grid p{font-size:0.875rem;color:var(--secondary)}.business-layout{grid-template-columns:1fr 1.25fr;gap:64px;margin:50px 0 60px}.package-card{padding:36px;border-radius:12px;background:var(--brand);color:#fffdf4;border:0}.package-card h2{font-size:1.8125rem;color:#fff}.package-price{font:3.5rem Georgia,serif!important;letter-spacing:-.05em;margin:24px 0 4px}.package-card p{font-size:0.875rem;color:#ebede3}.package-card .button{background:#f4eedf;color:var(--ink);border-color:#f4eedf}.package-card a{color:#fff}.package-card .muted{font-size:0.875rem}.business-details h2{font-size:1.875rem}.business-details p{font-size:0.875rem;color:var(--secondary)}.business-owned:empty{display:none}
.profile>.intro{padding:26px 0 28px;max-width:900px}.profile .intro h1{font-size:clamp(34px,4.5vw,60px);max-width:none;margin-bottom:18px}.profile .intro .eyebrow{margin-bottom:10px}.profile .lead{font-size:1rem;max-width:64ch}.profile-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px}.profile-grid>section{padding:28px;border-radius:10px;position:sticky;top:20px}.demo-gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;border-radius:10px;overflow:hidden;height:360px}.demo-gallery .demo-photo{height:100%}.demo-gallery .demo-photo img{height:100%;max-height:none}.gallery-track{border-radius:10px}.gallery .shop-cover{height:360px;min-height:0}.gallery figcaption{font-size:0.875rem}.gallery-select{font-size:0.875rem;min-height:38px;border-radius:4px}.shop-address{font-size:0.9375rem}.profile-grid details{font-size:0.875rem}.profile-grid>div>p{font-size:0.875rem}.profile-grid h2{font-size:1.8125rem}.treatment-menu{font-size:0.875rem}.treatment-menu th{font-size:0.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary)}.treatment-menu td{padding:17px 7px}.contact-bar{border-radius:8px;background:#e9ede3;border:0;margin-bottom:42px}.contact-bar strong{font-family:Georgia,serif;font-size:1.4375rem;font-weight:400}.contact-bar span{font-size:0.875rem}.profile> .return-link,.return-link{font-size:0.875rem}.profile-grid form input,.profile-grid form textarea{max-width:100%}
html:lang(th) h1,html:lang(th) h2,html:lang(th) .brand-wordmark{font-family:'Leelawadee UI',Tahoma,sans-serif;line-height:1.4;letter-spacing:-.025em}html:lang(th) .brand-wordmark{font-size:1.5rem}html:lang(th) .discovery-intro h1{font-size:clamp(32px,3.6vw,49px)}html:lang(th) .business-hero h1{font-size:clamp(32px,3.5vw,48px)}html:lang(th) .card-body h3{font-family:'Leelawadee UI',Tahoma,sans-serif;font-size:1.5625rem}
@media(min-width:1500px){.container{max-width:1280px}.hero-photo{height:370px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.discovery-intro,.business-hero{gap:32px}.brand-wordmark{font-size:1.5625rem}.language-switch a{padding:8px 10px}.language-switch a:nth-child(2){margin-inline:2px}.filters{grid-template-columns:1fr 1.2fr .7fr}.filters #nearby{grid-column:1/3;grid-row:2}.filters>button[type=submit]{grid-column:3;grid-row:2}.filters .more-filters{grid-row:3;grid-column:1/3}.filters>.return-link{grid-column:3;grid-row:3}.partner-pitch>div:first-child{padding:32px}.partner-pitch h2{font-size:2.1875rem}.profile-grid{gap:22px;grid-template-columns:1.2fr 1fr}.business-layout{gap:32px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}body{font-size:0.875rem}.site-header{padding:16px 0;gap:14px;min-height:0}.brand-wordmark{font-size:1.5625rem}.brand-wordmark small{font-size:0.875rem}.brand svg{width:38px;height:38px;flex-basis:38px}.language-switch{width:100%;justify-content:space-between;gap:0;font-size:0.875rem;border-top:1px solid var(--divider);padding-top:7px}.language-switch a{padding:6px 7px;min-height:38px}.language-switch a:nth-child(2){border:0;margin:0}.language-switch a[lang]{padding:6px 8px}.discovery-intro,.business-hero{grid-template-columns:1fr;gap:24px;padding-block:30px 24px}.discovery-intro h1{font-size:2.8125rem;line-height:1.05;max-width:15ch;margin-bottom:18px}.discovery-intro .eyebrow,.business-hero .eyebrow{font-size:0.875rem;letter-spacing:.12em}.discovery-intro p:not(.eyebrow){font-size:0.875rem;max-width:none}.discovery-intro .hero-photo{height:200px;border-radius:64px 6px 6px 6px}.hero-photo figcaption{font-size:0.875rem;padding:9px 14px}.hero-jump{font-size:0.875rem;margin-top:0}.search-heading{font-size:0.875rem;margin-top:10px}.filters{grid-template-columns:1fr 1fr;gap:14px;padding:18px 16px 10px;border-radius:9px}.filters>label:first-child{grid-column:1/-1}.filters>label:nth-child(2){grid-column:1;grid-row:2}.filters>label:nth-child(3){grid-column:2;grid-row:2}.filters #nearby{grid-column:1;grid-row:3;font-size:0.875rem;padding:10px 7px}.filters>button[type=submit]{grid-column:2;grid-row:3;font-size:0.875rem;padding:10px}.filters .more-filters{grid-column:1;grid-row:4}.filters>.return-link{grid-column:2;grid-row:4;justify-self:end}.filters label{font-size:0.875rem}select,input{font-size:0.875rem;min-height:46px}.filter-grid{grid-template-columns:1fr}.filters:has(.more-filters[open]) .more-filters{grid-column:1/-1}.filters:has(.more-filters[open])>.return-link{grid-row:5}.muted{font-size:0.875rem}.discovery-results{padding-top:24px}#results-title{font-size:1.5625rem}.results-explainer{font-size:0.875rem}.results{grid-template-columns:1fr;gap:24px}.shop-card>.shop-cover,.shop-card>.demo-photo{height:245px}.card-body{padding:22px}.card-body h3{font-size:1.8125rem}.card-description{min-height:0}.partner-pitch{grid-template-columns:1fr;margin:28px 0 38px}.partner-pitch>div:first-child{padding:28px}.partner-pitch h2{font-size:2.125rem}.pitch-visual{min-height:260px}.pitch-visual>span{font-size:2rem}.footer-top{display:block}.footer-top nav{gap:20px;margin-top:15px}.site-footer{padding-top:28px}.footer-wordmark{font-size:1.6875rem}.business-hero h1{font-size:2.4375rem}.business-hero .hero-photo{height:245px}.business-hero .lead{font-size:0.875rem}.value-grid{grid-template-columns:1fr;gap:22px;padding:12px 0 32px}.value-grid section{position:relative;padding-left:44px}.value-grid section>span{position:absolute;left:0;top:2px}.value-grid h3{max-width:none;font-size:1.125rem;margin-bottom:8px}.value-grid p{margin:0}.business-layout{grid-template-columns:1fr;gap:32px;margin:28px 0 36px}.package-card{padding:28px}.profile-grid{grid-template-columns:1fr}.profile-grid>section{position:static;padding:22px}.profile>.intro{padding-top:16px}.profile .intro h1{font-size:2.4375rem}.demo-gallery{height:270px;grid-template-columns:1fr}.demo-gallery>.demo-photo:nth-child(2){display:none}.contact-bar{padding:22px;gap:12px}.contact-bar strong{width:100%}.contact-bar span{font-size:0.875rem}.demo-banner{font-size:0.875rem;padding:5px 0}html:lang(th) .brand-wordmark{font-size:1.375rem}html:lang(th) .discovery-intro h1{font-size:2.125rem}html:lang(th) .business-hero h1{font-size:2rem}.shop-art{min-height:220px}.business-owned{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;transform:none!important;scroll-behavior:auto!important}}

/* Keep discovery controls within the first phone screen. */
@media(max-width:700px){.discovery-intro .hero-photo{display:none}.discovery-intro h1{max-width:none;font-size:2.375rem;line-height:1.12}.discovery-intro{padding-block:24px 20px}.discovery-intro .eyebrow{margin-bottom:13px}.discovery-intro p:not(.eyebrow){margin-bottom:12px}.discovery-intro .hero-jump{font-size:0.875rem}}
body>nav[aria-label="Business access"]{width:calc(100% - 96px);max-width:1280px;margin:auto;padding:0 0 16px!important;font-size:0.875rem}body>nav[aria-label="Business access"] a{min-height:44px;display:inline-flex;align-items:center}body>p:has(a[href*="privacy"]){width:calc(100% - 96px);max-width:1280px;margin:0 auto 22px;font-size:0.875rem}
.application-shell{padding:28px 0 60px;max-width:700px}.application-shell .intro{padding:24px 0}.application-shell form{padding:28px;background:var(--surface);border:1px solid var(--divider);border-radius:12px}.application-shell h1{font-size:3rem}.application-shell h2{font-size:1.8125rem}.application-shell form>p{font-size:0.875rem}.application-shell label{font-size:0.875rem;font-weight:500}.application-shell form>label{display:flex;align-items:center;gap:12px;font-size:0.875rem}.application-shell input[type=checkbox]{width:22px;min-height:22px;flex:0 0 22px}.application-shell form button{width:100%}.application-shell .notice{padding:15px;border-left:3px solid #a67d45;background:#f4ead7}.application-shell .brand{font:1.75rem Georgia,serif;padding:12px 0}
@media(max-width:700px){body>nav[aria-label="Business access"],body>p:has(a[href*="privacy"]){width:calc(100% - 36px)}.application-shell form{padding:22px}.application-shell h1{font-size:2.375rem}}
body>p:has(a[href*="/evidence/"]){width:calc(100% - 96px);max-width:1280px;margin:0 auto 24px;font-size:0.875rem}body>p:has(a[href*="/evidence/"]) a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:700px){body>p:has(a[href*="/evidence/"]){width:calc(100% - 36px)}}
.application-shell label,.application-shell form p{min-width:0}.application-shell input:not([type=checkbox]){width:100%!important;max-width:100%!important}
