:root{--coral: #cf4430;--coral-ink: #b8371f;--coral-soft: #fff1ed;--aqua: #19a7b8;--aqua-ink: #0e6e7a;--glass: #d8efec;--glass-2: #eef8f6;--sand: #fdf8ee;--sand-2: #f6ecd9;--line: #eadfca;--ink: #1b2a30;--ink-2: #45565c;--white: #fff;--sea: #12343b;--sea-2: #1c4a53;--wa: #177a41;--line-app: #06803a;--r: 20px;--r-s: 14px;--font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Thai","Leelawadee UI",Thonburi,Tahoma,sans-serif;color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: 76px}body{margin: 0;font: 16px/1.55 var(--font);color: var(--ink);background: var(--sand)}:lang(th) body{line-height: 1.7}img{max-width: 100%;height: auto;display: block}a{color: var(--coral-ink)}h1,h2,h3{margin: 0 0 .45em;line-height: 1.15;letter-spacing: -.012em;color: var(--ink)}:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height: 1.4;letter-spacing: 0}h2{font-size: clamp(1.45rem,3.4vw,2rem);font-weight: 800}h3{font-size: 1.08rem;font-weight: 750}p{margin: 0 0 1em}.in{width: min(100% - 32px,1200px);margin-inline: auto}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.nw{white-space: nowrap}.skip{position: absolute;left: 12px;top: -60px;z-index: 60;background: var(--ink);color: #fff;padding: 8px 14px;border-radius: 10px}.skip:focus{top: 10px}:focus-visible{outline: 3px solid var(--aqua-ink);outline-offset: 2px}[hidden]{display: none !important}.bar{position: sticky;top: 0;z-index: 40;background: var(--white);border-bottom: 1px solid var(--line)}.bar .in{display: flex;align-items: center;gap: 12px;min-height: 58px}.mark{display: flex;align-items: center;gap: 9px;text-decoration: none;min-width: 0}.mark img{width: 38px;height: 38px;flex: none}.word{font-size: 1.14rem;font-weight: 850;color: var(--coral);letter-spacing: -.01em;line-height: 1.05;white-space: nowrap}.word small{display: none;font-size: .72rem;font-weight: 650;color: var(--ink-2);letter-spacing: .01em;margin-top: 2px}.links{display: none}.acts{display: flex;align-items: center;gap: 8px;margin-left: auto}.lang{font-size: .86rem;font-weight: 750;color: var(--aqua-ink);text-decoration: none;padding: 6px 10px;border: 1.5px solid var(--glass);border-radius: 999px}.lang:hover{border-color: var(--aqua)}.wa-ic{display: inline-flex;align-items: center;justify-content: center;gap: 6px;width: 40px;height: 40px;border-radius: 50%;background: var(--wa);color: #fff;text-decoration: none;font-weight: 750;font-size: .9rem}.wa-ic svg{width: 21px;height: 21px}.wa-ic span{display: none}.top-book{display: none}@media (min-width: 1000px){.bar .in{min-height: 66px;gap: 22px}.mark img{width: 42px;height: 42px}.word{font-size: 1.28rem}.word small{display: block}.links{display: flex;gap: 20px;margin-left: auto}.links a{color: var(--ink);text-decoration: none;font-weight: 650;font-size: .95rem;padding: 6px 0;border-bottom: 2px solid transparent}.links a:hover{border-color: var(--aqua)}.acts{margin-left: 8px}.wa-ic{width: auto;height: 40px;padding: 0 14px 0 12px;border-radius: 999px}.wa-ic span{display: inline}.top-book{display: inline-flex;align-items: center;height: 40px;padding: 0 18px;border-radius: 999px;background: var(--coral);color: #fff;font-weight: 800;text-decoration: none}.top-book:hover{background: var(--coral-ink)}}.hero{background: var(--white);padding: 10px 0 18px}.hero-grid{display: grid;grid-template-columns: minmax(0,1fr) 96px;grid-template-areas: "intro snap" "trust trust" "chips chips" "wg wg";column-gap: 12px}.intro{grid-area: intro;min-width: 0;align-self: center}.eyebrow{display: none;margin: 0 0 8px;font-size: .8rem;font-weight: 800;letter-spacing: .08em;text-transform: uppercase;color: var(--aqua-ink)}:lang(th) .eyebrow{letter-spacing: .02em;text-transform: none;font-size: .9rem}.hero h1{font-size: clamp(1.5rem,6.4vw,2.9rem);font-weight: 850;margin: 0 0 6px;text-wrap: balance}:lang(th) .hero h1{font-size: clamp(1.45rem,6vw,2.6rem)}.lede{margin: 0;font-size: .9rem;line-height: 1.45;color: var(--ink-2)}.lede [data-fare]{font-weight: 800;color: var(--ink);white-space: nowrap}.snap{grid-area: snap;position: relative;margin: 0;min-height: 112px;border-radius: 16px;overflow: hidden;background: var(--glass)}.snap picture,.snap img{position: absolute;inset: 0;width: 100%;height: 100%}.snap img{object-fit: cover;object-position: 52% 62%}.snap figcaption{display: none}.trust{grid-area: trust;display: flex;align-items: baseline;gap: 6px;margin: 8px 0 0;font-size: .78rem;line-height: 1.35;color: var(--ink-2)}.t-long,.lede-x{display: none}.stars{color: #d99a0b;letter-spacing: 1px;font-size: .78rem;flex: none}.chips{grid-area: chips;display: flex;flex-wrap: wrap;gap: 4px 5px;margin: 7px 0 0;padding: 0;list-style: none}.chips li{font-size: .72rem;font-weight: 750;line-height: 1.3;color: var(--aqua-ink);background: var(--glass-2);border: 1px solid var(--glass);padding: 2px 8px;border-radius: 999px}.wg{grid-area: wg;display: grid;gap: 7px;margin-top: 10px;padding: 10px;background: var(--white);border: 1.5px solid var(--line);border-radius: var(--r);box-shadow: 0 14px 30px -22px rgba(27,42,48,.45)}.wg-h{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.dir{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 4px;padding: 4px;background: var(--sand);border: 1px solid var(--line);border-radius: 999px}.dir label{position: relative;display: block;cursor: pointer}.dir input,.sg input,.car input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.dir span{display: block;padding: 4px 8px;border-radius: 999px;text-align: center;font-size: .88rem;font-weight: 750;color: var(--ink-2)}.dir input:checked + span{background: var(--white);color: var(--coral-ink);box-shadow: 0 1px 4px rgba(27,42,48,.18)}.dir input:focus-visible + span,.sg input:focus-visible + .sg-t{outline: 3px solid var(--aqua-ink);outline-offset: 1px}.seg,.cars{min-width: 0;margin: 0;padding: 0;border: 0}.seg legend,.cars legend{padding: 0;margin: 0 0 3px;font-size: .72rem;font-weight: 800;letter-spacing: .07em;text-transform: uppercase;color: var(--ink-2)}:lang(th) .seg legend,:lang(th) .cars legend{font-size: .82rem;letter-spacing: 0;text-transform: none}.sg-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 4px;padding: 4px;background: var(--glass);border-radius: 16px}.sg{position: relative;display: block;min-width: 0;cursor: pointer}.sg-t{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 40px;padding: 3px 2px;border-radius: 12px;text-align: center}.sg-t b{font-size: clamp(.68rem,3.3vw,.84rem);font-weight: 750;line-height: 1.15;color: var(--ink);white-space: nowrap}.sg-t small{font-size: clamp(.62rem,2.9vw,.68rem);line-height: 1.2;color: var(--ink-2);white-space: nowrap}.sg input:checked + .sg-t{background: var(--white);box-shadow: inset 0 0 0 2px var(--coral),0 3px 8px -4px rgba(27,42,48,.5)}.sg input:checked + .sg-t b{color: var(--coral-ink)}.read{display: block}.rt{display: none}.rt{margin: 0;font-size: .84rem;font-weight: 700;line-height: 1.3;color: var(--ink-2)}.big{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 0}.big b{flex: none;font-size: 1.8rem;font-weight: 850;line-height: 1;letter-spacing: -.02em;color: var(--coral-ink)}.big small{font-size: .72rem;line-height: 1.3;text-align: right;color: var(--ink-2)}.car-row{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.car{position: relative;display: grid;justify-items: center;align-content: start;gap: 1px;min-width: 0;padding: 5px 3px 6px;background: var(--white);border: 1.5px solid var(--line);border-radius: var(--r-s);text-align: center;cursor: pointer}.car svg{width: 34px;height: 17px;color: var(--ink-2)}.car-t b{display: block;font-size: .84rem;line-height: 1.2}.car-t small{display: block;font-size: .66rem;line-height: 1.25;color: var(--ink-2)}.car-p{font-size: .9rem;font-weight: 800;color: var(--ink)}.car:has(input:checked){border-color: var(--coral);background: var(--coral-soft);box-shadow: inset 0 0 0 1px var(--coral)}.car:has(input:checked) svg{color: var(--coral)}.car:has(input:focus-visible){outline: 3px solid var(--aqua-ink);outline-offset: 2px}.when,.two{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 8px}@media (max-width: 559px){.two.wide{grid-template-columns: minmax(0,1fr)}}.fld{display: grid;grid-template-columns: minmax(0,1fr);gap: 2px;min-width: 0;font-size: .78rem;font-weight: 750;color: var(--ink-2)}input,select,textarea{width: 100%;min-width: 0;max-width: 100%;min-height: 44px;padding: 9px 12px;font: inherit;font-size: 16px;font-weight: 400;color: var(--ink);background: var(--white);border: 1.5px solid var(--line);border-radius: 12px}input[type=date],input[type=time]{-webkit-appearance: none;appearance: none;display: block;line-height: 1.25}input:focus,select:focus,textarea:focus{border-color: var(--aqua-ink);outline: none;box-shadow: 0 0 0 3px rgba(25,167,184,.28)}.go{display: flex;align-items: center;justify-content: center;gap: 12px;width: 100%;min-height: 50px;padding: 0 18px;font: inherit;font-size: 1.08rem;font-weight: 850;color: #fff;background: var(--coral);border: 0;border-radius: 16px;cursor: pointer}.go:hover{background: var(--coral-ink)}.go:disabled{cursor: not-allowed;opacity: .6}.go-p{padding-left: 12px;border-left: 1.5px solid rgba(255,255,255,.6)}.go-p:empty{display: none}.fine{margin: -2px 0 0;font-size: .76rem;line-height: 1.35;text-align: center;color: var(--ink-2)}@media (min-width: 640px){.hero-grid{grid-template-columns: minmax(0,1fr) 190px;column-gap: 18px}.snap{min-height: 190px}.t-long{display: inline}.t-short{display: none}.lede-x{display: inline}}@media (min-width: 1000px){.hero{padding: 20px 0 28px}.hero-grid{grid-template-columns: minmax(0,620px) minmax(0,1fr);grid-template-areas: "intro snap" "trust snap" "chips snap" "wg snap";column-gap: 40px;align-items: start}.intro{align-self: start}.eyebrow{display: block}.hero h1{font-size: 2.55rem;margin-bottom: 8px}:lang(th) .hero h1{font-size: 2.3rem}.lede{font-size: 1.04rem}.snap{align-self: stretch;min-height: 560px;border-radius: var(--r)}.snap img{object-position: 64% 58%}.snap figcaption{display: block;position: absolute;left: 16px;bottom: 16px}.snap figcaption span{display: inline-block;padding: 6px 13px;font-size: .82rem;font-weight: 750;color: var(--ink);background: rgba(255,255,255,.94);border-radius: 999px}.trust{margin-top: 10px;font-size: .9rem}.chips li{padding: 4px 11px;font-size: .8rem}.wg{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 10px 14px;margin-top: 14px;padding: 16px 18px}.wg-h{position: static;width: auto;height: auto;overflow: visible;clip: auto;white-space: normal;align-self: center;margin: 0;font-size: 1.08rem}.wg .seg,.wg .read,.wg .cars,.wg .when,.wg .go,.wg .fine{grid-column: 1 / -1}.read{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: end;gap: 10px}.rt{display: block}.big{display: block;text-align: right}.big b{display: block;font-size: 1.9rem}.big small{display: block;margin-top: 3px;font-size: .7rem}.sg-t{min-height: 46px}}.rope{width: min(100% - 32px,1200px);height: 14px;margin: 0 auto;background: radial-gradient(circle at 7px 7px,var(--coral) 3.7px,transparent 4.3px) 0 0 / 126px 14px repeat-x,radial-gradient(circle at 7px 7px,var(--aqua) 2.1px,transparent 2.7px) 0 0 / 14px 14px repeat-x}.sec{padding: 40px 0}.kick{margin: 0 0 6px;font-size: .78rem;font-weight: 800;letter-spacing: .09em;text-transform: uppercase;color: var(--aqua-ink)}:lang(th) .kick{font-size: .9rem;letter-spacing: .02em;text-transform: none}.sub{max-width: 46rem;margin: 0 0 20px;color: var(--ink-2)}.pier{background: var(--glass-2)}.strip{position: relative;display: grid;gap: 18px;margin: 0;padding: 0;list-style: none}.strip li:not(:last-child)::after{content: "";position: absolute;top: 56px;bottom: -18px;left: 25px;width: 4px;background: radial-gradient(circle,var(--aqua) 2px,transparent 2.6px) 0 3px / 4px 10px repeat-y}.strip li{position: relative;display: grid;grid-template-columns: 54px minmax(0,1fr);align-content: start;column-gap: 14px}.bead{position: relative;z-index: 1;grid-row: span 2;display: grid;place-items: center;width: 54px;height: 54px;color: var(--coral);background: var(--white);border: 2px solid var(--aqua);border-radius: 50%}.bead svg{width: 30px;height: 30px}.strip li:first-child .bead svg{width: 36px;height: 18px}.strip h3{margin: 6px 0 4px}.strip p{margin: 0;font-size: .95rem;color: var(--ink-2)}.note{margin: 22px 0 0;padding: 12px 16px;font-size: .93rem;background: var(--white);border: 1.5px dashed var(--aqua);border-radius: var(--r-s)}.back{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;margin: 14px 0 0;font-size: .95rem}.back a{font-weight: 800}@media (min-width: 760px){.strip{grid-template-columns: repeat(3,minmax(0,1fr));gap: 28px}.strip li:not(:last-child)::after{top: 25px;bottom: auto;left: calc(50% + 34px);right: calc(-50% + 8px);width: auto;height: 4px;background: radial-gradient(circle,var(--aqua) 2px,transparent 2.6px) 3px 0 / 10px 4px repeat-x}.strip li{grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center}.bead{grid-row: auto;margin-bottom: 8px}}.tide{width: 100%;table-layout: fixed;border-collapse: separate;border-spacing: 0;background: var(--white);border: 1.5px solid var(--line);border-radius: var(--r);overflow: hidden}.tide col{width: auto}.tide thead th{padding: 10px 8px;font-size: .74rem;font-weight: 800;letter-spacing: .06em;text-transform: uppercase;text-align: right;color: #fff;background: var(--sea)}:lang(th) .tide thead th{font-size: .86rem;letter-spacing: 0;text-transform: none}.tide thead th:first-child{width: 34%;padding-left: 12px;text-align: left}.tide .pl th{padding: 14px 12px 4px;text-align: left;border-top: 1px solid var(--line)}.tide tbody:first-of-type .pl th{border-top: 0}.pl-n{margin-right: 8px;font-size: 1rem;font-weight: 800}.pl small{font-size: .78rem;font-weight: 600;color: var(--ink-2);white-space: nowrap}.tide tbody tr:not(.pl) th{padding: 3px 4px 3px 12px;text-align: left;font-weight: 600}.tide td{padding: 3px 8px 3px 0;text-align: right}.tide tbody tr:last-child>*{padding-bottom: 12px}.way{font-size: .82rem;color: var(--ink-2)}@media (min-width: 360px){.way{white-space: nowrap}}.way::before{content: "→ ";font-weight: 800;color: var(--aqua-ink)}.way.w-from::before{content: "← "}a.way{font-weight: 700;color: var(--coral-ink);text-underline-offset: 2px}a.way::before{display: inline-block;margin-right: .3em}.fare{display: inline-block;padding: 5px 6px;font-size: .88rem;font-weight: 800;color: var(--ink);text-decoration: none;background: var(--sand);border: 1px solid var(--line);border-radius: 10px}.fare:hover{color: var(--coral-ink);background: var(--coral-soft);border-color: var(--coral)}@media (min-width: 700px){.tide thead th,.tide td{padding-right: 14px}.fare{min-width: 96px;padding: 6px 12px;font-size: 1rem}.way{font-size: .92rem}}@media (min-width: 1000px){.tide thead th:not(:first-child),.tide td{text-align: center;padding-right: 8px}.fare{min-width: 112px}}.incl{display: grid;gap: 12px;margin-top: 20px}.lst{padding: 16px 18px;background: var(--white);border: 1px solid var(--line);border-radius: var(--r-s)}.lst h3{font-size: 1rem}.lst ul{display: grid;gap: 6px;margin: 0;padding: 0;list-style: none}.lst li{position: relative;padding-left: 22px;font-size: .92rem;color: var(--ink-2)}.lst li::before{content: "";position: absolute;top: .5em;left: 2px;width: 10px;height: 10px;border-radius: 50%;background: var(--aqua)}.lst.ask li::before{background: var(--white);border: 2px solid var(--aqua)}.lst.no li::before{top: .72em;height: 3px;border-radius: 2px;background: var(--coral)}.lst [data-fare]{font-weight: 750;color: var(--ink)}@media (min-width: 860px){.incl{grid-template-columns: repeat(3,minmax(0,1fr))}}.kc{padding-top: 10px}.kc-card{display: grid;gap: 18px;padding: 22px;color: #d5e9e6;background: var(--sea);border-radius: var(--r)}.kc-card h2{color: #fff}.kc-card .kick{color: #9fd3cc}.kc-card p{margin: 0}.kc-line{display: flex;margin: 4px 0 14px;padding: 0;list-style: none}.kc-line li{position: relative;flex: 1;padding-top: 16px;font-size: .78rem;font-weight: 700;color: #cfe9e6}.kc-line li::before{content: "";position: absolute;top: 2px;left: 0;width: 11px;height: 11px;border-radius: 50%;background: var(--coral)}.kc-line li::after{content: "";position: absolute;top: 7px;left: 15px;right: 6px;height: 2px;background: repeating-linear-gradient(90deg,#9fd3cc 0 6px,transparent 6px 10px)}.kc-line li:last-child{flex: 0 0 auto}.kc-line li:last-child::after{display: none}.kc-legs{display: grid;gap: 10px}.leg{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 2px 12px;padding: 14px 16px;color: var(--ink);text-decoration: none;background: var(--white);border-radius: var(--r-s)}.leg:hover{box-shadow: inset 0 0 0 2px var(--coral)}.leg-n{font-weight: 750}@media (max-width: 359px){.leg-n{font-size: .9rem}}.leg-p{grid-row: span 2;text-align: right;font-size: 1.5rem;font-weight: 850;line-height: 1.05;color: var(--coral-ink)}.leg-p small{display: block;font-size: .72rem;font-weight: 650;color: var(--ink-2)}.leg-m{font-size: .82rem;color: var(--ink-2)}.leg-go{grid-column: 1 / -1;margin-top: 4px;font-size: .9rem;font-weight: 800;color: var(--coral-ink)}@media (min-width: 900px){.kc-card{grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);align-items: center;padding: 30px 34px}}.fleet-pic{overflow: hidden;aspect-ratio: 1400 / 594;background: var(--glass);border-radius: var(--r)}.fleet-pic img{width: 100%;height: 100%;object-fit: cover}.specs{display: grid;gap: 10px;margin: 14px 0 0;padding: 0;list-style: none}.specs li{display: grid;grid-template-columns: 52px minmax(0,1fr) auto;grid-template-areas: "ic h fr" "ic p fr" "ic m fr";column-gap: 12px;align-items: center;padding: 12px 14px;background: var(--white);border: 1px solid var(--line);border-radius: var(--r-s)}.specs .ic{grid-area: ic;color: var(--aqua-ink)}.specs .ic svg{width: 52px;height: 26px}.specs h3{grid-area: h;margin: 0}.specs p{grid-area: p;margin: 0;font-size: .86rem;color: var(--ink-2)}.specs .mdl{grid-area: m;font-size: .8rem}.specs .from{grid-area: fr;text-align: right;font-size: .76rem}.specs .from [data-fare]{display: block;font-size: 1.2rem;font-weight: 850;color: var(--ink)}@media (min-width: 760px){.specs{grid-template-columns: repeat(3,minmax(0,1fr))}}.how{background: var(--white)}.three{display: grid;gap: 12px;margin: 0;padding: 0;list-style: none;counter-reset: n}.three li{position: relative;padding: 16px 16px 16px 62px;background: var(--sand);border: 1px solid var(--line);border-radius: var(--r-s);counter-increment: n}.three li::before{content: counter(n);position: absolute;top: 14px;left: 16px;display: grid;place-items: center;width: 32px;height: 32px;font-weight: 850;color: #fff;background: var(--coral);border-radius: 50%}.three b{display: block;margin-bottom: 2px}.three span{font-size: .92rem;color: var(--ink-2)}@media (min-width: 760px){.three{grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px}}.qa{display: grid;gap: 8px;max-width: 880px}.qa details{background: var(--white);border: 1px solid var(--line);border-radius: var(--r-s)}.qa summary{position: relative;padding: 14px 46px 14px 16px;font-weight: 750;list-style: none;cursor: pointer}.qa summary::-webkit-details-marker{display: none}.qa summary::after{content: "";position: absolute;top: 50%;right: 16px;width: 14px;height: 14px;margin-top: -7px;transition: transform .2s;background: linear-gradient(var(--coral),var(--coral)) center / 14px 2.5px no-repeat,linear-gradient(var(--coral),var(--coral)) center / 2.5px 14px no-repeat}.qa details[open] summary::after{transform: rotate(45deg)}.qa details p{margin: 0;padding: 0 16px 16px;color: var(--ink-2)}.qa [data-fare]{font-weight: 750;color: var(--ink)}.close{padding: 8px 0 44px}.close-card{display: grid;gap: 16px;padding: 24px;background: var(--glass);border-radius: var(--r)}.close-card h2{margin-bottom: 6px}.close-card p{margin: 0 0 6px;color: var(--ink-2)}@media (min-width: 860px){.close-card{grid-template-columns: minmax(0,1fr) auto;align-items: center;padding: 30px 34px}}.btns{display: flex;flex-wrap: wrap;gap: 8px;margin: 0}.close-card .btns{display: grid;grid-template-columns: minmax(0,1fr)}@media (min-width: 560px){.close-card .btns{grid-template-columns: repeat(3,auto)}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 0 18px;font-weight: 800;text-decoration: none;border: 1.5px solid transparent;border-radius: 14px}.btn svg{width: 20px;height: 20px}.btn.coral{color: #fff;background: var(--coral)}.btn.coral:hover{background: var(--coral-ink)}.btn.wa{color: #fff;background: var(--wa)}.btn.line{color: #fff;background: var(--line-app)}.btn.ghost{color: var(--ink);background: var(--white);border-color: var(--line)}.foot{padding: 36px 0 92px;color: #d5e9e6;background: var(--sea)}.foot a{color: #fff}.f-grid{display: grid;gap: 22px}.foot h2{margin-bottom: 10px;font-size: .8rem;letter-spacing: .08em;text-transform: uppercase;color: #9fd3cc}:lang(th) .foot h2{font-size: .95rem;letter-spacing: .02em;text-transform: none}.foot ul{display: grid;gap: 7px;margin: 0;padding: 0;list-style: none}.foot ul a{font-size: .92rem;text-decoration: none}.foot ul a:hover{text-decoration: underline}.f-mark .word{color: #fff}.f-about p{margin: 12px 0 0;font-size: .9rem}.f-rate{color: #9fd3cc}.smile{display: grid;justify-items: center;gap: 10px;margin-top: 28px;padding-top: 22px;text-align: center;border-top: 1px solid var(--sea-2)}.smile img{width: 260px;height: 56px}.smile-t{display: flex;align-items: center;justify-content: center;gap: 10px;font-size: .92rem}.smile-t a{text-decoration: none}.smile-t a:hover{text-decoration: underline}.op{margin: 18px 0 0;font-size: .8rem;text-align: center;color: #b9d4d0}@media (min-width: 860px){.f-grid{grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr))}}@media (min-width: 1000px){.foot{padding-bottom: 34px}}.dock{position: fixed;right: 0;bottom: 0;left: 0;z-index: 50;display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap: 6px;padding: 8px 10px calc(8px + env(safe-area-inset-bottom));background: var(--white);border-top: 1px solid var(--line);box-shadow: 0 -8px 20px -14px rgba(27,42,48,.45)}.dock a{display: flex;align-items: center;justify-content: center;gap: 6px;min-height: 44px;font-size: .92rem;font-weight: 800;text-decoration: none;border-radius: 12px}.dock svg{width: 19px;height: 19px;flex: none}.d-book{color: #fff;background: var(--coral)}.d-wa{color: #fff;background: var(--wa)}.d-line{color: #fff;background: var(--line-app)}@media (min-width: 1000px){.dock{display: none}}.page{padding: 24px 0 44px}.page h1{font-size: clamp(1.6rem,5vw,2.4rem);font-weight: 850}.bk-grid,.ct-grid,.side{display: grid;gap: 16px}.panel{padding: clamp(12px,4vw,18px);background: var(--white);border: 1.5px solid var(--line);border-radius: var(--r)}.panel h2{font-size: 1.15rem}.ride{display: grid;gap: 12px;align-content: start}.sum{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 14px;background: var(--glass-2);border: 1px solid var(--glass);border-radius: var(--r-s)}.sum b{display: block}.sum small{font-size: .82rem;color: var(--ink-2)}.amt{font-size: 1.7rem;font-weight: 850;white-space: nowrap;color: var(--coral-ink)}.form{display: grid;gap: 12px}.hint{font-size: .76rem;font-weight: 500;color: var(--ink-2)}.phone{display: grid;grid-template-columns: 104px minmax(0,1fr);gap: 6px}.phone:has(select[hidden]){grid-template-columns: minmax(0,1fr)}.alert{display: grid;gap: 4px;padding: 12px 14px;font-size: .95rem;border-radius: 12px}.alert.good{color: #14532d;background: #e6f5ea;border: 1px solid #b7e0c3}.alert.bad{color: #8a1c10;background: #fdecea;border: 1px solid #f3c1b9}.nexts{display: grid;gap: 6px;margin: 0;padding-left: 20px;color: var(--ink-2)}.chat p{color: var(--ink-2)}.stack{display: grid;gap: 8px;margin: 0}.nf-code{margin: 0;font-size: 4.2rem;font-weight: 900;line-height: 1;color: var(--aqua)}@media (min-width: 980px){.bk-grid{grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);align-items: start}.ride{position: sticky;top: 84px}.ct-grid{grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);align-items: start}}@media (max-width: 359px){.cf-turnstile{zoom: .86;max-width: 100%}}