/* Pattaya and Na Jomtien boats page (0.2.10.93). Loaded after thailand-water-page.css, which carries the shared
   `.gnd-water` parts (hero frame, notice, section heads, media, partner band, FAQ). Only this page's blocks live here. */
/* First screen. Desktop: copy in the left column over the calm water, the yacht and catamaran stay clear on the right.
   Up to 900px the separate portrait picture keeps the boats in its upper half; the heading sits over the open water at
   the foot of the picture, the lead and section links follow under it. */
.gnd-water--pattaya .gnd-water__hero-image img{object-position:62% 40%}
/* The evening sky behind the top of the copy is bright: a second, top-down shade keeps the small eyebrow and the H1
   readable (WCAG checked at 320–1920px). */
.gnd-water--pattaya .gnd-water__hero-shade{background:linear-gradient(180deg,rgba(2,24,42,.5) 0%,rgba(2,24,42,.2) 38%,rgba(2,24,42,0) 55%),linear-gradient(90deg,rgba(2,24,42,.84) 0%,rgba(2,24,42,.66) 30%,rgba(2,24,42,.2) 50%,rgba(2,24,42,0) 60%)}
.gnd-water--pattaya .gnd-water__eyebrow{color:#ecfbf8}
.gnd-water--pattaya .gnd-water__hero-title,.gnd-water--pattaya .gnd-water__hero-body{max-width:min(560px,42vw)}
.gnd-pty__back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 18px;padding:9px 18px 9px 14px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(4,28,48,.55);backdrop-filter:blur(6px);color:#fff;font-size:.95rem;font-weight:800;line-height:1.2;text-decoration:none}
.gnd-pty__back:hover,.gnd-pty__back:focus-visible{background:#fff;border-color:#fff;color:var(--ink)}
/* The honest status: the shared band, made more prominent with a marker. */
.gnd-water .gnd-pty__notice p{position:relative;padding:18px 0 18px 30px;font-size:1.02rem;color:#173c52}
.gnd-pty__notice p::before{content:"";position:absolute;left:0;top:23px;width:16px;height:16px;border-radius:50%;background:#f0a33a;box-shadow:0 0 0 4px rgba(240,163,58,.22)}
/* The coast: picture beside four short points in a 2 x 2 grid (about the picture's height) above 1100px; below it the
   picture sits above the 2 x 2 points, one column of points on small phones. The boarding point is set apart. */
.gnd-pty__coast{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;align-items:start}
.gnd-pty__coast-media{border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(9,53,71,.1)}
.gnd-pty__coast-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.gnd-pty__coast-item{padding:14px 0 0;border-top:2px solid var(--sea)}
.gnd-pty__coast-item h3{font-size:1.12rem;line-height:1.3}
.gnd-pty__coast-item p{margin-top:6px;color:var(--muted);font-size:.97rem;line-height:1.5}
.gnd-pty__coast-item--board{padding:14px 16px 16px;border:1px solid #cbe6df;border-top:2px solid var(--sea);border-radius:0 0 14px 14px;background:#e9f5f2}
/* Boat types: three equal picture cards (three columns above 1100px, picture-beside-copy rows on tablets, one column on
   phones); "Choose it if" as a short checklist, "Ask the operator" at the foot of every card. */
.gnd-pty__boats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gnd-pty__boat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(9,53,71,.045)}
.gnd-pty__boat-copy{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.gnd-pty__boat-copy>p:first-of-type{margin-top:10px;color:var(--muted);font-size:1rem}
.gnd-water .gnd-pty__choose-label{margin-top:16px;color:var(--ink);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.gnd-pty__choose{list-style:none;margin:8px 0 18px;padding:0}
.gnd-pty__choose li{position:relative;margin:0;padding:4px 0 4px 26px;color:var(--muted);font-size:.98rem;line-height:1.45}
.gnd-pty__choose li::before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background:#e1f2ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='%23066a6f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.gnd-water .gnd-pty__ask{margin-top:auto;padding:14px 16px;border-radius:12px;background:var(--mist);color:var(--ink);font-size:.95rem;line-height:1.5}
.gnd-pty__ask strong{display:block;margin-bottom:4px;color:#066a6f}
.gnd-water__section--tint .gnd-water .gnd-pty__ask,.gnd-water__section--tint .gnd-pty__ask{background:#eef6f5}
/* Boarding: above 1100px the pontoon picture beside a four-point checklist, centred on the picture (the list is the
   shorter of the two; no box is stretched); below it the picture sits above the list. */
.gnd-pty__boarding{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;align-items:center}
.gnd-pty__boarding-media{border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(9,53,71,.1)}
.gnd-pty__checklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gnd-pty__checklist li{position:relative;margin:0;padding:14px 0 14px 34px;border-bottom:1px solid var(--line);color:var(--muted);font-size:1rem;line-height:1.5}
.gnd-pty__checklist li::before{content:"";position:absolute;left:2px;top:17px;width:20px;height:20px;border-radius:50%;background:var(--sea) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.gnd-pty__checklist strong{color:var(--ink)}
/* Questions for the operator: ten numbered items, two columns of five on wide screens, one column on phones. */
.gnd-pty__questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;counter-reset:q}
.gnd-pty__questions article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 14px;align-items:start;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.gnd-pty__q-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e1f2ee;color:#066a6f;font-size:.9rem;font-weight:800}
.gnd-pty__questions h3{font-size:1.06rem;line-height:1.3}
.gnd-pty__questions p{margin-top:6px;color:var(--muted);font-size:.98rem;line-height:1.55}
/* Partner band: what to tell us, as three short points. */
.gnd-pty__partner-points{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 0 0;padding:0}
.gnd-pty__partner-points li{margin:0;padding:8px 14px 8px 32px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.4l3 3 7-7' fill='none' stroke='%2391e2d4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 11px center/16px no-repeat;color:#eaf6f6;font-size:.94rem;font-weight:700}
/* After the FAQ: the way back to the Thailand page. */
.gnd-pty__next{padding:0 max(24px,calc((100vw - 1200px)/2)) 76px;background:#fff}
.gnd-pty__next-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:26px 30px;border:1px solid #cbe6df;border-radius:20px;background:#e9f5f2}
.gnd-water .gnd-pty__next p{flex:1 1 420px;color:var(--ink);font-size:1.05rem;font-weight:600}
.gnd-pty__next a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;text-decoration:none}
.gnd-pty__next a:hover,.gnd-pty__next a:focus-visible{background:var(--sea)}
@media(max-width:1100px){.gnd-pty__boats{grid-template-columns:1fr;gap:18px}.gnd-pty__boat{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;padding:16px}.gnd-pty__boat .gnd-water__media{border-radius:14px;overflow:hidden}.gnd-pty__boat-copy{padding:4px 10px 4px 22px}.gnd-pty__coast,.gnd-pty__boarding{grid-template-columns:1fr;gap:24px;align-items:start}}
@media(max-width:900px){.gnd-water--pattaya .gnd-water__hero-image img{object-position:50% 30%}.gnd-water--pattaya .gnd-water__hero-title,.gnd-water--pattaya .gnd-water__hero-body{max-width:640px}.gnd-water--pattaya .gnd-water__hero-title{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-top:0;padding-bottom:22px}.gnd-water--pattaya .gnd-water__hero-shade{background:linear-gradient(180deg,rgba(2,24,42,0) 0%,rgba(2,24,42,0) 52%,rgba(2,24,42,.55) 70%,rgba(2,24,42,.86) 88%,#0a3550 100%)}.gnd-water--pattaya h1{font-size:clamp(1.85rem,7.6vw,2.8rem)}.gnd-pty__coast,.gnd-pty__boarding{grid-template-columns:1fr;align-items:start}}
@media(max-width:560px){.gnd-pty__coast-list{grid-template-columns:1fr}}
@media(max-width:700px){.gnd-pty__boat{display:flex;padding:0}.gnd-pty__boat .gnd-water__media{border-radius:0}.gnd-pty__boat-copy{padding:20px 20px 22px}.gnd-pty__questions{grid-template-columns:1fr;gap:12px}.gnd-pty__questions article{grid-template-columns:34px minmax(0,1fr);gap:0 12px;padding:16px}.gnd-pty__q-num{width:34px;height:34px;font-size:.84rem}.gnd-pty__partner-points{flex-direction:column;align-items:flex-start}.gnd-pty__next{padding:0 20px 56px}.gnd-pty__next-inner{padding:22px}.gnd-pty__next a{width:100%;justify-content:center}.gnd-pty__back{font-size:.9rem;padding:8px 14px 8px 12px;margin-bottom:12px}}