@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Noto+Serif+Thai:wght@600;700&display=swap";
:root{--ink:#103b5c;--teal:#0b69aa;--teal2:#064979;--mint:#e4f4ff;--cream:#f6faff;--paper:#fff;--coral:#ed4f92;--gold:#f2bd42;--line:#0b69aa24;--muted:#607588;--shadow:0 24px 70px #084c7b21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Thai,Tahoma,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}svg{flex:none;width:1.2em;height:1.2em}em{color:var(--coral);font-style:normal}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:50;background:#fffdf8eb;justify-content:space-between;align-items:center;height:82px;padding:0 5.5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--teal);color:#fff;border-radius:14px 14px 18px 18px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-4deg);box-shadow:0 7px 18px #155e5933}.brand-mark>span{font-size:19px;transform:rotate(4deg)}.brand>span:last-child,.footer-brand div{flex-direction:column;display:flex}.brand strong{font-size:16px;line-height:1.3}.brand small{letter-spacing:.11em;color:var(--muted);font-size:11px}nav{gap:34px;font-size:14px;font-weight:700;display:flex}nav a:hover,.footer-links a:hover{color:var(--coral)}.header-call{border:1px solid var(--teal);border-radius:30px;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:800;display:flex}.hero{background:radial-gradient(circle at 85% 10%,#ed7b6617,#0000 23%),linear-gradient(145deg,#fffdf8 0%,#f8f4e9 100%);grid-template-columns:1.04fr .96fr;align-items:center;gap:6vw;min-height:680px;padding:86px 7vw 74px;display:grid;overflow:hidden}.hero-copy{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--teal);margin:0 0 17px;font-size:11px;font-weight:900}.eyebrow span{color:var(--coral);font-size:10px}.eyebrow.light{color:#bde3d9}.hero h1,.section h2,.doctor-copy h2,.schedule-copy h2,.flow-intro h2,.contact-card h2{letter-spacing:-.03em;font-family:Georgia,Noto Serif Thai,serif;font-weight:500;line-height:1.15}.hero h1{margin:0;font-size:clamp(3.2rem,6.2vw,6.5rem)}.hero-lead{color:#526965;max-width:610px;margin:25px 0;font-size:18px;line-height:1.9}.hero-actions{gap:12px;margin-top:30px;display:flex}.button{border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:14px 23px;font-size:15px;font-weight:800;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--teal);color:#fff;box-shadow:0 12px 28px #155e5933}.button.secondary{border:1px solid var(--line);background:#fff}.walkin-note{color:var(--muted);margin-top:25px;font-size:12px}.walkin-note span{background:var(--mint);color:var(--teal);border-radius:50%;place-items:center;width:22px;height:22px;margin-right:7px;display:inline-grid}.walkin-note b{color:var(--teal)}.hero-visual{height:500px;position:relative}.care-card{background:var(--teal);box-shadow:var(--shadow);border-radius:48% 48% 45% 18%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:30px 5% 24px 10%;overflow:hidden}.care-card:before{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:13% 16%;transform:rotate(25deg)}.care-orbit{border:2px dashed #ffffff47;border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:relative}.big-heart{background:var(--coral);color:#fff;border-radius:48% 48% 52% 36%;place-items:center;width:96px;height:96px;font-size:46px;display:grid;transform:rotate(-9deg)}.big-heart:first-letter{transform:rotate(9deg)}.orbit-dot{background:var(--gold);border:7px solid var(--teal);border-radius:50%;width:25px;height:25px;position:absolute;top:9px;right:7px}.family{color:#fff;text-align:center;margin-top:22px}.family>span{font-size:30px;line-height:1;display:block}.family b{font-family:Georgia,Noto Serif Thai,serif;font-size:18px;font-weight:500}.mini-card{background:#fff;border:1px solid #155e5914;border-radius:18px;align-items:center;gap:11px;padding:14px 17px;display:flex;position:absolute;box-shadow:0 18px 50px #12403b29}.mini-card>span:first-child{font-size:25px}.mini-card b,.mini-card small{display:block}.mini-card b{font-size:13px}.mini-card small{color:var(--muted);font-size:10px}.vaccine{top:90px;left:0}.doctor-chip{bottom:68px;right:0}.avatar{background:var(--mint);width:42px;color:var(--teal);border-radius:50%;place-items:center;font-family:Georgia,serif;font-weight:700;height:42px!important;display:grid!important}.sun-dot{background:var(--gold);border-radius:50%;position:absolute}.sun-dot.one{width:19px;height:19px;top:10px;right:7%}.sun-dot.two{width:9px;height:9px;bottom:9px;left:8%}.cross{color:var(--coral);font-size:46px;font-weight:200;position:absolute;top:64px;right:1%}.trust-strip{background:var(--teal2);color:#fff;grid-template-columns:repeat(3,1fr);padding:0 7vw;display:grid}.trust-strip>div{border-right:1px solid #ffffff21;grid-template-columns:auto 1fr;column-gap:15px;padding:28px 3vw;display:grid}.trust-strip>div:last-child{border:0}.trust-strip span{color:#7fbcb0;grid-row:1/3;font:italic 25px Georgia,serif}.trust-strip b{font-size:14px}.trust-strip small{color:#b6d0ca;font-size:11px}.section{padding:110px 7vw}.section-heading{justify-content:space-between;align-items:end;gap:8vw;margin-bottom:48px;display:flex}.section-heading>div{flex:1}.section-heading>p{max-width:480px;color:var(--muted);margin:0;font-size:15px}.section h2{margin:0;font-size:clamp(2.2rem,4vw,4.4rem)}.service-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:285px;padding:31px;transition:all .25s;position:relative}.service-card:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-5px)}.service-number{color:#c3d4d0;font:italic 16px Georgia,serif;position:absolute;top:20px;right:24px}.service-icon{background:var(--cream);border-radius:18px;place-items:center;width:55px;height:55px;margin-bottom:20px;font-size:27px;display:grid}.service-card h3{margin:0 0 9px;font-size:17px}.service-card p{color:var(--muted);margin:0 0 18px;font-size:13px}.service-card a,.text-link,.facebook-link,.article-body a{color:var(--teal);align-items:center;gap:5px;font-size:12px;font-weight:900;display:inline-flex}.service-card a svg,.text-link svg,.facebook-link svg,.article-body a svg{width:14px}.medical-note{text-align:center;color:#82908d;margin:27px 0 0;font-size:11px}.doctor-section{background:var(--teal);color:#fff;grid-template-columns:1fr 1fr;min-height:660px;display:grid}.doctor-art{background:linear-gradient(160deg,#e8efe5,#f7e5d4);place-items:center;display:grid;position:relative;overflow:hidden}.doctor-art:before,.doctor-art:after{content:"";border:1px solid #155e5933;border-radius:50%;position:absolute}.doctor-art:before{width:480px;height:480px}.doctor-art:after{width:350px;height:350px}.portrait{z-index:1;background:#fcfaf3;border-radius:48% 48% 24% 24%;place-items:center;width:240px;height:300px;display:grid;position:relative;box-shadow:0 30px 70px #155e5926}.portrait-initial{color:var(--teal);font:130px Georgia,serif}.stethoscope{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:25px;right:26px}.doctor-art p{color:var(--teal);z-index:2;font:italic 16px Georgia,Noto Serif Thai,serif;position:absolute;bottom:31px;left:38px}.doctor-copy{flex-direction:column;justify-content:center;padding:80px 9vw 80px 7vw;display:flex}.doctor-copy h2{margin:0;font-size:clamp(2.2rem,4vw,4.2rem)}.doctor-copy h3{color:#bde3d9;margin:7px 0 25px;font-size:14px}.doctor-copy>p:not(.eyebrow){color:#d6e6e2;font-size:15px}.focus-list{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 30px;display:grid}.focus-list span{border:1px solid #ffffff29;border-radius:20px;padding:8px 13px;font-size:12px}.focus-list span:before{content:"✓";color:var(--gold);margin-right:7px}.text-link{color:#fff;font-size:14px}.schedule-section{background:var(--cream);grid-template-columns:.8fr 1.2fr;align-items:center;gap:9vw;display:grid}.schedule-copy h2{margin:0;font-size:clamp(2.2rem,4vw,4.2rem)}.schedule-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.schedule-alert{border-left:3px solid var(--coral);color:var(--muted);margin-top:25px;padding:8px 0 8px 18px;font-size:12px}.schedule-alert b{color:var(--ink)}.schedule-card{box-shadow:var(--shadow);background:#fff;border-radius:26px;overflow:hidden}.schedule-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 35px;display:flex}.schedule-row small,.schedule-row strong{display:block}.schedule-row small{color:var(--muted);font-size:11px}.schedule-row strong{font-size:15px}.schedule-row time{color:var(--teal);font:italic clamp(1.7rem,3vw,3.2rem) Georgia,serif}.schedule-footer{color:var(--muted);justify-content:space-between;padding:17px 35px;font-size:11px;display:flex}.schedule-footer b{color:var(--coral)}.vaccine-flow{background:var(--teal2);color:#fff;grid-template-columns:.8fr 2fr;align-items:center;gap:6vw;padding:72px 7vw;display:grid}.flow-intro{align-items:start;gap:18px;display:flex}.flow-intro>span{font-size:37px}.flow-intro h2{margin:0;font-size:34px}.vaccine-flow ol{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.vaccine-flow ol:before{content:"";border-top:1px dashed #ffffff47;position:absolute;top:20px;left:10%;right:10%}.vaccine-flow li{text-align:center;z-index:1}.vaccine-flow li>span{width:42px;height:42px;color:var(--teal);background:#fff;border-radius:50%;place-items:center;margin:0 auto 14px;font:italic 18px Georgia,serif;display:grid}.vaccine-flow li b,.vaccine-flow li small{display:block}.vaccine-flow li b{font-size:12px}.vaccine-flow li small{color:#adcac4;font-size:10px}.confirm-note{display:none}.section-heading.compact{align-items:end}.facebook-link{border-bottom:1px solid var(--teal);padding-bottom:4px;font-size:13px}.article-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden}.article-image{background:linear-gradient(135deg,var(--mint),#f4e4cf);place-items:center;height:205px;display:grid;position:relative}.article-image>span{filter:drop-shadow(0 10px 15px #155e591f);font-size:68px}.article-image small{color:var(--teal);background:#fff;border-radius:30px;padding:5px 10px;font-size:9px;font-weight:800;position:absolute;top:18px;left:18px}.article-body{padding:24px}.article-body h3{margin:0;font-size:16px;line-height:1.55}.article-body p{color:var(--muted);margin:10px 0 18px;font-size:12px}.contact-section{border-radius:32px;grid-template-columns:1fr 1fr;min-height:540px;margin:0 4vw 75px;display:grid;overflow:hidden}.contact-card{background:var(--teal);color:#fff;padding:70px 6vw}.contact-card h2{margin:0;font-size:clamp(2.3rem,4.2vw,4.5rem)}.contact-card h2 em{color:var(--gold)}.contact-card>p:not(.eyebrow){color:#d5e7e2;margin:22px 0 30px;font-size:14px}.contact-actions{gap:9px;display:grid}.contact-actions a{border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.contact-actions a:hover{background:#ffffff14}.contact-actions svg{width:24px}.contact-actions small,.contact-actions b{display:block}.contact-actions small{color:#b7d0ca;font-size:9px}.contact-actions b{font-size:14px}.map-art{background:#e9eadf;position:relative;overflow:hidden}.map-art:before{content:"";opacity:.4;background-image:radial-gradient(#155e592e 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.map-road{background:#fff;position:absolute;box-shadow:0 0 0 1px #d8dbd1}.road-a{width:125%;height:58px;top:45%;left:-10%;transform:rotate(-14deg)}.road-b{width:62px;height:120%;top:-10%;left:60%;transform:rotate(20deg)}.map-pin{background:var(--coral);color:#fff;border-radius:50% 50% 50% 10%;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:39%;left:47%;transform:rotate(-45deg);box-shadow:0 12px 25px #52493740}.map-pin svg{width:28px;transform:rotate(45deg)}.map-label{background:#fff;border-radius:13px;padding:11px 15px;position:absolute;top:18%;left:24%;box-shadow:0 10px 24px #155e5921}.map-label b,.map-label small{display:block}.map-label b{font-size:12px}.map-label small{color:var(--muted);font-size:9px}.map-place{color:var(--muted);background:#fffc;border-radius:7px;padding:5px 9px;font-size:10px;position:absolute}.map-place.fire{bottom:24%;right:10%}.map-place.market{bottom:17%;left:12%}footer{color:#fff;background:#102f2d;grid-template-columns:1fr auto 1fr;align-items:center;gap:45px;padding:50px 7vw 95px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand b{font-size:13px}.footer-brand small{color:#a8c1bb;font-size:9px}.footer-links{gap:23px;font-size:11px;font-weight:700;display:flex}footer>p{text-align:right;color:#91aca6;font-size:9px}.floating-call{display:none}@media (max-width:920px){.site-header{height:72px;padding:0 4.5vw}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:65px 6vw 40px}.hero-copy{max-width:none}.hero-visual{width:100%;max-width:570px;height:440px;margin:0 auto}.trust-strip{padding:0 4vw}.trust-strip>div{padding:22px 2vw}.service-grid{grid-template-columns:1fr 1fr}.doctor-section{grid-template-columns:1fr}.doctor-art{min-height:520px}.schedule-section,.vaccine-flow,.contact-section{grid-template-columns:1fr}.map-art{min-height:400px}footer{text-align:center;grid-template-columns:1fr}.footer-brand,.footer-links{justify-content:center}footer>p{text-align:center}}@media (max-width:620px){body{padding-bottom:68px}.site-header{height:64px}.brand-mark{border-radius:12px;width:36px;height:36px}.brand strong{font-size:13px}.brand small{font-size:9px}.header-call{border-radius:50%;padding:9px;font-size:0}.header-call svg{font-size:17px}.hero{padding:48px 5vw 30px}.hero h1{font-size:3.1rem}.hero-lead{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column}.button{width:100%}.walkin-note{line-height:1.7}.hero-visual{height:360px}.care-card{inset:24px 4% 12px 9%}.care-orbit{width:140px;height:140px}.big-heart{width:76px;height:76px;font-size:38px}.vaccine{top:55px}.doctor-chip{bottom:35px}.mini-card{padding:10px 12px}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-bottom:1px solid #ffffff21;border-right:0;padding:18px 3vw}.section{padding:75px 5vw}.section-heading{display:block}.section-heading>p{margin-top:20px}.section h2{font-size:2.5rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.doctor-art{min-height:420px}.portrait{width:190px;height:245px}.portrait-initial{font-size:100px}.doctor-copy{padding:65px 6vw}.focus-list{grid-template-columns:1fr}.schedule-section{gap:35px}.schedule-row{padding:22px 20px}.schedule-row time{font-size:1.65rem}.schedule-footer{padding:15px 20px}.vaccine-flow{padding:60px 5vw}.vaccine-flow ol{grid-template-columns:1fr 1fr;gap:28px 8px}.vaccine-flow ol:before{display:none}.article-grid{grid-template-columns:1fr}.facebook-link{margin-top:25px;display:inline-flex}.contact-section{border-radius:0;margin:0}.contact-card{padding:65px 6vw}.contact-actions a{padding:12px}.map-art{min-height:330px}.map-label{left:8%}footer{padding:45px 5vw}.footer-links{flex-wrap:wrap}.floating-call{background:var(--coral);color:#fff;z-index:60;justify-content:center;align-items:center;gap:10px;height:68px;font-weight:900;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #3c322826}}.site-header{background:#fffffff0;box-shadow:0 4px 24px #084c7b0d}.brand-mark{background:linear-gradient(145deg,#0b72b7,#27a5dc);border-radius:14px;transform:none}.brand-mark>span{color:#fff;transform:none}.header-call{color:var(--teal);border-color:#0b69aa3d}.hero{background:radial-gradient(circle at 88% 8%,#ed4f921c,#0000 24%),radial-gradient(circle at 70% 90%,#2ba6e01f,#0000 28%),linear-gradient(145deg,#fff 0%,#f1f8ff 100%)}.hero h1,.section h2,.doctor-copy h2,.schedule-copy h2,.flow-intro h2,.contact-card h2{letter-spacing:-.035em;font-family:Noto Serif Thai,Georgia,serif;font-weight:700}.hero-lead{color:#526b7e}.button.primary{background:linear-gradient(135deg,#0868aa,#179bda);box-shadow:0 12px 28px #0b69aa3b}.hero-visual{isolation:isolate;height:520px}.hero-visual:before{content:"";z-index:-1;background:linear-gradient(145deg,#bceaff,#eaf7ff);border-radius:42% 42% 38% 18%;position:absolute;inset:0 4% 0 10%;transform:rotate(3deg)}.doctor-hero-frame{background:#dff3ff;border:8px solid #fff;border-radius:42% 42% 36% 16%;position:absolute;inset:14px 7% 18px 8%;overflow:hidden;box-shadow:0 28px 70px #084c7b2e}.doctor-hero-frame img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;display:block}.verified{color:#fff;background:linear-gradient(135deg,#ed4f92,#ff75ad);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid!important}.doctor-chip{bottom:42px}.mini-card{border-color:#0b69aa1a;box-shadow:0 18px 50px #084c7b2b}.trust-strip,.doctor-section,.vaccine-flow,.contact-card{background:linear-gradient(145deg,#07588f,#063f6b)}.service-card{box-shadow:0 8px 30px #084c7b09}.service-card:hover{box-shadow:0 22px 55px #084c7b21}.doctor-art{isolation:isolate;background:#dff3ff;min-height:680px}.doctor-art:before{z-index:-1;background:linear-gradient(150deg,#b9e8ff,#ffd7e8);border:0;width:520px;height:520px}.doctor-art:after{display:none}.doctor-art>img{object-fit:cover;object-position:50% 16%;z-index:1;border:10px solid #fff;border-radius:48% 48% 28px 28px;width:min(82%,560px);height:560px;box-shadow:0 30px 70px #084c7b33}.doctor-art p{text-align:center;width:max-content;max-width:88%;color:var(--teal);background:#fffffff0;border-radius:14px;padding:13px 22px;font-family:Noto Serif Thai,serif;font-style:normal;font-weight:700;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #084c7b1f}.schedule-row.featured{background:linear-gradient(105deg,#e4f4ff,#eefaff)}.article-card{transition:transform .22s,box-shadow .22s;box-shadow:0 10px 30px #084c7b0d}.article-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #084c7b1f}.article-image{background:linear-gradient(145deg,#e4f4ff,#fce8f1)}.article-body a{color:#1668a1}.floating-call{background:linear-gradient(90deg,#e94489,#f368a0)}@media (max-width:920px){.hero-visual{height:500px}.doctor-art{min-height:620px}.doctor-art>img{height:510px}}@media (max-width:620px){.hero-visual{height:410px}.doctor-hero-frame{border-width:6px;border-radius:34px 34px 28px 12px;inset:10px 4% 12px}.vaccine{top:52px;left:-2px}.doctor-chip{bottom:28px;right:-2px}.doctor-art{min-height:470px}.doctor-art>img{border-width:7px;width:88%;height:400px}.doctor-art p{padding:10px 15px;font-size:13px;bottom:18px}.article-image{height:170px}}