{"id":24933,"date":"2023-06-01T09:14:07","date_gmt":"2023-06-01T02:14:07","guid":{"rendered":"https:\/\/khaolaklanddiscovery.com\/khao-lak-webcam\/"},"modified":"2026-07-04T09:09:21","modified_gmt":"2026-07-04T02:09:21","slug":"khao-lak-webcam","status":"publish","type":"page","link":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/khao-lak-webcam\/","title":{"rendered":"WEBCAM DE KHAO LAK"},"content":{"rendered":"<h1>WEBCAM DE KHAO LAK<\/h1>\n<p>Obtiens des mises \u00e0 jour m\u00e9t\u00e9o en temps r\u00e9el et profite de vues imprenables sur Khao Lak avec notre webcam en direct. Reste inform\u00e9 et captiv\u00e9 en observant la beaut\u00e9 \u00e9poustouflante de ce paradis tropical. Reste \u00e0 jour sur les conditions m\u00e9t\u00e9o actuelles, planifie tes activit\u00e9s et laisse-toi s\u00e9duire par les paysages grandioses de Khao Lak. Explore l\u2019enchantement de cette destination directement depuis ton \u00e9cran gr\u00e2ce \u00e0 notre webcam Khao Lak &#8211; Khao Lak Land Discovery   <\/p>\n<p>\t\t\t<!-- khao-lak-webcam --><ins style=\"display:block\" data-ad-client=\"ca-pub-4611537326733417\" data-ad-slot=\"3917298660\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\t\t\t\t\t<\/p>\n<h2>Obtiens les meilleures offres Vol\/H\u00f4tel \u00e0 Khao Lak<\/h2>\n<ul role=\"tablist\">\n<li role=\"presentation\">\n                        <a data-bs-toggle=\"pill\" href=\"#\" data-bs-target=\"#nav-tp_flight\" role=\"tab\" aria-controls=\"nav-tp_flight\">TravelerPayout Flight<\/a>\n                        <\/li>\n<li role=\"presentation\">\n                        <a data-bs-toggle=\"pill\" href=\"#\" data-bs-target=\"#nav-tp_hotel\" role=\"tab\" aria-controls=\"nav-tp_hotel\">TravelerPayout Hotel<\/a>\n                        <\/li>\n<\/ul>\n<p>            <label>Origin<\/label><\/p>\n<p>\t\t\t<label>Destination<\/label><\/p>\n<p>            <label>Depart<\/label><br \/>\n            Add date<br \/>\n            <label>Return<\/label><br \/>\n            Add date<\/p>\n<p>                <label>Passengers\/Class<\/label><br \/>\n                    1 passenger(s)<br \/>\n                    economy class<\/p>\n<ul aria-labelledby=\"dropdown-advance\">\n<li>\n                <label>Adults<\/label><\/p>\n<\/li>\n<li>\n                <label>Children<\/label><\/p>\n<\/li>\n<li>\n                <label>Infants<\/label><\/p>\n<\/li>\n<li>\n                    Maximum 9 passengers<br \/>\n                Close<\/p>\n<hr>\n<p>                    <label> Business class<\/label><\/p>\n<\/li>\n<\/ul>\n<p>        <button><br \/>\n            Search        <\/button><\/p>\n<p>                <label>Destination<\/label><\/p>\n<p>\t\t\t<label>Check in<\/label><br \/>\n\t\t\tAdd date<br \/>\n\t\t\t<label>Check out<\/label><br \/>\n\t\t\tAdd date<\/p>\n<p>\t\t\t\t\t<label>Guests<\/label><br \/>\n\t\t\t\t\t\t1 Adult<br \/>\n\t\t\t\t\t\t&#8211;<br \/>\n\t\t\t\t\t\t0 Children<\/p>\n<ul>\n<li>\n\t\t\t\t<label>Adults<\/label><\/p>\n<\/li>\n<li>\n\t\t\t\t<label>Children<\/label><\/p>\n<\/li>\n<\/ul>\n<p>\t\t<button><br \/>\n\t\t\tSearch\t\t<\/button><\/p>\n<h6>Abonne-toi \u00e0 notre cha\u00eene YouTube<\/h6>\n<h6>Suis-nous sur FACEBOOK<\/h6>\n<blockquote cite=\"https:\/\/www.facebook.com\/KLlanddiscovery\"><p><a href=\"https:\/\/www.facebook.com\/KLlanddiscovery\" rel=\"nofollow noopener\" target=\"_blank\">Khao Lak Land Discovery<\/a><\/p><\/blockquote>\n<p>\t\t\t\t\t<iframe width=\"560\" height=\"600\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/live_stream?channel=UCDQ9-OMttGoiRHzLrg-xKRA\" title=\"Lecteur video YouTube en direct de Khao Lak\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h5>TU POURRAIS AUSSI AIMER<\/h5>\n<p>                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/phang-nga-bay-sunset-serenity-cruise\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2025\/12\/IMG_2251-700x900.jpeg\" alt=\"Phang Nga Bay Sunset Serenity Cruise\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Islands trip<br \/>\n                             Phang Nga Bay, Thailand                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/phang-nga-bay-sunset-serenity-cruise\/\" data-price=\"From \u0e3f4,500\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2025\/12\/IMG_2251-700x900.jpeg\" data-location=\"Phang Nga\">Phang Nga Bay Sunset Serenity Cruise<\/a><br \/>\n            <\/h4>\n<p>A sunset catamaran cruise into Phang Nga Bay from Khao Lak \u2014 limestone islands turning gold, swimming and dinner served as the light fades.<\/p>\n<p>                        From \u0e3f4,500<br \/>\n                    <i><\/p>\n<p><\/i>Half Day &middot; from Khao Lak<br \/>\n                4.8            <\/p>\n<p>                (18 Reviews)<\/p>\n<p>\/* ============================================================================<br \/>\n   KLLD-TOURS-PLATE \u2014 full-image tour-card plate (alm-cats aesthetic).<br \/>\n   GRID is scoped to .klld-card; LIST keeps the Emerald-Daybreak skin below.<br \/>\n   CSS-only. No #0b7016, no Inter.<br \/>\n   ========================================================================== *\/<br \/>\n.klld-card,.services-item.list.item-elementor{<br \/>\n  &#8211;kg:#099024;          \/* brand green *\/<br \/>\n  &#8211;kgd:#067a1d;         \/* pressed\/deep green *\/<br \/>\n  &#8211;kglow:#2fbf4a;       \/* lifted green *\/<br \/>\n  &#8211;ky:#ffcc00;          \/* sun yellow *\/<br \/>\n  &#8211;ky-deep:#c79100;     \/* gold for serif emphasis on white *\/<br \/>\n  &#8211;kink:#0c1f1a;        \/* tropical-night plate *\/<br \/>\n  &#8211;kink-2:#3a3f3d;      \/* body dark-grey (list) *\/<br \/>\n  &#8211;ksoft:#54605a;       \/* muted grey text (list) *\/<br \/>\n  &#8211;kfaint:#828c87;      \/* dim grey micro-label (list) *\/<br \/>\n  &#8211;kpaper:#ffffff;      \/* pure white surface (list) *\/<br \/>\n  &#8211;kpaper-2:#fbfbf9;<br \/>\n  &#8211;kg-soft:#dff0e2;<br \/>\n  &#8211;kline:rgba(39,43,41,.12);<br \/>\n  &#8211;kline-soft:rgba(39,43,41,.07);<br \/>\n  &#8211;kline-g:rgba(9,144,36,.20);<br \/>\n  &#8211;kshadow:0 30px 60px -42px rgba(28,46,32,.30);<br \/>\n  &#8211;kshadow-lo:0 18px 38px -30px rgba(28,46,32,.28);<br \/>\n  &#8211;kdisp:\u00a0\u00bbFraunces\u00a0\u00bb,Georgia,serif;<br \/>\n  &#8211;kbody:\u00a0\u00bbHanken Grotesk\u00a0\u00bb,system-ui,sans-serif;<br \/>\n  &#8211;kmono:\u00a0\u00bbJetBrains Mono\u00a0\u00bb,ui-monospace,monospace}<br \/>\n\/* &#8212;- GRID CARD : full-image plate &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br \/>\n   .klld-card&#8211;tour scopes the full-bleed plate layout. Plain .klld-card covers<br \/>\n   shared tokens and the rental-card skin (klld-card&#8211;rental) overrides below.<br \/>\n   This prevents tour CSS bleeding into rental cards on pages that show both. *\/<br \/>\n.klld-card{height:100%}<br \/>\n.klld-card&#8211;tour .item.service-border{position:relative;height:100%;min-height:75vh;display:block;<br \/>\n  border:0;border-radius:18px;overflow:hidden;isolation:isolate;background:var(&#8211;kink);<br \/>\n  box-shadow:var(&#8211;kshadow-lo);<br \/>\n  transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s cubic-bezier(.22,.61,.36,1)}<br \/>\n.klld-card&#8211;tour .item.service-border:hover{transform:translateY(-6px);box-shadow:var(&#8211;kshadow)}<br \/>\n\/* KLLD-PLATE-PRESS 2026-06-16 :: tap affordance for touch (no hover). The whole<br \/>\n   plate is clickable via klld_card_click_delegate; on press the card dips + the<br \/>\n   gold base hairline + go-arrow fire so phones get the same \u00ab\u00a0this is a button\u00a0\u00bb<br \/>\n   feedback desktop gets on hover. cursor:pointer set on .content-item already;<br \/>\n   add it to the border box so the photo zone shows the hand too. *\/<br \/>\n.klld-card&#8211;tour .item.service-border{cursor:pointer}<br \/>\n.klld-card&#8211;tour .item.service-border:active{transform:translateY(-2px) scale(.992);<br \/>\n  box-shadow:var(&#8211;kshadow-lo);transition:transform .12s ease,box-shadow .12s ease}<br \/>\n.klld-card&#8211;tour .item.service-border:active .featured-image::before{<br \/>\n  background:linear-gradient(180deg,rgba(6,20,12,.02) 0%,rgba(6,20,12,.12) 38%,rgba(6,16,10,.62) 72%,rgba(6,16,10,.92) 100%)}<br \/>\n.klld-card&#8211;tour .item.service-border:active .featured-image::after{opacity:1;transform:scaleX(1)}<br \/>\n.klld-card&#8211;tour .item.service-border:active .featured-image img.image-feature{transform:scale(1.04)}<br \/>\n.klld-card&#8211;tour .item.service-border:active .section-footer::after{transform:translateX(5px)}<br \/>\n\/* photo fills the entire card.<br \/>\n   KLLD-SLIDER-FIX (2026-06-16): in the homepage st_list_service SLIDER, the theme&rsquo;s<br \/>\n   own `.service-list-wrapper .item .featured-image{position:relative}` (specificity<br \/>\n   0,3,0) outranks a plain `.klld-card .featured-image` (0,2,0) and forces the photo<br \/>\n   box to position:relative -&gt; its absolute <img> contributes no height -&gt; the box<br \/>\n   collapses to 0px tall and only the white card paper shows. We raise this overlay<br \/>\n   rule&rsquo;s specificity (0,4,0 via .services-item.item-elementor.klld-card) so the<br \/>\n   full-bleed photo wins in BOTH grid and slider contexts. *\/<br \/>\n\/* KLLD-FULLBLEED 2026-06-16 :: photo fills the WHOLE card edge-to-edge (no frame),<br \/>\n   per user request \u2014 reverted from the inset \u00ab\u00a0Destinations\u00a0\u00bb frame. The card&rsquo;s own<br \/>\n   border-radius + overflow:hidden round the photo corners. *\/<br \/>\n.klld-card&#8211;tour .featured-image,<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .featured-image{position:absolute;inset:0;z-index:0;margin:0;overflow:hidden;background:#0c1f1a}<br \/>\n.klld-card&#8211;tour .featured-image &gt; a:not(.login),<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .featured-image &gt; a:not(.login){display:block;position:absolute;inset:0}<br \/>\n.klld-card&#8211;tour .featured-image img.image-feature{position:absolute;inset:0;width:100%;height:100%;<br \/>\n  object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .6s}<br \/>\n.klld-card&#8211;tour .item.service-border:hover .featured-image img.image-feature{transform:scale(1.07)}<br \/>\n\/* atmospheric scrim \u2014 KLLD-PLATE-ALMCAT 2026-06-16. Re-tuned to MATCH the homepage<br \/>\n   .alm-cat category plate&rsquo;s curve: a CLEAN, light top (so bright Surin\/Similan<br \/>\n   turquoise reads) easing to a very deep base (where the flex-end text lives).<br \/>\n   KLLD-LIGHT-SCRIM 2026-06-24: switched to a light-touch gradient \u2014 fully transparent<br \/>\n   at the top so the photo sky\/sea reads clearly; gentle darkening only in the lower<br \/>\n   \u2153 where the white flex-end title lives. Hover blooms a subtle green breath. *\/<br \/>\n.klld-card&#8211;tour .featured-image::before{content:\u00a0\u00bb\u00a0\u00bb;position:absolute;inset:0;z-index:1;pointer-events:none;<br \/>\n  background:linear-gradient(180deg,rgba(6,20,12,.0) 0%,rgba(6,20,12,.04) 35%,rgba(6,16,10,.52) 68%,rgba(6,16,10,.88) 100%);<br \/>\n  transition:background .5s}<br \/>\n.klld-card&#8211;tour .item.service-border:hover .featured-image::before{<br \/>\n  background:linear-gradient(180deg,rgba(9,144,36,.06) 0%,rgba(9,40,22,.14) 38%,rgba(8,22,14,.60) 72%,rgba(6,16,10,.92) 100%)}<br \/>\n\/* sun-gold\u2192green hairline that sweeps in along the base on hover *\/<br \/>\n.klld-card&#8211;tour .featured-image::after{content:\u00a0\u00bb\u00a0\u00bb;position:absolute;left:0;right:0;bottom:0;height:3px;z-index:4;<br \/>\n  background:linear-gradient(90deg,var(&#8211;kg),var(&#8211;ky) 58%,var(&#8211;kg));<br \/>\n  opacity:0;transform:scaleX(.35);transform-origin:left;transition:opacity .4s,transform .55s}<br \/>\n.klld-card&#8211;tour .item.service-border:hover .featured-image::after{opacity:1;transform:scaleX(1)}<br \/>\n\/* wishlist \u2014 frosted disc, top-right, above the photo. KLLD-PLATE-TAP 2026-06-16:<br \/>\n   grown 38\u219242px so it clears the ~44px comfortable touch-target floor and never<br \/>\n   collides with the rating chip on the left (the chip is max-width-capped to leave<br \/>\n   a 70px right gutter for exactly this disc). A clear :active feedback for touch. *\/<br \/>\n.klld-card&#8211;tour .service-add-wishlist{position:absolute;top:13px;right:13px;z-index:6;width:42px;height:42px;<br \/>\n  border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);<br \/>\n  border:1px solid rgba(255,255,255,.30);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;<br \/>\n  box-shadow:0 8px 22px -12px rgba(0,0,0,.6);transition:background .2s,transform .2s,color .2s}<br \/>\n.klld-card&#8211;tour .service-add-wishlist svg{width:18px;height:18px}<br \/>\n.klld-card&#8211;tour .service-add-wishlist:hover{background:var(&#8211;kg);border-color:var(&#8211;kg);color:#fff;transform:scale(1.08)}<br \/>\n.klld-card&#8211;tour .service-add-wishlist:active{transform:scale(.92);background:var(&#8211;kg);border-color:var(&#8211;kg);color:#fff}<br \/>\n.klld-card&#8211;tour .service-add-wishlist.added{background:var(&#8211;kg);border-color:var(&#8211;kg);color:#fff}<br \/>\n.klld-card&#8211;tour .featured-image &gt; a.login{display:contents}<br \/>\n\/* overlaid body \u2014 sits at the card base, above the gradient. KLLD-EDITORIAL 2026-06-16:<br \/>\n   increased padding to 30px 26px for more generous spacing and better rhythm.<br \/>\n   The larger title and description need breathing room; the padding increase<br \/>\n   creates a refined, editorial card layout. KLLD-CARD-CLICK-2026: remains<br \/>\n   pointer-events:auto with klld_card_click_delegate.<br \/>\n   KLLD-SPEC-FIX 2026-06-16: selector raised to (0,4,0) to beat the parent theme&rsquo;s<br \/>\n   `.services-item.item-elementor .item .content-item` at same specificity \u2014 source<br \/>\n   order (child after parent) then decides the win, no !important needed. *\/<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .content-item,<br \/>\n.klld-card&#8211;tour .content-item{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;<br \/>\n  justify-content:flex-end;gap:2px;padding:30px 26px 20px;font-family:var(&#8211;kbody);color:#fff;pointer-events:auto;cursor:pointer;<br \/>\n  overflow:hidden}<br \/>\n.klld-card&#8211;tour .content-item a{pointer-events:auto}<br \/>\n\/* eyebrow: mono type tag in sun-gold. KLLD-PLATE-EDITORIAL 2026-06-16 \u2014 refined to<br \/>\n   the reference \u00ab\u00a0category plate\u00a0\u00bb treatment: LARGER size (.75rem), prominent display,<br \/>\n   gold accent reads as the \u00ab\u00a0NN \/\u00a0\u00bb index slash. Bold and commanding at card top. *\/<br \/>\n.klld-card&#8211;tour .klld-card-eyebrow{gap:8px;min-height:0;margin-bottom:2px;justify-content:flex-start!important}<br \/>\n\/* mono gold eyebrow \u2014 ENLARGED to .75rem (from .66rem) with tighter tracking and<br \/>\n   bold weight to match reference \u00ab\u00a004 \/ PLACES\u00a0\u00bb style. The gradient tick remains but<br \/>\n   resized (22px) to match the larger font. KLLD-PLATE-EDITORIAL. *\/<br \/>\n.klld-card&#8211;tour .klld-card-tag{font-family:var(&#8211;kmono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;<br \/>\n  font-weight:700;color:var(&#8211;ky);white-space:nowrap;display:inline-flex;align-items:center;gap:11px;<br \/>\n  text-shadow:0 1px 5px rgba(0,0,0,.35)}<br \/>\n.klld-card&#8211;tour .klld-card-tag::before{content:\u00a0\u00bb\u00a0\u00bb;width:22px;height:2px;border-radius:2px;<br \/>\n  background:linear-gradient(90deg,var(&#8211;ky),rgba(255,204,0,.2))}<br \/>\n\/* address demoted off the plate. The markup carries `.d-flex` (display:flex<br \/>\n   !important), so a plain display:none loses \u2014 must be !important to win.<br \/>\n   The PostalAddress microdata stays in the DOM (hidden), schema intact. *\/<br \/>\n.klld-card&#8211;tour .klld-card-addr{display:none!important}<br \/>\n\/* Fraunces title \u2014 WHITE on the photo, NOT brand green. The markup carries the<br \/>\n   theme utility class `.st-link.c-main` which paints links var(&#8211;heading-color)<br \/>\n   (#099024 on live) \u2014 green text vanishes over green foliage \/ turquoise water.<br \/>\n   We force the resting title to white with a real drop-shadow and raise the<br \/>\n   selector specificity (adds .st-link) so it beats .c-main and survives any<br \/>\n   LiteSpeed\/UCSS rule reordering. Green is reserved for the :hover accent only.<br \/>\n   KLLD-PLATE-LEGIBILITY 2026-06-16. *\/<br \/>\n\/* Fraunces title \u2014 ENLARGED for editorial impact. KLLD-PLATE-EDITORIAL 2026-06-16:<br \/>\n   increased from 1.74rem ceiling to 2.2rem to match reference card prominence.<br \/>\n   Bold serif treatment (wt600) dominates the card. Stays Fraunces \u2014 no changes<br \/>\n   to the typeface, only scale and weight. Line-height 1.05 for tighter elegance.<br \/>\n   KLLD-EDITORIAL-TITLE. *\/<br \/>\n\/* KLLD-TITLE-WRAP 2026-06-16 :: the theme forces .title{white-space:nowrap;<br \/>\n   display:flow-root} at (0,4,0), which stopped the title wrapping (1 line +<br \/>\n   ellipsis). Raise to (0,5,0) and force white-space:normal + -webkit-box so the<br \/>\n   3-line clamp engages and the full title fits. *\/<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .content-item .title,<br \/>\n.klld-card&#8211;tour .content-item .title{margin:2px 0 0;font-family:var(&#8211;kdisp);font-size:clamp(1.6rem,1.4rem + .65vw,2.2rem);<br \/>\n  line-height:1.08;font-weight:600;letter-spacing:-.015em;white-space:normal!important;<br \/>\n  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;<br \/>\n  text-overflow:ellipsis;overflow-wrap:break-word;word-break:normal;hyphens:none}<br \/>\n\/* color #fff + Fraunces 500 (alm-cat h3 weight). The theme paints the title anchor<br \/>\n   &lsquo;a.st-link&rsquo; AND &lsquo;.services-item.item-elementor .item .content-item .title a&rsquo; with<br \/>\n   font-weight:400 !IMPORTANT \u2014 so specificity alone can&rsquo;t win; the weight override<br \/>\n   MUST also be !important. Raised to (0,6,1) via &lsquo;.item&rsquo; so it beats the theme&rsquo;s<br \/>\n   own !important by specificity, in BOTH slider and archive-grid DOM. The color<br \/>\n   stays a normal (non-important) declaration \u2014 nothing else fights it.<br \/>\n   KLLD-PLATE-ALMCAT. *\/<br \/>\n.klld-card&#8211;tour .item .content-item .title a,<br \/>\n.klld-card&#8211;tour .item .content-item .title a.st-link.c-main{color:#fff!important;font-weight:500!important;<br \/>\n  text-shadow:0 1px 2px rgba(6,16,10,.38),0 2px 12px rgba(6,16,10,.30);transition:color .2s}<br \/>\n.klld-card&#8211;tour .item .content-item .title a:hover,<br \/>\n.klld-card&#8211;tour .item .content-item .title a.st-link.c-main:hover{color:var(&#8211;ky)!important}<br \/>\n\/* RE-ENABLED excerpt \u2014 the reference plate shows a more prominent description.<br \/>\n   KLLD-PLATE-EDITORIAL 2026-06-16: increased size to .92rem (from .86rem),<br \/>\n   slightly wider max-width (38ch from 34ch), and softer shadow for better legibility.<br \/>\n   White on the scrim with a 2-line visual clamp guarding overflow. *\/<br \/>\n\/* body \u2014 enhanced to .92rem for better editorial presence. Color lifted to nearly<br \/>\n   opaque (.98 alpha) for stronger readability. KLLD-EDITORIAL-EXCERPT. *\/<br \/>\n.klld-card&#8211;tour .service-excerpt{margin:3px 0 0;max-width:38ch;color:rgba(255,253,247,.98);<br \/>\n  font-family:var(&#8211;kbody);font-size:.92rem;line-height:1.5;font-weight:400;<br \/>\n  text-shadow:0 1px 4px rgba(6,16,10,.32),0 1px 2px rgba(6,16,10,.26)}<br \/>\n\/* clean 2-line clamp \u2014 KLLD-PLATE-CLAMP 2026-06-16 (defect 4): keep word-boundary<br \/>\n   wrapping (word-break:normal) so the clamp ellipsis lands between words, not the<br \/>\n   \u00ab\u00a0limeston\u2026\u00a0\u00bb mid-token cut the screenshot showed; overflow-wrap guards only against<br \/>\n   a single over-long token. *\/<br \/>\n.klld-card&#8211;tour .service-excerpt p{margin:0;<br \/>\n  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;<br \/>\n  text-overflow:ellipsis;overflow-wrap:break-word;word-break:normal;hyphens:none}<br \/>\n\/* no dead gap above the footer when a tour has no excerpt copy *\/<br \/>\n.klld-card&#8211;tour .service-excerpt:empty,<br \/>\n.klld-card&#8211;tour .service-excerpt p:empty{display:none;margin:0}<br \/>\n\/* rating \u2014 gold-star chip, floats top-left over the photo (Figma 2026-06-16).<br \/>\n   Legibility pass: darker pill (.42\u2192.55) so the star + score read on bright<br \/>\n   plates; near-white summary at .96 alpha. Min-height 30px = comfortable tap<br \/>\n   target; max-width caps clear of the 38px wishlist disc so a long count<br \/>\n   never collides. *\/<br \/>\n\/* rating \u2014 KLLD-FRAME 2026-06-16 :: bare gold star + score, NO pill (matches the<br \/>\n   reference). Floats inside the inset photo (26px = 13px frame + 13px breathing<br \/>\n   room). Strong shadow carries it over bright sky. The \u00ab\u00a0(N Reviews)\u00a0\u00bb summary is<br \/>\n   dropped to keep the reference&rsquo;s minimal star+number. *\/<br \/>\n.klld-card&#8211;tour .reviews{position:absolute;top:26px;left:26px;z-index:5;margin:0;display:inline-flex;align-items:center;gap:4px;<br \/>\n  font-family:var(&#8211;kbody);font-size:.95rem;font-weight:600;color:#fff;<br \/>\n  background:none;border:0;padding:0;box-shadow:none;<br \/>\n  text-shadow:0 1px 4px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.28)}<br \/>\n.klld-card&#8211;tour .reviews .stt-icon-star1{color:var(&#8211;ky);font-size:.9rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}<br \/>\n.klld-card&#8211;tour .reviews .rate{font-family:var(&#8211;kbody);font-weight:600;color:#fff;font-size:.95rem}<br \/>\n\/* review total count shown, tight to the score *\/<br \/>\n.klld-card&#8211;tour .reviews .summary{display:inline;font-weight:500;font-size:.78rem;opacity:.9;margin-left:2px}<br \/>\n.klld-card&#8211;tour .reviews.reviews-empty{display:none}<br \/>\n\/* footer: From-\u0e3fprice + duration, with a go-arrow. KLLD-PLATE-EDITORIAL 2026-06-16 \u2014<br \/>\n   restore the reference&rsquo;s faint FULL-WIDTH hairline above the footer row. This is<br \/>\n   viable now that the scrim is even &amp; green across the whole card (the prior commit<br \/>\n   1668eb338 swapped to a short gold tick because the old top-transparent gradient<br \/>\n   let a full-width rule \u00ab\u00a0float\u00a0\u00bb over bright pixels; the even scrim carries it). The<br \/>\n   hairline is a neutral white rule at low alpha, inset to the content padding. *\/<br \/>\n\/* KLLD-PLATE-HAIRLINE 2026-06-16 (defect 3): the divider was reading as a thin white<br \/>\n   rule \u00ab\u00a0floating\u00a0\u00bb mid-photo because the footer carried a big margin-top:16px, pushing<br \/>\n   the rule well ABOVE the price block into bare image. Pull the footer tight to the<br \/>\n   price group (margin-top:10px, padding-top:11px) so the line sits DIRECTLY over the<br \/>\n   From-\u0e3fprice row and reads as that block&rsquo;s divider, not a free-floating bar. *\/<br \/>\n\/* border-top:0 needs !important \u2014 the parent theme paints a 1px #dedede rule on<br \/>\n   .section-footer at higher specificity (that was the line above the price). *\/<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .section-footer,<br \/>\n.klld-card&#8211;tour .section-footer{margin-top:14px;padding-top:0;<br \/>\n  border-top:0!important;display:flex;align-items:flex-end;position:relative}<br \/>\n\/* KLLD-NO-HAIRLINE 2026-06-16 :: divider above the price removed per user request. *\/<br \/>\n.klld-card&#8211;tour .section-footer::before{display:none}<br \/>\n\/* KLLD-PHASEF-1 2026-06-17 :: reserve the bottom-right go-puck gutter on the price<br \/>\n   row. The .unit element that used to hold this space is now display:none, so on<br \/>\n   3\/4-up archive rows the \u0e3fprice ran under the gold arrow disc. 40px clears the<br \/>\n   30px puck + its right:-2px offset. *\/<br \/>\n.klld-card&#8211;tour .price-wrapper-tour{margin:0;width:100%;flex-wrap:wrap;gap:6px 12px;padding-right:40px}<br \/>\n.klld-card&#8211;tour .price-tour{min-width:0}<br \/>\n\/* \u0e3f-leading price in white Fraunces. KLLD-PLATE-PRICEFIX 2026-06-16 + KLLD-EDITORIAL<br \/>\n   2026-06-16: ENLARGED from 1.5rem to 1.9rem, increased font-weight to 700 (bolder),<br \/>\n   and enhanced shadow for commanding presence. The price is now a key visual element<br \/>\n   that anchors the card&rsquo;s call-to-action. Specificity chain remains unchanged. *\/<br \/>\n\/* KLLD-FRAME 2026-06-16 :: price restyled to the reference&rsquo;s understated MONO<br \/>\n   treatment (was big Fraunces) \u2014 JetBrains Mono, wide tracking, weight 500, on the<br \/>\n   dark shelf below the photo. \u0e3f stays leading per brand CI. *\/<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .price-tour .price,<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .price-tour .price .item,<br \/>\n.klld-card&#8211;tour .price-tour .price,<br \/>\n.klld-card&#8211;tour .price-tour .price .item{font-family:var(&#8211;kmono);font-weight:500;color:#fff!important;<br \/>\n  background:transparent!important;font-size:1.18rem!important;line-height:1.2!important;letter-spacing:.04em;<br \/>\n  display:inline-block;overflow:visible;padding:2px 0;border-radius:0;<br \/>\n  font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(6,16,10,.42)}<br \/>\n\/* the \u00ab\u00a0From\u00a0\u00bb eyebrow above the digit. The same theme chain (0,5,0) was painting it<br \/>\n   grey (var(&#8211;grey-color,#5E6D77)) \u2014 that is defect 2&rsquo;s faint \u00ab\u00a0FROM\u00a0\u00bb. Raise our<br \/>\n   specificity to match and force gold + a real shadow so it reads on bright photos. *\/<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .price-tour .price .sale-top,<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .price-tour .sale-top,<br \/>\n.klld-card&#8211;tour .price-tour .price .sale-top,<br \/>\n.klld-card&#8211;tour .price-tour .sale-top{color:var(&#8211;ky)!important;font-family:var(&#8211;kmono);font-size:.62rem;font-weight:600;<br \/>\n  letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 5px rgba(6,16,10,.7)}<br \/>\n.klld-card&#8211;tour .price-tour .price,<br \/>\n.klld-card&#8211;tour .price-tour .price .sale-top,<br \/>\n.klld-card&#8211;tour .price-tour .price .item{white-space:nowrap}<br \/>\n\/* duration \/ \u00ab\u00a0from Khao Lak\u00a0\u00bb meta row \u2014 KLLD-PLATE-METAFIX 2026-06-16 (defect 2): was<br \/>\n   rgba white .92 \/ .7 with a soft .5 shadow that washed out to faint grey on bright<br \/>\n   sunset + foliage photos. Lift to solid near-white #f4f7f5 + a stronger, layered<br \/>\n   shadow so it stays legible on both bright and dark plates. The clock icon + gold<br \/>\n   arrow are untouched. *\/<br \/>\n\/* NB specificity: the theme paints the duration row grey via<br \/>\n   `.services-item.item-elementor .item .content-item .price-wrapper .unit` (0,5,0),<br \/>\n   so the wrapper selector must MATCH that depth to win \u2014 prefix with<br \/>\n   `.services-item.item-elementor.klld-card` and force the colour !important. The<br \/>\n   \u00ab\u00a0Full Day\u00a0\u00bb text is a direct text node of .unit, so it inherits this wrapper colour. *\/<br \/>\n\/* KLLD-NO-DURATION 2026-06-16 :: duration \/ \u00ab\u00a0from Khao Lak\u00a0\u00bb row removed from the<br \/>\n   card per user request (kept in the DOM for schema, hidden visually). *\/<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .section-footer .unit,<br \/>\n.klld-card&#8211;tour .section-footer .unit{display:none!important;align-items:center;gap:5px;flex:0 0 auto;max-width:100%;<br \/>\n  font-family:var(&#8211;kmono);font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;<br \/>\n  color:#f4f7f5!important;white-space:nowrap;text-shadow:0 1px 3px rgba(6,16,10,.78),0 1px 8px rgba(6,16,10,.6)}<br \/>\n.services-item.item-elementor.klld-card&#8211;tour .section-footer .unit .unit-from,<br \/>\n.klld-card&#8211;tour .section-footer .unit .unit-from{font-weight:500;color:rgba(255,255,255,.92)!important;letter-spacing:.06em}<br \/>\n.klld-card&#8211;tour .section-footer .unit svg path{stroke:var(&#8211;ky)!important;fill:none!important}<br \/>\n\/* go-arrow affordance (pure CSS, no markup). KLLD-PLATE-GO 2026-06-16: promoted<br \/>\n   from a faint 16px tick to a clear gold \u00ab\u00a0go\u00a0\u00bb puck \u2014 a soft frosted disc so it<br \/>\n   reads as the card&rsquo;s primary action on touch (no hover to reveal it). It nudges<br \/>\n   right on hover AND :active, and a slow ambient drift (reduced-motion-off) keeps<br \/>\n   it discoverable on mobile. Sits clear of the price row via the .unit right-pad. *\/<br \/>\n.klld-card&#8211;tour .section-footer::after{content:\u00a0\u00bb\u00a0\u00bb;position:absolute;right:-2px;bottom:8px;width:30px;height:30px;border-radius:50%;<br \/>\n  background:rgba(255,204,0,.14) no-repeat center\/15px 15px url(\u00ab\u00a0data:image\/svg+xml,%3Csvg xmlns=&rsquo;http:\/\/www.w3.org\/2000\/svg&rsquo; viewBox=&rsquo;0 0 24 24&prime; fill=&rsquo;none&rsquo; stroke=&rsquo;%23ffcc00&prime; stroke-width=&rsquo;2.6&rsquo;%3E%3Cpath d=&rsquo;M5 12h14M13 6l6 6-6 6&rsquo;\/%3E%3C\/svg%3E\u00a0\u00bb);<br \/>\n  border:1px solid rgba(255,204,0,.32);box-shadow:0 6px 16px -8px rgba(0,0,0,.5);<br \/>\n  opacity:1;animation:klld-go-drift 2.6s cubic-bezier(.45,0,.55,1) infinite;<br \/>\n  transition:transform .35s cubic-bezier(.22,.61,.36,1),background .25s,border-color .25s}<br \/>\n@keyframes klld-go-drift{0%,72%,100%{transform:translateX(0)}84%{transform:translateX(3px)}}<br \/>\n.klld-card&#8211;tour .item.service-border:hover .section-footer::after,<br \/>\n.klld-card&#8211;tour .item.service-border:active .section-footer::after{transform:translateX(5px);<br \/>\n  background-color:rgba(255,204,0,.24);border-color:rgba(255,204,0,.55);animation:none}<br \/>\n.klld-card&#8211;tour .section-footer .unit{padding-right:42px}<br \/>\n\/* &#8212;- MOBILE RHYTHM : tighten the single-column stack &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br \/>\n   KLLD-PLATE-RHYTHM 2026-06-16. On phones the archive is one column of tall<br \/>\n   full-bleed plates, so the page became a very long scroll with ~1 card per<br \/>\n   viewport. We (a) shave the plate min-height (380\u2192320px) so ~1.6 plates show<br \/>\n   at once \u2014 more scannable, still editorial \u2014 and (b) tighten the inter-card<br \/>\n   gap on the GRID stack so the cards read as a cadence, not isolated billboards.<br \/>\n   The homepage SLIDER (swiper rows, not a column stack) is untouched: its row<br \/>\n   spacing is owned by swiper, and these rules only bite the .grid column gutter<br \/>\n   + the narrow-viewport min-height. *\/<br \/>\n@media (max-width:767px){<br \/>\n  .services-item.grid.klld-card&#8211;tour{margin-bottom:14px}<br \/>\n  .services-item.grid.klld-card&#8211;tour:last-child{margin-bottom:0}<br \/>\n}<br \/>\n@media (max-width:575px){<br \/>\n  .klld-card&#8211;tour .item.service-border{min-height:70vh}<br \/>\n}<br \/>\n@media (max-width:480px){<br \/>\n  .klld-card&#8211;tour .item.service-border{min-height:70vh}<br \/>\n  .services-item.item-elementor.klld-card&#8211;tour .content-item,<br \/>\n  .klld-card&#8211;tour .content-item{padding:22px 22px 18px}<br \/>\n  .klld-card&#8211;tour .content-item .title{font-size:1.35rem;margin-top:6px}<br \/>\n  .klld-card&#8211;tour .service-excerpt{margin-top:4px;font-size:.84rem}<br \/>\n  .services-item.item-elementor.klld-card&#8211;tour .price-tour .price,<br \/>\n  .services-item.item-elementor.klld-card&#8211;tour .price-tour .price .item,<br \/>\n  .klld-card&#8211;tour .price-tour .price,<br \/>\n  .klld-card&#8211;tour .price-tour .price .item{font-size:1.05rem!important}<br \/>\n}<br \/>\n\/* KLLD-PHASEF-RATIO 2026-06-17 :: desktop\/tablet multi-column cards use a fixed<br \/>\n   3:4 portrait ratio instead of the 75vh tall plate, so the 4-up (and 2\/3-up)<br \/>\n   rows read as even, balanced cards rather than skinny full-height columns.<br \/>\n   Mobile ( .swiper-wrapper{<br \/>\n    display:flex;flex-wrap:nowrap;gap:20px;transform:none!important;<br \/>\n    overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}<br \/>\n  .service-tour.swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) &gt; .swiper-wrapper &gt; .swiper-slide{<br \/>\n    margin:0!important;scroll-snap-align:start;height:auto;flex:0 0 auto}<br \/>\n  \/* each slider shows its OWN configured count N via calc(100%\/N &#8211; gap). The count<br \/>\n     lives on the .st-list-service ANCESTOR (data-slides-per-view), so key off that:<br \/>\n     \u00ab\u00a03\u00a0\u00bb rows are 3-up, \u00ab\u00a04\u00a0\u00bb rows are 4-up. Default (no count) \u2192 3-up. *\/<br \/>\n  .st-list-service[data-slides-per-view=\u00a0\u00bb4&Prime;] .service-tour.swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) &gt; .swiper-wrapper &gt; .swiper-slide{<br \/>\n    width:calc(100%\/4 &#8211; 15px)!important}<br \/>\n  .st-list-service[data-slides-per-view=\u00a0\u00bb3&Prime;] .service-tour.swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) &gt; .swiper-wrapper &gt; .swiper-slide,<br \/>\n  .service-tour.swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) &gt; .swiper-wrapper &gt; .swiper-slide{<br \/>\n    width:calc(100%\/3 &#8211; 14px)!important}<br \/>\n}<br \/>\n\/* ===== KLLD-CAROUSEL 2026-06-17 :: interactive slider controls ===============<br \/>\n   The theme&rsquo;s Swiper never initializes on the tour sliders, so klld_carousel.js<br \/>\n   (printed below) upgrades each scroll-rail into a real carousel: edge nav<br \/>\n   buttons + a green\u2192gold progress rail, drag\/swipe, keyboard, ARIA. CSS-only<br \/>\n   fallback (scroll-snap) still works if JS is disabled. Brand #099024 \/ #ffcc00. *\/<br \/>\n.service-tour.swiper-container.klld-carousel{position:relative}<br \/>\n.service-tour.swiper-container.klld-carousel &gt; .swiper-wrapper{<br \/>\n  scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab}<br \/>\n.service-tour.swiper-container.klld-carousel &gt; .swiper-wrapper::-webkit-scrollbar{display:none}<br \/>\n.service-tour.swiper-container.klld-carousel.is-grabbing &gt; .swiper-wrapper{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}<br \/>\n\/* edge nav buttons \u2014 frosted disc, brand-green chevron \u2192 green fill on hover *\/<br \/>\n.klld-cnav{position:absolute;z-index:20;width:52px;height:52px;border-radius:50%;padding:0;<br \/>\n  display:none;align-items:center;justify-content:center;cursor:pointer;<br \/>\n  border:1px solid rgba(9,144,36,.22);background:rgba(255,255,255,.94);<br \/>\n  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(&#8211;kg);<br \/>\n  box-shadow:0 20px 44px -22px rgba(28,46,32,.6),0 4px 12px -8px rgba(28,46,32,.35);<br \/>\n  transition:background .25s,color .25s,transform .25s cubic-bezier(.22,.61,.36,1),opacity .25s,border-color .25s}<br \/>\n\/* controls show only on desktop AND only when the rail actually overflows *\/<br \/>\n@media (min-width:1024px){<br \/>\n  .service-tour.klld-carousel.klld-has-overflow .klld-cnav{display:flex}<br \/>\n  .service-tour.klld-carousel.klld-has-overflow .klld-crail{display:block}<br \/>\n}<br \/>\n.klld-cnav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}<br \/>\n.klld-cnav:hover{background:var(&#8211;kg);color:#fff;border-color:var(&#8211;kg);transform:translateY(-50%) scale(1.09)}<br \/>\n.klld-cnav:active{transform:translateY(-50%) scale(.95)}<br \/>\n.klld-cnav:focus-visible{outline:2px solid var(&#8211;ky);outline-offset:3px}<br \/>\n.klld-cnav&#8211;prev{left:10px}<br \/>\n.klld-cnav&#8211;next{right:10px}<br \/>\n.klld-cnav[disabled]{opacity:0;pointer-events:none}<br \/>\n\/* progress rail \u2014 green\u2192gold thumb that tracks scroll position *\/<br \/>\n.klld-crail{display:none;position:relative;height:3px;margin:20px auto 2px;width:140px;max-width:40%;<br \/>\n  border-radius:999px;background:rgba(9,144,36,.16);overflow:hidden}<br \/>\n.klld-crail__thumb{position:absolute;top:0;left:0;height:100%;width:30%;border-radius:999px;<br \/>\n  background:linear-gradient(90deg,var(&#8211;kg),var(&#8211;ky));will-change:transform}<br \/>\n.klld-cnav:not([disabled]).klld-cnav&#8211;hint{animation:klld-cnav-nudge 2.4s ease-in-out 2}<br \/>\n@keyframes klld-cnav-nudge{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-50%) translateX(4px)}}<br \/>\n@media (prefers-reduced-motion: reduce){<br \/>\n  .service-tour.swiper-container.klld-carousel &gt; .swiper-wrapper{scroll-behavior:auto}<br \/>\n  .klld-cnav{transition:none}<br \/>\n  .klld-cnav&#8211;hint{animation:none}<br \/>\n}<br \/>\n\/* &#8212;- LIST CARD (loop\/list.php) \u2014 same Emerald-Daybreak language &#8212;&#8212;&#8212;- *\/<br \/>\n.services-item.list.item-elementor{font-family:var(&#8211;kbody);color:var(&#8211;kink-2)}<br \/>\n.services-item.list.item-elementor .item.service-border{border:1px solid var(&#8211;kline);border-radius:20px;overflow:hidden;background:var(&#8211;kpaper);<br \/>\n  transition:transform .34s cubic-bezier(.2,.7,.2,1),box-shadow .34s cubic-bezier(.2,.7,.2,1),border-color .34s}<br \/>\n.services-item.list.item-elementor .item.service-border:hover{transform:translateY(-4px);box-shadow:var(&#8211;kshadow);border-color:var(&#8211;kline-g)}<br \/>\n.services-item.list.item-elementor .featured-image{position:relative;overflow:hidden;isolation:isolate}<br \/>\n.services-item.list.item-elementor .featured-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}<br \/>\n.services-item.list.item-elementor .item.service-border:hover .featured-image img{transform:scale(1.05)}<br \/>\n.services-item.list.item-elementor .featured-image::after{content:\u00a0\u00bb\u00a0\u00bb;position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;<br \/>\n  background:linear-gradient(90deg,var(&#8211;kg),var(&#8211;ky) 58%,var(&#8211;kg));opacity:0;transition:opacity .34s}<br \/>\n.services-item.list.item-elementor .item.service-border:hover .featured-image::after{opacity:1}<br \/>\n.services-item.list.item-elementor .service-add-wishlist{color:var(&#8211;kg);background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 20px -10px rgba(28,46,32,.5);transition:background .2s,color .2s,transform .2s}<br \/>\n.services-item.list.item-elementor .service-add-wishlist:hover{background:var(&#8211;kg);color:#fff;transform:scale(1.06)}<br \/>\n.services-item.list.item-elementor .sub-title{font-family:var(&#8211;kmono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(&#8211;kfaint)}<br \/>\n.services-item.list.item-elementor .sub-title .stt-icon-location1{color:var(&#8211;kg);margin-right:4px}<br \/>\n.services-item.list.item-elementor .content-item .title{font-family:var(&#8211;kdisp);font-weight:600;letter-spacing:-.014em}<br \/>\n.services-item.list.item-elementor .content-item .title a{color:var(&#8211;kink);transition:color .2s}<br \/>\n.services-item.list.item-elementor .content-item .title a:hover{color:var(&#8211;kg)}<br \/>\n.services-item.list.item-elementor .service-excerpt{font-family:var(&#8211;kbody);color:var(&#8211;ksoft);line-height:1.55}<br \/>\n.services-item.list.item-elementor .reviews .stt-icon-star1{color:var(&#8211;ky)}<br \/>\n.services-item.list.item-elementor .reviews .rate{font-family:var(&#8211;kdisp);font-weight:600;color:var(&#8211;kink)}<br \/>\n.services-item.list.item-elementor .reviews.reviews-empty .summary{color:var(&#8211;kfaint)}<br \/>\n.services-item.list.item-elementor .service-duration{font-family:var(&#8211;kbody);font-weight:600;color:var(&#8211;kgd)}<br \/>\n.services-item.list.item-elementor .service-type{font-family:var(&#8211;kmono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(&#8211;ksoft)}<br \/>\n.services-item.list.item-elementor .price-tour .price{font-family:var(&#8211;kdisp);font-weight:600;color:var(&#8211;kink);font-variant-numeric:tabular-nums}<br \/>\n.services-item.list.item-elementor .price-tour .sale-top{font-family:var(&#8211;kmono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(&#8211;kfaint)}<br \/>\n.services-item.list.item-elementor .view-detail{background:var(&#8211;kg);color:#fff;border-radius:999px;font-family:var(&#8211;kbody);font-weight:700;letter-spacing:.01em;<br \/>\n  box-shadow:0 14px 30px -16px rgba(9,144,36,.7);transition:background .2s,transform .2s,box-shadow .2s}<br \/>\n.services-item.list.item-elementor .view-detail:hover{background:var(&#8211;kgd);transform:translateY(-2px);box-shadow:0 20px 40px -18px rgba(9,144,36,.78);color:#fff}<br \/>\n@media (prefers-reduced-motion: reduce){<br \/>\n  .klld-card&#8211;tour .item.service-border,.klld-card&#8211;tour .featured-image img.image-feature,<br \/>\n  .klld-card&#8211;tour .featured-image::after,.klld-card&#8211;tour .featured-image::before,.klld-card&#8211;tour .section-footer::after,<br \/>\n  .services-item.list.item-elementor .item.service-border,<br \/>\n  .services-item.list.item-elementor .featured-image img,<br \/>\n  .services-item.list.item-elementor .featured-image::after{transition:none}<br \/>\n  \/* kill the ambient go-arrow drift + the press scale for reduced-motion; the<br \/>\n     affordances stay visible (gold puck, base hairline) but don&rsquo;t animate. *\/<br \/>\n  .klld-card&#8211;tour .section-footer::after{animation:none}<br \/>\n  .klld-card&#8211;tour .item.service-border:hover,.klld-card&#8211;tour .item.service-border:active,<br \/>\n  .services-item.list.item-elementor .item.service-border:hover{transform:none}<br \/>\n  .klld-card&#8211;tour .item.service-border:hover .featured-image img.image-feature,<br \/>\n  .klld-card&#8211;tour .item.service-border:active .featured-image img.image-feature,<br \/>\n  .klld-card&#8211;tour .item.service-border:hover .section-footer::after,<br \/>\n  .klld-card&#8211;tour .item.service-border:active .section-footer::after,<br \/>\n  .services-item.list.item-elementor .item.service-border:hover .featured-image img{transform:none}<br \/>\n}<\/p>\n<p>                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-national-park-3-days-discovery-tour\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2025\/10\/Khao-Sok-National-Park-Floating-Bungalow-1-700x900.jpg\" alt=\"Khao Sok National Park 3 Days Discovery Tour\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Adventure<br \/>\n                             Cheow Lan Lake, Khao Phang, Ban Ta Khun District, Surat Thani, Thailand                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-national-park-3-days-discovery-tour\/\" data-price=\"From \u0e3f12,500\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2025\/10\/Khao-Sok-National-Park-Floating-Bungalow-1-700x900.jpg\" data-location=\"Khao Sok\">Khao Sok National Park 3 Days Discovery Tour<\/a><br \/>\n            <\/h4>\n<p>A three-day Khao Sok discovery from Khao Lak \u2014 rainforest treks, Cheow Lan Lake and nights in floating bungalows deep inside the national park.<\/p>\n<p>                        From \u0e3f12,500<br \/>\n                    <i><\/p>\n<p><\/i>3 Days 2 Nights &middot; from Khao Lak<br \/>\n                4.6            <\/p>\n<p>                (497 Reviews)<br \/>\n                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/cheow-lan-lake-khao-sok-floating-bungalows-tour\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2025\/09\/Khao-Sok-Floating-Bungalow-700x900.jpg\" alt=\"Khao Sok Floating Bungalows \u2014 Cheow Lan Lake Adventure\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Adventure<br \/>\n                             Cheow Lan Lake, Khao Phang, Ban Ta Khun District, Surat Thani, Thailand                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/cheow-lan-lake-khao-sok-floating-bungalows-tour\/\" data-price=\"From \u0e3f8,500\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2025\/09\/Khao-Sok-Floating-Bungalow-700x900.jpg\" data-location=\"Khao Sok\">Khao Sok Floating Bungalows \u2014 Cheow Lan Lake Adventure<\/a><br \/>\n            <\/h4>\n<p>A two-day Cheow Lan Lake adventure from Khao Lak \u2014 sleep in floating bungalows on emerald water, ringed by the limestone karsts of Khao Sok.<\/p>\n<p>                        From \u0e3f8,500<br \/>\n                    <i><\/p>\n<p><\/i>2 Days 1 Night &middot; from Khao Lak<br \/>\n                4.9            <\/p>\n<p>                (7 Reviews)<br \/>\n                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/krabi-4-island-tour\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2024\/07\/4-islands-tour-krabi-700x900.jpg\" alt=\"Krabi 4 Island Tour from Khao Lak: Early Bird Island Hopping\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Islands trip<br \/>\n                             Krabi 4 Island Adventure, Ao Nang, Mueang Krabi District, Krabi, Thailand                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/krabi-4-island-tour\/\" data-price=\"From \u0e3f4,100\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2024\/07\/4-islands-tour-krabi-700x900.jpg\" data-location=\"Islands tours\">Krabi 4 Island Tour from Khao Lak: Early Bird Island Hopping<\/a><br \/>\n            <\/h4>\n<p>An early-bird full-day hop to Krabi&rsquo;s four headline islands \u2014 Phra Nang, Chicken, Tup and Poda \u2014 ahead of the crowds, by speedboat from Khao Lak.<\/p>\n<p>                        From \u0e3f4,100<br \/>\n                    <i><\/p>\n<p><\/i>Full Day &middot; from Khao Lak<br \/>\n                4.4            <\/p>\n<p>                (10 Reviews)<br \/>\n                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-jungle-trekking-tour\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2023\/10\/Khao-Sok-Jungle-Trekking-700x900.jpg\" alt=\"Khao Sok Jungle Trekking \u2013 Discover the Magic of the Rainforest\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Adventure<br \/>\n                             Khao Sok National Park, Khlong Sok, Surat Thani                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-jungle-trekking-tour\/\" data-price=\"From \u0e3f3,400\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2023\/10\/Khao-Sok-Jungle-Trekking-700x900.jpg\" data-location=\"Khao Sok\">Khao Sok Jungle Trekking \u2013 Discover the Magic of the Rainforest<\/a><br \/>\n            <\/h4>\n<p>A full-day jungle trek in Khao Sok from Khao Lak \u2014 the world&rsquo;s oldest rainforest on foot, with a local guide, hidden streams and towering limestone.<\/p>\n<p>                        From \u0e3f3,400<br \/>\n                    <i><\/p>\n<p><\/i>Full day &middot; from Khao Lak<br \/>\n                4.6            <\/p>\n<p>                (54 Reviews)<br \/>\n                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/amazing-three-temple-tour\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2023\/01\/Bang-Riang-Tempel-700x900.jpg\" alt=\"Amazing 3 Temples \u2013 Full Day Temple Tour from Khao Lak\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Khao Lak Tours<br \/>\n                             Wat Bang Riang Phra Buddha Itthi Mongkolchai, Bang Riang, Thap Put District, Phang-nga, Thailand                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/amazing-three-temple-tour\/\" data-price=\"From \u0e3f2,300\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2023\/01\/Bang-Riang-Tempel-700x900.jpg\" data-location=\"Phang Nga\">Amazing 3 Temples &#8211; Full Day Temple Tour from Khao Lak<\/a><br \/>\n            <\/h4>\n<p>A calm, full-day temple tour from Khao Lak to three peaceful sites: hilltop Wat Bang Riang with its big Buddha, the atmospheric Dragon Cave Temple and Wat Manee Sri Mahathat.<\/p>\n<p>                        From \u0e3f2,300<br \/>\n                    <i><\/p>\n<p><\/i>Full Day &middot; from Khao Lak<br \/>\n                4.8            <\/p>\n<p>                (143 Reviews)<br \/>\n                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-lake-day-trip\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2022\/10\/Khao-Sok-Lake-Day-Trip-by-Longtail-boat-700x900.jpg\" alt=\"Cheow Lan Lake Day Trip | Khao Sok Floating Bungalows\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Khao Sok Lake Tours<br \/>\n                             Cheow Lan Lake, Khao Phang, Ban Ta Khun District, Surat Thani, Thailand                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-lake-day-trip\/\" data-price=\"From \u0e3f3,900\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2022\/10\/Khao-Sok-Lake-Day-Trip-by-Longtail-boat-700x900.jpg\" data-location=\"Khao Sok\">Cheow Lan Lake Day Trip | Khao Sok Floating Bungalows<\/a><br \/>\n            <\/h4>\n<p>A full-day Cheow Lan Lake day trip from Khao Lak: glide across the emerald water by longtail boat beneath towering limestone cliffs, explore a cave and swim. Return transfers included.<\/p>\n<p>                        From \u0e3f3,900<br \/>\n                    <i><\/p>\n<p><\/i>Full Day &middot; from Khao Lak<br \/>\n                4.5            <\/p>\n<p>                (14 Reviews)<br \/>\n                                        <a href=\"void(0)\" data-bs-toggle=\"modal\" data-bs-target=\"#st-login-form\"><br \/>\n                        <i><\/p>\n<p>        <\/i><br \/>\n                <\/a><br \/>\n                        <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-day-trip\/\"><br \/>\n                <img decoding=\"async\" src=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2022\/10\/khao-sok-elephant-sanctuary-700x900.jpg\" alt=\"Khao Sok Day Trip \u2013 Wet and Wild Fun for All Ages!\" title=\"-\"><br \/>\n            <\/a><br \/>\n                                            Khao Sok Tours<br \/>\n                             Khao Sok National Park                        <\/p>\n<h4>\n                <a href=\"https:\/\/stage.khaolaklanddiscovery.com\/excursions-khao-lak\/khao-sok-day-trip\/\" data-price=\"From \u0e3f3,100\" data-thumb=\"https:\/\/stage.khaolaklanddiscovery.com\/wp-content\/uploads\/2022\/10\/khao-sok-elephant-sanctuary-700x900.jpg\" data-location=\"Khao Sok\">Khao Sok Day Trip &#8211; Wet and Wild Fun for All Ages!<\/a><br \/>\n            <\/h4>\n<p>A full-day Khao Sok day trip from Khao Lak: bathe with elephants, canoe the calm Sok River and walk the jungle trails of Thailand&rsquo;s oldest rainforest. Fun for all ages,  &#8230;<\/p>\n<p>                        From \u0e3f3,100<br \/>\n                    <i><\/p>\n<p><\/i>Full Day &middot; from Khao Lak<br \/>\n                4.8            <\/p>\n<p>                (176 Reviews)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WEBCAM DE KHAO LAK Obtiens des mises \u00e0 jour m\u00e9t\u00e9o en temps r\u00e9el et profite de vues imprenables sur Khao Lak avec notre webcam en direct. Reste inform\u00e9 et captiv\u00e9 en observant la beaut\u00e9 \u00e9poustouflante de ce paradis tropical. Reste \u00e0 jour sur les conditions m\u00e9t\u00e9o actuelles, planifie tes activit\u00e9s et laisse-toi s\u00e9duire par les [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":25086,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-24933","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/pages\/24933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/comments?post=24933"}],"version-history":[{"count":34,"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/pages\/24933\/revisions"}],"predecessor-version":[{"id":77965,"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/pages\/24933\/revisions\/77965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/media\/25086"}],"wp:attachment":[{"href":"https:\/\/stage.khaolaklanddiscovery.com\/fr\/wp-json\/wp\/v2\/media?parent=24933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}