/* /css/base.css */
@charset "utf-8"; @font-face {font-family: ModesticSans-Bold; src: url(/fonts/ModesticSans-Bold.woff2) format("woff2"), url(/fonts/ModesticSans-Bold.otf) format("opentype"); font-display: swap;}
html, body {font-family: ModesticSans-Bold, "Trebuchet MS", Arial, sans-serif; font-size: 1em; margin: 0; min-height: 100%; background-color: #FFFFFF; background-image: url('/img/background0.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; color: #2b2c2d; line-height: 1.55; overflow-x: hidden;}
h1 {color: #3c3d3e; letter-spacing:.06em; line-height:2em; text-align:left; text-transform:uppercase; font-size:1.7em; line-height:1.35em; margin-top:.3em; margin-bottom:.3em; margin-left:0; overflow-wrap:anywhere;}
@media (max-width: 640px) {h1 {font-size:1.45em; letter-spacing:.03em; line-height:1.35em;}
h2 {letter-spacing:.06em;}
h3 {letter-spacing:.06em;}}
h2 {font-size: 1.2em; color: #0f95a9; letter-spacing:.15em; line-height:1.5em; text-align:left; text-transform:uppercase; margin-top:.5em; border-bottom:1px dotted #ccc;}
h3 {font-size: 1.1em; color: #0f95a9; letter-spacing:.15em; line-height:1.5em; text-align:left; text-transform:uppercase; margin-top:.5em; border-bottom:1px dotted #ccc;}
#lastblog h3 {margin-left:.4em; font-size: 1em; letter-spacing:.06em; color: #3c3d3e; line-height:1.3em; text-align:left; margin-top:0.2em; margin-bottom:0.2em; border-bottom:1px dotted #ccc;}
h4 {text-transform:uppercase; letter-spacing:.06em; color: #0f95a9; line-height:1.3em; margin-top:0.2em; margin-bottom:0.2em;}
hr {border: 0; border-bottom: 1px dotted #ccc; letter-spacing:.15em; background: #999; margin-top:0.2em; margin-bottom:0.5em;}
form input[type=text], form input[type=number], form input[type=email], form input[type=tel], form select {background:rgba(196,211,231,0.15); background:linear-gradient(#eee,#fff); border-radius:5px; max-width:315px; padding-left:10px; height:3em; width:100%; font-weight:bold;}
input[type=text], input[type=email], input[type=tel] {box-sizing:border-box; background:rgba(255,255,255,0.15); background:linear-gradient(0deg, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.03) 100%); border-radius:10px; height:3em; padding:10px; border-color:rgba(0, 75, 210,.3);}
input[type=submit], button.submit {border:1px solid rgba(255,255,255,0.40); border-radius:10px; background-color:#619e23; height:2.5em; color:white; text-align:center; font-weight:bold; border:0; width:100%; margin:4.2px;}
input[type=submit]:hover {box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5); filter: saturate(30%);}
textarea {box-sizing:border-box; border:2px solid rgba(0, 75, 210,.3); background:rgba(196,211,231,0.15); background:linear-gradient(#eee,#fff); border-radius:5px; background-color:#30abe0; padding-left:10px; width:100%; font-weight:bold; resize: none;}
select {background: #444; background:linear-gradient(#fff,#eee); text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);}
img {max-width:100%; height:auto; width:100%; margin:.5em 0; box-shadow: 1px 1px 12px #aaa; -moz-box-shadow: 1px 1px 12px #aaa; -webkit-box-shadow: 1px 1px 12px #aaa;}
a img:hover {box-shadow: 1px 1px 12px #555; -moz-box-shadow: 1px 1px 12px #555; -webkit-box-shadow: 1px 1px 12px #555; filter: saturate(65%);}
.vignette {width:100%; border-radius:10px; margin-left:0; margin-right:0; aspect-ratio: 3 / 2; object-fit: cover;}
.basic-vignette {width:100%; border-radius:10px;}
i {margin-right:.2em;}
.material-icons.md-18 {font-size: 18px;}
.material-icons.md-24 {font-size: 24px;}
.material-icons.md-36 {font-size: 36px;}
.material-icons.md-48 {font-size: 48px;}
.material-icons.md-64 {font-size: 64px;}
.material-icons.md-128 {font-size: 128px;}
.material-symbols-outlined {font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}
.header-top {background-color:#1d4d3a; background-image:url('/img/thailande-voyage-sur-mesure-khao-sok.jpg'); background-size:cover; background-position:center; min-height:300px; position:relative; overflow:hidden;}
@media screen and (max-width: 640px){.header-top {background-image:url('/img/headerimage2.jpg'); min-height:0;}}
.alacarte-bloc {background-image:url('/img/thailande-voyage-sur-mesure-2.jpg'); background-size:100% 100%; min-height:300px;}
.footer-bloc {background-color: #0c5505; background-size:100% 100%; min-height:300px; font-size:1em; color: #FFFFFF; margin-top: .5em;}
footer a {color: #FFFFFF;}
.default-align-center {text-align: center; margin: auto; padding: 10px;}
.center {margin: auto; width: 50%; padding: 10px;}
.white {color:#ffffff ;}
.rond-image{border-radius: 50%;}
.box1 {color:red; font-weight:bolder; background-color:white; min-height:300px;}
.partner-credit {font-size:.9em;}
.button-text {font-size: 1.2em; font-weight: bold; font-style: italic;}
.subtitle2 {font-size: 1.3em; font-style: italic;}
.like-buttons-header{vertical-align: bottom;}
.share-buttons{margin-top: 0.5em; display: inline-block;}
.box-search-buttons{background-color: #ddd; color:#000; height:35px;}
form .error {box-shadow:0px 0px 5px 1px #f00; -moz-box-shadow:0px 0px 5px 1px #f00; -webkit-box-shadow:0px 0px 5px 1px #f00;}
option:disabled {color:#aaa;}
.thai-bloc {border-radius:10px; border:1px solid #ddd; padding:.5em; background-color:white; margin-top:0.4em; background:linear-gradient(0deg, rgba(255,255,255,0.03) 0%, rgba(0,0,20,0.03) 100%);}
.thai-bloc-notopspace {border-radius:5px; border:1px solid #ddd; padding:.5em; background-color:white; margin-top:-0.2em; background:linear-gradient(0deg, rgba(255,255,255,0.03) 0%, rgba(0,0,20,0.03) 100%);}
.thai-spot-bloc {border-radius:10px; border:1px solid #ddd; padding:.5em; background:linear-gradient(#a9ef62,#94c95d); margin-top:.4em;}
.thai-spot-bloc2 {border-radius:5px; border:1px solid #ddd; padding:.5em; background:linear-gradient(#7ad085,#f1f9fd); margin-top:.4em;}
.thai-spot-bloc3 {border-radius:5px; border:1px solid #ddd; padding:.5em; background:linear-gradient(#cfeefc,#effeff); margin-top:.4em;}
.thai-spot-bloc4 {border-radius:5px; border:1px solid #ddd; padding:.5em; background:linear-gradient(#f76949,#edcfbe); margin-top:.4em;}
.thai-spot-bloc5 {border-radius:5px; border:1px solid #ddd; padding:.5em; background:linear-gradient(#eeeef1,#fafafb); margin-top:.4em;}
.thai-spot-weather {border-radius:5px; border:1px solid #ddd; padding:.5em; background:linear-gradient(#31405a,#fafafb); margin-left:.3em; margin-right:.5em;}
.thai-bloc-inner {padding:.3em;}
.thai-ariane {color: #505152; letter-spacing:.03em; line-height:2em; text-align:left; margin-top:.5em; font-size:.9em; margin-left:1.7em;}
.twelvego-bloc {border-radius:5px; border:1px solid #ddd; padding:.5em; background-color:#02a102;}
.twelvego-banner {font-size:1.8em; font-weight:bold; font-style:italic; color: #f3e114; letter-spacing:.02em; line-height:1.2em; text-align:center; margin-top:.4em; margin-left: 0.2em;}
.hotelsearchbox {border-radius:5px; border:1px solid #ddd; padding:.5em; background:#4289c6; margin-top:.4em;}
.choosetext{font-weight:bold; font-style: italic; text-align: center;}
.inline {display:inline-block;}
.aligncenter {text-align:center;}
.withborder {border:1px solid #505152;}
.flags {width:35px; vertical-align:bottom;}
.phone-numbers {width:15px; vertical-align:bottom;}
.city-name-header{margin-left:0; margin-top:0; margin-bottom:0; font-size:1.6em; line-height:1.2em; text-transform:uppercase; letter-spacing:.06em; color: #3c3d3e; text-align:left; border-bottom:1px dotted #ccc;}
.city-name-list-bloc{margin-left:.5em;}
.city-name-list{font-size:1.3em;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.margintop{margin-top: 1em;}
.note {font-size:.8em; font-style:italic;}
.style1{font-size:1.3em;}
.style2{font-size:1.1em;}
.style3{font-size:.9em;}
.style4{font-size:1.6em;}
.legend{font-size:.9em;}
.txtBold{font-weight:bold;}
.styleh1 {margin-left:.4em; font-size:1.5em; color: #3c3d3e; letter-spacing:.15em; text-align:left; text-transform:uppercase;}
.styleh2 {margin-left:.4em; font-size:1.2em; color: #3c3d3e; letter-spacing:.15em; text-align:left; text-transform:uppercase;}
.styleh2b {margin-left:.4em; font-size:1.4em; color: #3c3d3e; text-align:center; letter-spacing:.15em; text-transform:uppercase; border-bottom:1px dotted #ccc;}
.styleh3 {margin-left:.4em; font-size: 1em; text-transform:uppercase; letter-spacing:.06em; color: #3c3d3e; text-align:left;}
.styleh3b {margin-left:.4em; font-size: 1em; font-weight:bold; text-transform:uppercase; letter-spacing:.06em; color: #3c3d3e; text-align:left;}
.style30 {font-size: 1.2em; font-weight:500;}
.style31 {font-size: 1em; font-style:italic;}
.style-booking-banner {font-size: 2.1em; font-weight:bold; letter-spacing:.06em; color:#FFFFFF;}
.submenu{background-color: #f0efef; font-size:.9em;}
.bkkbus-result{font-size: 1.4em; margin-left:.4em;}
.txtDarkRed{color: #b30e06;}
.txtWhite {color:#FFFFFF;}
main ul, .thai-bloc ul {display: block; text-align: left; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;}
strong {color:#0766a8;}
.alert {text-align:center; font-size:1em; color: #f52a09; margin-top: .6em; margin-bottom: .4em}
.alert-bold {text-align:center; font-size:1em; font-weight:bold; color: #f52a09; margin-top: .6em; margin-bottom: .4em}
.acclist-tittle {font-size:1.3em; font-weight:600; text-transform:uppercase; letter-spacing:.1em; margin-top: .8em;}
.acclist-hotela {font-size:1.0em; font-style:italic; text-transform:uppercase; letter-spacing:.1em; margin-top: .5em;}
.acclist-specplace {font-size:.8em; font-style:italic; text-transform:uppercase; letter-spacing:.1em; margin-top: .5em;}
.see-map{font-size:.7em; font-weight:normal; font-style: italic; letter-spacing:0em; text-transform:lowercase; margin-left:.3em; display: inline;}
.detail-accname{font-size:1.6em; font-weight:600; text-transform:uppercase; letter-spacing:.1em; margin-top: .8em;}
.detail-hotela{font-size:1.1em; font-weight:600; text-transform:uppercase; letter-spacing:.1em; margin-top: .5em; margin-left:.3em;}
.detail-address{font-style:italic; margin-left:.3em;}
.detail-category{font-style:italic; margin-left:.3em;}
.detail-notation{background:rgba(196,211,231,0.15); background:linear-gradient(#fff,#85beee); border-radius:5px; max-width:200px; margin-left:5px; width:100%; font-weight:bold; border:1px solid #ddd;}
.detail-notation-text{font-size:1.6em;}
.detail-acc-button-text{font-size:1.1em;}
.book-room-text{font-size:1.5em;}
.availibility-box{border-radius:5px; border:1px solid #ddd; padding:.5em; background-color:#f9f176; margin-top:1em;}
.top-city-titlebar {background-color: #f9d946; width:100%; margin-left:.1em; font-size:1.2em; border-bottom:0px;}
.top-city-label {text-align:center; font-size:1.1em; font-weight:bold; color: #f52a09; margin-top: 1.6em; margin-bottom: .8em}
.top-detail-link {font-size:1.2em; font-weight:bold; font-style:italic; margin-top: 1.9em;}
.red-link {color: red;}
.more-details{font-size:1.2em; font-weight:bold;}
.hcsb_container, #SB_ffc12c009b {width:auto;}
.hcsb_container img {width:auto;}
#gmapdefault {background-color: #335977;}
:root {--sw-green: #0c5505; --sw-green-cta: #3f7d12; --sw-accent: #c8102e; --sw-accent-dark: #a00d25; --sw-teal: #0f95a9; --sw-whatsapp: #128c4b;}
.thai-container {min-height:100vh;}
.thai-content {background-color:#fff; padding-left:12px; padding-right:12px; box-shadow:0 0 24px rgba(0,0,0,.08);}
.site-main {display:block;}
.site-main .row {margin-left:0; margin-right:0;}
.thai-bloc, .thai-spot-bloc, .thai-spot-bloc2 {margin-left:0; margin-right:0;}
a {color:#0b6e7d;}
a:hover {color:#07505b;}
p {margin-bottom:.8em;}
.skip-link {position:absolute; left:-9999px; top:0; z-index:2000; background:#fff; padding:.5em 1em;}
.skip-link:focus {left:8px; top:8px;}
.site-header {margin:0 -12px;}
.header-top-inner {position:relative; z-index:2; padding:12px 16px 20px; text-align:center; background:linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.05) 45%, rgba(0,0,0,.35) 100%); min-height:300px;}
.header-bar {display:flex; justify-content:space-between; align-items:flex-start; gap:12px;}
.site-logo img {width:min(360px, 62vw); box-shadow:none; margin:0;}
a.site-logo:hover img, .site-logo img:hover {box-shadow:none; filter:none;}
.lang-switch {color:#fff; font-size:.85em; text-decoration:none; background:rgba(0,0,0,.35); padding:4px 10px; border-radius:20px; white-space:nowrap;}
.lang-switch:hover {color:#fff; background:rgba(0,0,0,.55);}
.lang-switch img {width:22px; height:auto; margin:0 4px 0 0; box-shadow:none; vertical-align:-2px;}
.header-top .title1 {font-size:1.9em; font-weight:bold; color:#fff; margin:.6em 0 .5em; letter-spacing:.04em; text-shadow:0 2px 6px rgba(0,0,0,.6); text-transform:uppercase;}
.header-cta {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0;}
.header-reassurance {color:#fff; font-size:.9em; margin:.6em 0 0; text-shadow:0 1px 4px rgba(0,0,0,.7);}
@media (max-width: 640px) {.header-top-inner {min-height:0; padding-bottom:16px;}
.header-top .title1 {font-size:1.25em;}}
.main-nav {position:sticky; top:0; z-index:1020; margin:0 -12px; padding:0 8px; min-height:50px; background-color:#f8f8f8; border:1px solid #e7e7e7; border-radius:4px; font-size:1.1em;}
.main-nav .navbar-brand {padding:10px 7px; margin:0;}
.main-nav .navbar-brand img {width:35px; margin:0; box-shadow:none; vertical-align:middle;}
.main-nav .nav.nav-bar {display:block; width:100%; margin:0; padding:0; list-style:none; text-align:center;}
.main-nav .nav-bar li {display:inline-block;}
.main-nav .nav-bar li a {display:block; padding:10px 15px; color:#337ab7; text-decoration:none;}
.main-nav .nav-bar li a:hover, .main-nav .nav-bar li a:focus {color:#23527c; text-decoration:underline; background:transparent;}
.main-nav .nav-bar li a.red-link {color:red;}
.main-nav .nav-bar li a.red-link:hover {color:#c00;}
.main-nav .navbar-toggler {margin:8px 7px 8px auto; padding:9px 10px; border:1px solid #ddd; border-radius:4px; background:transparent;}
.main-nav .navbar-toggler:hover, .main-nav .navbar-toggler:focus {background-color:#ddd; box-shadow:none;}
.main-nav .navbar-toggler .icon-bar {display:block; width:22px; height:2px; border-radius:1px; background-color:#888;}
.main-nav .navbar-toggler .icon-bar + .icon-bar {margin-top:4px;}
@media (max-width: 767.98px) {.main-nav .nav-bar li {display:block;}
.main-nav .navbar-collapse {border-top:1px solid #e7e7e7;}}
.btn-cta, a.btn-cta {display:inline-block; border:0; border-radius:10px; background-color:#619e23; color:#fff; font-weight:bold; text-align:center; text-decoration:none; padding:.6em 1.4em; line-height:1.3; margin:4.2px;}
.btn-cta:hover, .btn-cta:focus, a.btn-cta:hover, a.btn-cta:focus {color:#fff; box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5); filter:saturate(30%);}
a.btn-cta--accent, .btn-cta.btn-cta--accent, a.btn-cta--outline, .btn-cta.btn-cta--outline {background-color:#619e23; color:#fff; border:0;}
.btn-cta--lg {font-size:1.15em; padding:.7em 1.6em;}
.btn-cta--block {display:block; width:100%; margin-left:0; margin-right:0;}
.btn-cta i {margin-right:.35em;}
.cta-note {font-size:.9em; color:#555; margin-top:.3em;}
.cta-box {background:linear-gradient(#a9ef62,#94c95d); border-radius:10px; padding:1.2em; margin-top:.6em; text-align:center;}
.cta-box h2 {text-align:center; border-bottom:0; color:#1f3d08;}
.cta-box .cta-actions {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:.6em;}
.trust-strip {margin:.6em -12px 0; background:#f4f9ef; border-top:1px solid #dde9d2; border-bottom:1px solid #dde9d2;}
.trust-strip ul {display:flex; flex-wrap:wrap; justify-content:center; gap:6px 28px; list-style:none; margin:0; padding:14px 12px;}
.trust-strip li {font-size:.95em; color:#24421a;}
.trust-strip i {color:var(--sw-green-cta);}
.steps {display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; margin:.8em 0; text-align:left;}
.step {background:#fff; border:1px solid #e3e3e3; border-radius:10px; padding:1em;}
.step h3 {display:block; border-bottom:0; margin-top:0; font-size:1em;}
.step p {margin:0;}
.offer-card {margin-bottom:1.2em;}
.offer-card img {aspect-ratio:1 / 1; object-fit:cover;}
.offer-card h3 {display:block; text-align:center; border-bottom:0;}
.offer-card .btn-cta {margin-top:.3em;}
.breadcrumb-nav {font-size:.88em; margin:.6em 0 0;}
.breadcrumb-nav ol {list-style:none; display:flex; flex-wrap:wrap; gap:4px; padding:0; margin:0;}
.breadcrumb-nav li + li::before {content:"›"; margin:0 6px 0 2px; color:#888;}
.breadcrumb-nav a {color:#555;}
.contact-form {text-align:left; max-width:760px; margin:0 auto;}
.contact-form label {display:block; font-weight:bold; margin:.6em 0 .25em;}
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel] {max-width:none; width:100%;}
.contact-form textarea {min-height:12em;}
.contact-form .form-note {font-size:.85em; color:#666; margin:.4em 0;}
.contact-form button[type=submit] {width:100%; height:auto; padding:.9em 1em; font-size:1.15em; background-color:#619e23; border-radius:10px; color:#fff; border:0; font-weight:bold;}
.contact-form button[type=submit]:hover {box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5); filter:saturate(30%);}
.contact-form button.is-sending {opacity:.6; cursor:wait;}
.form-success {background:#eef8e6; border:1px solid #b8dc9b; border-radius:10px; padding:1.2em; text-align:center; color:#1f3d08; font-size:1.1em;}
.contact-alternatives {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:.6em;}
a.btn-cta--messenger {background:#0866ff;}
a.btn-cta--messenger:hover {background:#0552cc; color:#fff;}
.site-footer {margin:0 -12px;}
.footer-bloc {background-color:var(--sw-green); color:#fff; margin:0; padding:1.6em 12px; min-height:0; text-align:left;}
.footer-bloc a {color:#fff;}
.footer-bloc a:hover {color:#d8f5c4;}
.footer-col {margin-bottom:1em;}
.footer-logo {max-width:260px; box-shadow:none; background:#fff; border-radius:8px; padding:6px;}
.footer-title {font-size:1.2em; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.4em;}
.footer-links, .footer-contact {list-style:none; padding:0; margin:0 0 .8em;}
.footer-links li, .footer-contact li {margin:.35em 0;}
.footer-contact i {width:1.3em;}
.site-footer .btn-cta {margin-top:.4em;}
#sitecopyright {text-align:center; font-size:.85em; color:#555; padding:.8em 12px 1em; margin:0;}
.mobile-cta-bar {display:none;}
@media (max-width: 767.98px) {.mobile-cta-bar {display:flex; position:fixed; left:0; right:0; bottom:0; z-index:1030; gap:8px; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); background:#fff; box-shadow:0 -2px 10px rgba(0,0,0,.15);}
.mobile-cta-bar .btn-cta {flex:1 1 100%; margin:0; padding:.75em .5em;}
body {padding-bottom:72px;}}
.carousel img {box-shadow:none; margin:0;}
.home-carousel img {aspect-ratio: 1500 / 633; object-fit:cover; border-radius:10px;}
.agency-contact {list-style:none; padding:0; text-align:left;}
.agency-contact li {margin:.4em 0;}
.content-img {border-radius:10px;}
.team-photo {max-width:360px; border-radius:50%; aspect-ratio:1 / 1; object-fit:cover;}
.ad-12go {display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; margin:.8em 0; padding:16px 18px; border-radius:12px; background:linear-gradient(120deg, #0c5505 0%, #3f8a17 100%); color:#fff; text-align:left; box-shadow:0 3px 12px rgba(0,0,0,.12);}
.ad-12go__icons {display:flex; gap:10px; font-size:24px; opacity:.9;}
.ad-12go__icons i {margin:0;}
.ad-12go__body {flex:1 1 320px; min-width:0;}
.ad-12go__title {font-size:1.25em; font-weight:bold; margin:0 0 .2em; text-transform:uppercase; letter-spacing:.04em;}
.ad-12go__text {margin:0 0 .5em; opacity:.95;}
.ad-12go__routes {display:flex; flex-wrap:wrap; gap:6px; margin:0;}
.ad-12go__routes a {color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35); border-radius:20px; padding:3px 10px; font-size:.88em; text-decoration:none; white-space:nowrap;}
.ad-12go__routes a:hover {background:rgba(255,255,255,.3); color:#fff;}
.ad-12go__guide {margin:.5em 0 0; font-size:.9em;}
.ad-12go__guide a {color:#ffe08a;}
.ad-12go__cta {display:flex; flex-direction:column; align-items:center; gap:2px;}
a.btn-cta--12go, .btn-cta.btn-cta--12go {background:#fff; color:#0c5505; font-size:1.1em;}
a.btn-cta--12go:hover, a.btn-cta--12go:focus {color:#0c5505;}
.ad-12go__note {font-size:.75em; opacity:.8;}
@media (max-width: 640px) {.ad-12go__icons {display:none;}
.ad-12go__cta {width:100%;}
.ad-12go__cta .btn-cta {width:100%;}}
.transport-toc {display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:.6em 0;}
.transport-toc a {background:#f0f6fa; border:1px solid #d5e5ef; border-radius:20px; padding:4px 12px; font-size:.9em; text-decoration:none; color:#0b6e7d;}
.transport-toc a:hover {background:#e1eef6;}
.transport-type {padding:.6em 0 .4em; border-bottom:1px dotted #ccc;}
.transport-type:last-child {border-bottom:0;}
.transport-type h3, .bkk-card h3 {display:block; border-bottom:0;}
.transport-routes {display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:.4em 0 .6em;}
.transport-routes__label {font-weight:bold; margin-right:4px;}
.transport-routes a {background:#eef7e4; border:1px solid #b8dc9b; border-radius:20px; padding:3px 10px; font-size:.88em; text-decoration:none; color:#2f5f0c; white-space:nowrap;}
.transport-routes a:hover {background:#dff0cc;}
.transport-routes a.transport-routes__all {background:#619e23; border-color:#619e23; color:#fff;}
.bkk-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; margin:.6em 0;}
.bkk-card {background:#fff; border:1px solid #e3e3e3; border-radius:10px; padding:1em;}
.affiliate-note {font-size:.8em; color:#666; text-align:center; margin:.8em 0;}
.footer-small {font-size:.85em; opacity:.85;}
.bkk-card {display:flex; flex-direction:column;}
.bkk-card__links {margin:auto 0 0; display:flex; flex-wrap:wrap; gap:4px;}
.bkk-card__links .btn-cta {margin:0; font-size:.95em;}
.transport-img {float:right; width:42%; max-width:520px; margin:0 0 .8em 1.2em;}
.transport-img img {margin:0; border-radius:10px;}
.transport-img--wide {float:none; width:100%; max-width:none; margin:.4em 0 .8em;}
.transport-img--wide img {aspect-ratio:16 / 7; object-fit:cover;}
.transport-type::after {content:""; display:table; clear:both;}
@media (max-width: 767.98px) {.transport-img {float:none; width:100%; max-width:none; margin:.4em 0 .8em;}}