/* สีขาว คลินิก — site styles (generated from mockup) */
@font-face{font-family:"LINE Seed Sans TH";src:url(fonts/lineseed-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans TH";src:url(fonts/lineseed-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans TH";src:url(fonts/lineseed-extrabold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}

/* ---------- base / theme resets ---------- */
body.sk-site{margin:0;font-family:"LINE Seed Sans TH",sans-serif;background:#f8f6f2;color:#1e1e1e;font-size:16px;line-height:normal}
body.sk-site a{color:#1e1e1e;text-decoration:none}
body.sk-site a:hover{color:#2f6b5e}
body.sk-site .entry-content a,body.sk-site .sk-page a,body.sk-site .sk-header a,body.sk-site .sk-footer a{text-decoration:none!important;box-shadow:none;border-bottom:0}
body.sk-site .entry-content a:hover,body.sk-site .entry-content a:focus{text-decoration:none!important}
body.sk-site #masthead,body.sk-site #colophon,body.sk-site .ast-mobile-header-wrap,body.sk-site .ast-above-header-wrap,body.sk-site .ast-below-header-wrap{display:none}
body.sk-site #content,body.sk-site .site-content,body.sk-site .ast-container{max-width:none;width:100%;padding:0;margin:0}
body.sk-site .site-content .ast-container{display:block}
body.sk-site #primary,body.sk-site .content-area,body.sk-site article,body.sk-site .ast-article-single,body.sk-site .entry-content,body.sk-site .ast-article-post{margin:0;padding:0;max-width:none;border:0;background:transparent;box-shadow:none}
body.sk-site .entry-header,body.sk-site .entry-footer,body.sk-site .ast-single-post-featured-section,body.sk-site .post-navigation,body.sk-site .ast-single-related-posts-container{display:none}
body.sk-site .skip-link{display:none}
body.sk-site .entry-content > *:not(.sk-page){max-width:none;margin:0}
body.sk-site .entry-content > .sk-page,body.sk-site .entry-content[data-ast-blocks-layout] > .sk-page{max-width:1280px;margin:0 auto}
body.sk-site .entry-content[data-ast-blocks-layout] > .sk-page > *,body.sk-site .entry-content > .sk-page > *{max-width:none;margin-left:0;margin-right:0;width:auto}

/* ---------- page wrapper (the mockup root) ---------- */
.sk-page{max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;background:#f8f6f2;font-size:16px;line-height:normal;overflow-x:clip}
.sk-page *{box-sizing:content-box}
.sk-page h1,.sk-page h2,.sk-page h3,.sk-page h4,.sk-page p{font-family:inherit;color:inherit;font-weight:inherit;line-height:inherit;margin:0 0 .6em}
.sk-page ul,.sk-page ol{margin:0;padding-left:22px}
.sk-page li{margin:0;padding:0}
.sk-page img{max-width:100%;height:auto;border:0}
.sk-page a{transition:none}
.sk-page .ph{background:#ece8e1;border:1px dashed #c9c2b6;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7a7368;font-size:14px}

/* ---------- header ---------- */
.sk-header{background:#fff;border-bottom:1px solid #e6e1d9;position:relative;z-index:10;font-family:"LINE Seed Sans TH",sans-serif}
.sk-header-in{max-width:1280px;margin:0 auto;padding:0 80px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box}
.sk-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:#1e1e1e;white-space:nowrap}
.sk-brand img{width:44px;height:44px;border-radius:999px;display:block;flex-shrink:0}
.sk-nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:700;color:#1e1e1e}
.sk-nav a{color:#1e1e1e}
.sk-nav a:hover,.sk-nav a.active{color:#2f6b5e}
.sk-header-right{display:flex;align-items:center;gap:12px}
.sk-cta{display:flex;align-items:center;gap:8px;background:#06c755;color:#fff!important;font-weight:700;padding:12px 20px;border-radius:999px;font-size:15px;white-space:nowrap}
.sk-cta:hover{background:#05b34c}
.sk-nav-toggle{display:none}
.sk-burger{display:none}
.dd{position:relative;display:flex;align-items:center;gap:4px;cursor:pointer}
.dd-menu{display:none;position:absolute;top:100%;left:-12px;padding-top:14px;z-index:20}
.dd:hover .dd-menu{display:block}
.dd-box{background:#fff;border:1px solid #e6e1d9;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);min-width:220px;padding:8px;display:flex;flex-direction:column}
.dd-box a{padding:10px 12px;border-radius:10px;font-size:15px;font-weight:700;white-space:nowrap}
.dd-box a:hover{background:#eef4f1}
.dd-box .soon{color:#a39c91;font-weight:600;cursor:default}
.dd-box .soon:hover{background:transparent;color:#a39c91}
.dd-box .soon span{font-size:11px;background:#f0ece5;color:#7a7368;padding:2px 8px;border-radius:999px;margin-left:8px}

/* ---------- footer ---------- */
.sk-footer{background:#1e1e1e;color:#d9d3c9;font-family:"LINE Seed Sans TH",sans-serif}
.sk-footer-in{max-width:1280px;margin:0 auto;padding:40px 80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;font-size:14px;line-height:1.7;box-sizing:border-box}
.sk-footer a{color:#d9d3c9}
.sk-footer a:hover{color:#fff}

/* ---------- floating LINE button ---------- */
.sk-float-line{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:999px;background:#06c755;color:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.18);z-index:50}

/* ======================================================
   Responsive — tablet (<= 1100px)
   ====================================================== */
@media (max-width:1100px){
  .sk-header-in{padding:0 24px;height:68px}
  .sk-brand{font-size:18px}
  .sk-brand img{width:38px;height:38px}
  .sk-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border-radius:10px;border:1px solid #e6e1d9;background:#fff;cursor:pointer;padding:0 9px;box-sizing:border-box}
  .sk-burger span{display:block;height:2px;background:#1e1e1e;border-radius:2px}
  .sk-cta{padding:10px 14px;font-size:14px}
  .sk-nav{display:none;max-height:calc(100vh - 68px);overflow:auto;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e6e1d9;box-shadow:0 14px 30px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:0;padding:4px 24px 16px;font-size:16px}
  .sk-nav-toggle:checked ~ .sk-nav{display:flex}
  .sk-nav > a,.sk-nav .dd > span{display:block;padding:13px 0;border-top:1px solid #efebe4}
  .sk-nav > a:first-child{border-top:0}
  .sk-nav .dd{flex-direction:column;align-items:stretch;gap:0;cursor:default}
  .sk-nav .dd > span{color:#7a7368;font-size:13px;font-weight:700;letter-spacing:.04em}
  .sk-nav .dd svg{display:none}
  .sk-nav .dd-menu{display:block;position:static;padding:0 0 8px}
  .sk-nav .dd-box{border:0;box-shadow:none;padding:0;min-width:0;border-radius:0;gap:0}
  .sk-nav .dd-box a{padding:9px 0 9px 12px;white-space:normal;border-radius:0}
  .sk-footer-in{padding:32px 24px;grid-template-columns:1fr;gap:24px}

  .sk-page [style*="padding: 0 80px"]{padding-left:24px!important;padding-right:24px!important}
  .sk-page [style*="padding: 24px 80px 0"]{padding-left:24px!important;padding-right:24px!important}
  .sk-page [style*="padding: 52px 80px"],.sk-page [style*="padding: 56px 80px"]{padding-left:24px!important;padding-right:24px!important}
  .sk-page [style*="padding: 32px 80px 36px"]{padding-left:24px!important;padding-right:24px!important}
  .sk-page [style*="margin: 0 80px 56px"]{margin-left:24px!important;margin-right:24px!important}
  .sk-page [style*="grid-template-columns: minmax(0, 1.5fr) 380px"]{grid-template-columns:minmax(0,1.4fr) 320px!important;gap:28px!important}
  .sk-page [style*="grid-template-columns: 760px minmax(0, 1fr)"]{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important}
  .sk-page [style*="grid-template-columns: repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sk-page img[style*="width: 180px"][style*="height: 220px"]{width:140px!important;height:172px!important}
}

/* ======================================================
   Responsive — phone (<= 760px)
   ====================================================== */
@media (max-width:760px){
  .sk-header-in{padding:0 16px;height:64px;gap:10px}
  .sk-brand{font-size:16px;min-width:0;flex-shrink:1;gap:8px}
  .sk-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sk-header-right{flex-shrink:0;gap:8px}
  .sk-cta{padding:9px 12px;font-size:13px}
  .sk-nav{padding:4px 16px 14px}
  .sk-footer-in{padding:28px 16px}
  .sk-float-line{right:16px;bottom:16px;width:52px;height:52px}

  .sk-page [style*="padding: 0 80px"]{padding-left:16px!important;padding-right:16px!important}
  .sk-page [style*="padding: 24px 80px 0"]{padding-left:16px!important;padding-right:16px!important;padding-top:14px!important}
  .sk-page [style*="padding: 52px 80px"],.sk-page [style*="padding: 56px 80px"]{padding:32px 16px!important}
  .sk-page [style*="padding: 32px 80px 36px"]{padding:24px 16px 24px!important}
  .sk-page [style*="margin: 0 80px 56px"]{margin:0 16px 40px!important}
  .sk-page [style*="padding: 36px 40px"]{padding:24px 20px!important}
  .sk-page [style*="padding: 28px"]{padding:20px!important}
  .sk-page [style*="padding: 26px 28px"]{padding:20px!important}
  .sk-page [style*="padding: 18px 22px"]{padding:14px 16px!important}

  .sk-page [style*="grid-template-columns: repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sk-page [style*="grid-template-columns: repeat(2"],.sk-page [style*="grid-template-columns: repeat(3"],
  .sk-page [style*="grid-template-columns: minmax"],
  .sk-page [style*="grid-template-columns: 760px"],
  .sk-page [style*="grid-template-columns: 300px"]{grid-template-columns:1fr!important}
  .sk-page [style*="gap: 64px"]{gap:24px!important}
  .sk-page [style*="gap: 56px"]{gap:32px!important}
  .sk-page [style*="gap: 48px"]{gap:32px!important}
  .sk-page [style*="gap: 32px"]{gap:20px!important}
  .sk-page [style*="gap: 24px"]{gap:16px!important}
  .sk-page [style*="grid-column: 1 / -1"]{grid-column:auto!important}
  .sk-page [style*="grid-column: 1 / -1"][style*="display: flex"]{flex-direction:column!important;align-items:stretch!important}
  .sk-page img[style*="width: 260px"]{width:100%!important;height:auto!important;max-width:100%}
  .sk-page [style*="grid-template-columns: minmax(0, 1fr) 340px"]{grid-template-columns:1fr!important}
  .sk-page [style*="position: sticky"]{position:static!important}

  .sk-page [style*="font-size: 40px"]{font-size:26px!important}
  .sk-page [style*="font-size: 32px"]{font-size:23px!important}
  .sk-page [style*="font-size: 30px"]{font-size:22px!important}
  .sk-page [style*="font-size: 28px"]{font-size:21px!important}
  .sk-page [style*="font-size: 24px"]{font-size:19px!important}
  .sk-page [style*="font-size: 22px"]{font-size:18px!important}
  .sk-page [style*="font-size: 20px"]{font-size:17px!important}
  .sk-page [style*="font-size: 19px"]{font-size:15px!important}
  .sk-page [style*="font-size: 18px"]{font-size:15px!important}
  .sk-page [style*="font-size: 17px"]{font-size:15px!important}
  .sk-page [style*="font-size: 16px"]{font-size:15px!important}
  .sk-page [style*="font-size: 15px"]{font-size:14px!important}
  .sk-page [style*="font-size: 14px"]{font-size:13px!important}
  .sk-page [style*="font-size: 13px"]{font-size:12px!important}
  .sk-page{font-size:15px}
  .sk-nav{font-size:15px}
  .sk-footer-in{font-size:13px}

  .sk-page img[style*="width: 300px"]{width:100%!important;max-width:300px;height:auto!important;aspect-ratio:5/6;object-fit:cover}
  .sk-page [style*="width: 180px"][style*="height: 220px"]{width:140px!important;height:170px!important}
  .sk-page [style*="width: 132px"][style*="height: 96px"]{width:100px!important;height:74px!important}
  .sk-page [style*="grid-template-columns: 132px 1fr"]{grid-template-columns:100px 1fr!important}
  .sk-page [style*="max-width: 820px"],.sk-page [style*="max-width: 960px"],.sk-page [style*="max-width: 900px"]{max-width:none!important}
  .sk-page [style*="display: flex"][style*="justify-content: space-between"],.sk-page [style*="display: flex"][style*="align-items: baseline"],.sk-page [style*="display: flex"]:has(> a[style*="padding: 14px"]),.sk-page [style*="display: flex"]:has(> a[style*="padding: 12px"]){flex-wrap:wrap}
  .sk-page [style*="display: inline-flex"]{max-width:100%;box-sizing:border-box}
  .sk-page [style*="white-space: nowrap"]{white-space:normal!important}
  .sk-page iframe{max-width:100%}
  .sk-page a[style*="left: 24px; bottom: 24px"]{left:12px!important;right:12px!important;bottom:12px!important;padding:10px 12px!important}
}