#destination {
            width: 100%;
            min-width: 0;
            background: transparent;
            border: none;
            outline: none;
            font: inherit;
            color: inherit;
        }

        /* jQuery UI autocomplete dropdown */
        body>.ui-autocomplete {
            z-index: 2147483647 !important;
            max-height: 320px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            background: #ffffff !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 12px !important;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
            padding: 6px 0 !important;
        }

        /* Dropdown items */
        body>.ui-autocomplete .ui-menu-item-wrapper {
            padding: 11px 16px !important;
            font-size: 14px !important;
            color: #263238 !important;
            white-space: normal !important;
            cursor: pointer;
        }

        /* Hover and keyboard selection */
        body>.ui-autocomplete .ui-state-active {
            background: #e8f6f5 !important;
            color: #08777c !important;
            border: none !important;
            margin: 0 !important;
        }

        /* Ferry horizontal search form */
        #ferry-search .ferry-search-fields {
            display: grid;
            grid-template-columns: 1.35fr 1.35fr 1.15fr .75fr .75fr auto;
            align-items: center;
            gap: 12px;
            width: 100%;
        }

        #ferry-search .search-field {
            min-width: 0;
        }

        #ferry-search .search-field label {
            display: block;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 1px;
            color: #657386;
            margin-bottom: 7px;
        }

        #ferry-search .search-field input {
            width: 100%;
            height: 43px;
            padding: 0 10px;
            border: 0;
            outline: none;
            background: transparent;
            color: #17324d;
            font-size: 13px;
            box-sizing: border-box;
        }

        #ferry-search .search-field input:focus {
            border-color: transparent;
            box-shadow: none;
        }

        #ferry-search .ferry-submit {
            height: 44px;
            min-width: 140px;
            padding: 0 20px;
            white-space: nowrap;
            border: none;
            border-radius: 9px;
            background: #ed7055;
            color: #fff;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
        }

        #ferry-search .ferry-submit:hover {
            background: #e65c40;
        }

        #ferry-search .ferry-submit span {
            margin-left: 10px;
        }

        /* Mobile */
        @media (max-width: 767px) {
            #ferry-search .ferry-search-fields {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
            }

            #ferry-search .ferry-submit {
                grid-column: 1 / -1;
                width: 100%;
            }
        }

        /* Package search - same horizontal design as Ferry */
        #packages-search .package-search-fields {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 12px;
            width: 100%;
        }

        #packages-search .search-field {
            flex: 1 1 0;
            min-width: 0;
        }

        #packages-search .search-field label {
            display: block;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: #657386;
            margin-bottom: 7px;
            white-space: nowrap;
        }

        #packages-search .search-field input,
        #packages-search .search-field select {
            width: 100%;
            height: 43px;
            padding: 0 9px;
            border: 1px solid #e0e5eb;
            border-radius: 8px;
            background: #fff;
            color: #17324d;
            font-size: 12px;
            box-sizing: border-box;
        }

        #packages-search .package-search-submit {
            flex: 0 0 140px;
            height: 44px;
            white-space: nowrap;
            border: none;
            border-radius: 9px;
            background: #ed7055;
            color: #fff;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
        }

        #packages-search .package-search-submit:hover {
            background: #e65c40;
        }

        /* Mobile */
        @media (max-width: 767px) {
            #packages-search .package-search-fields {
                flex-wrap: wrap;
            }

            #packages-search .search-field {
                flex: 1 1 calc(50% - 12px);
            }

            #packages-search .package-search-submit {
                flex: 1 1 100%;
                width: 100%;
            }
        }
    
        /* Homepage city tour collections */
        .home-tour-section { padding: 76px 0; }
        .home-tour-section:nth-child(even) { background: #f7f9fb; }
        .home-tour-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:30px; }
        .home-tour-heading .eyebrow { display:inline-block; color:#ed7055; font-size:11px; font-weight:700; letter-spacing:1.5px; margin-bottom:10px; }
        .home-tour-heading h2 { margin:0 0 10px; color:#17324d; font-size:clamp(25px,3vw,36px); line-height:1.2; }
        .home-tour-heading p { margin:0; color:#657386; font-size:15px; }
        .home-tour-see-all { flex:0 0 auto; color:#17324d; text-decoration:none; font-size:14px; font-weight:600; border-bottom:1px solid #ed7055; padding-bottom:6px; }
        .home-tour-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
        .home-tour-card { min-width:0; background:#fff; border:1px solid #edf0f3; border-radius:16px; overflow:hidden; box-shadow:0 8px 24px rgba(25,48,70,.06); transition:transform .25s ease,box-shadow .25s ease; }
        .home-tour-card:hover { transform:translateY(-5px); box-shadow:0 14px 30px rgba(25,48,70,.12); }
        .home-tour-card-link { display:block; height:100%; color:inherit; text-decoration:none; }
        .home-tour-card-image { position:relative; height:205px; overflow:hidden; background:#e9eef2; }
        .home-tour-card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
        .home-tour-card:hover .home-tour-card-image img { transform:scale(1.05); }
        .home-tour-tag { position:absolute; left:13px; top:13px; padding:7px 10px; border-radius:30px; background:rgba(17,43,65,.88); color:#fff; font-size:10px; letter-spacing:.7px; font-weight:700; }
        .home-tour-card-content { padding:17px 17px 18px; }
        .home-tour-location { display:block; color:#ed7055; font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; margin-bottom:8px; }
        .home-tour-card-content h3 { color:#17324d; font-size:16px; line-height:1.45; font-weight:650; margin:0 0 12px; min-height:46px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
        .home-tour-rating { color:#f2a93b; font-size:14px; letter-spacing:2px; margin-bottom:10px; }
        .home-tour-price { display:flex; align-items:baseline; gap:5px; padding-top:10px; border-top:1px solid #edf0f3; }
        .home-tour-price strong { color:#17324d; font-size:17px; }
        .home-tour-price span { color:#84909b; font-size:12px; }
        .home-tour-card-cta { display:block; color:#087f83; font-size:13px; font-weight:700; margin-top:14px; }
        .home-tour-empty { grid-column:1/-1; padding:35px; text-align:center; color:#657386; background:#fff; border:1px dashed #ccd5dc; border-radius:14px; }
        @media(max-width: 991px) { .home-tour-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .home-tour-card-image{height:185px;} }
        @media(max-width: 767px) { .home-tour-section{padding:48px 0;} .home-tour-heading{display:block;margin-bottom:22px;} .home-tour-see-all{display:inline-block;margin-top:16px;} .home-tour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .home-tour-card-image{height:145px;} .home-tour-card-content{padding:12px;} .home-tour-card-content h3{font-size:13px;min-height:38px;} .home-tour-price strong{font-size:14px;} .home-tour-card-cta{font-size:12px;margin-top:10px;} }
        @media(max-width: 380px) { .home-tour-grid{grid-template-columns:1fr;} .home-tour-card-image{height:190px;} }

        

/* ==========================================
   BANGKOK FAQ - MATCH HOMEPAGE SECTION STYLE
   Inherit the same .section, .container and
   .section-heading styles as More ways to wander.
========================================== */

.faq-section .section-heading {
    margin-bottom: 30px;
}

/* FAQ list follows the natural shared container width */
.faq-section .faq-list {
    width: 100%;
    max-width: none;
    margin: 0;
}

.faq-section .faq-list details {
    border-bottom: 1px solid #e2e9e8;
}

.faq-section .faq-list details:first-child {
    border-top: 1px solid #e2e9e8;
}

.faq-section .faq-list summary {
    position: relative;
    display: block;
   /* padding: 20px 42px 20px 0; */
    color: #17324d;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    list-style: none;
}

.faq-section .faq-list summary::-webkit-details-marker {
    display: none;
}

.faq-section .faq-list summary::marker {
    content: "";
}

.faq-section .faq-list summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    color: #ed7055;
    font-size: 23px;
    font-weight: 400;
}

.faq-section .faq-list details[open] summary::after {
    content: "−";
    color: #087f83;
}

.faq-section .faq-list summary:hover,
.faq-section .faq-list details[open] summary {
    color: #087f83;
}

.faq-section .faq-list details > div {
    padding: 0 38px 22px 0;
}

.faq-section .faq-list details > div p {
    margin: 0;
    color: #657386;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    text-align: left;
}

@media (max-width: 767px) {
    .faq-section .section-heading {
        margin-bottom: 22px;
    }

    .faq-section .faq-list summary {
        padding: 17px 36px 17px 0;
        font-size: 15px;
    }

    .faq-section .faq-list details > div {
        padding: 0 8px 19px 0;
    }

    .faq-section .faq-list details > div p {
        font-size: 14px;
        line-height: 1.75;
    }
}



/* =====================================================
   AMAZING EXPERIENCES SECTION
   Sun Leisure World - Bangkok Homepage
   Container width: Same as Google Reviews (960px)
===================================================== */

/* Main section */
.bangkok-content-section {
    width: 100%;
    max-width: 100%;
    padding: 65px 0 75px;
    margin: 0;
    background: #ffffff;
    box-sizing: border-box;
}

/* Main container - Google Reviews width */
.bangkok-content-section > .container {
    display: block !important;
   /* width: 960px !important;
    max-width: 960px !important; */
    min-width: 0 !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* ---------------------------------
   INTRODUCTION BOX
--------------------------------- */

.bangkok-content-section .bangkok-intro {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 28px 30px;
    margin: 0 0 55px;
    background: #f7f5ef;
    border-left: 3px solid #087f83;
    border-radius: 12px;
    box-sizing: border-box;
}

.bangkok-content-section .bangkok-intro .eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #087f83;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bangkok-content-section .bangkok-intro p {
    margin: 0 0 12px;
    color: #526777;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
}

.bangkok-content-section .bangkok-intro p:last-child {
    margin-bottom: 0;
}

/* ---------------------------------
   SECTION HEADING
--------------------------------- */

.bangkok-content-section .bangkok-content-heading {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px;
    padding: 0;
    text-align: left;
}

.bangkok-content-section .bangkok-content-heading .eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #087f83;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bangkok-content-section .bangkok-content-heading h2 {
    margin: 0 0 12px;
    padding: 0;
    color: #173f42;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1.2px;
    text-align: left;
}

.bangkok-content-section .bangkok-content-heading h2 em {
    color: #087f83;
    font-family: Georgia, serif;
    font-weight: 400;
}

.bangkok-content-section .bangkok-content-heading p {
    max-width: 750px;
    margin: 0;
    color: #71818e;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}

/* ---------------------------------
   EXPERIENCE CARDS GRID
--------------------------------- */

.bangkok-content-section .bangkok-content-grid {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Individual card */
.bangkok-content-section .bangkok-content-card {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 205px;
    padding: 25px 24px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e3ebea;
    border-radius: 12px;
    box-sizing: border-box;
    transition: transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
}

.bangkok-content-section .bangkok-content-card:hover {
    transform: translateY(-4px);
    border-color: #b9d8d5;
    box-shadow: 0 12px 30px rgba(20, 65, 65, 0.08);
}

/* Card icon */
.bangkok-content-section .bangkok-content-card .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    color: #087f83;
    background: #eaf5f3;
    border-radius: 9px;
    font-size: 19px;
}

/* Card number */
.bangkok-content-section .bangkok-content-card .card-number {
    position: absolute;
    top: 17px;
    right: 20px;
    color: #e7efed;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

/* Card title */
.bangkok-content-section .bangkok-content-card h3 {
    margin: 0 0 12px;
    color: #173f42;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

/* Card description */
.bangkok-content-section .bangkok-content-card p {
    margin: 0;
    color: #71818e;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.85;
}

/* ---------------------------------
   TABLET
--------------------------------- */

@media (max-width: 991px) {
    .bangkok-content-section > .container {
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
    }
}

/* ---------------------------------
   MOBILE
--------------------------------- */

@media (max-width: 767px) {
    .bangkok-content-section {
        padding: 45px 0 50px;
    }

    .bangkok-content-section > .container {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
    }

    .bangkok-content-section .bangkok-intro {
        padding: 22px 20px;
        margin-bottom: 40px;
    }

    .bangkok-content-section .bangkok-intro p {
        font-size: 13px;
        line-height: 1.8;
    }

    .bangkok-content-section .bangkok-content-heading {
        margin-bottom: 22px;
    }

    .bangkok-content-section .bangkok-content-heading h2 {
        font-size: 27px;
    }

    .bangkok-content-section .bangkok-content-heading p {
        font-size: 13px;
    }

    .bangkok-content-section .bangkok-content-grid {
        grid-template-columns: 1fr !important;
        gap: 15px;
    }

    .bangkok-content-section .bangkok-content-card {
        min-height: auto;
        padding: 22px 20px;
    }

    .bangkok-content-section .bangkok-content-card h3 {
        font-size: 17px;
    }
}

/* Small mobile */
@media (max-width: 380px) {
    .bangkok-content-section .bangkok-content-heading h2 {
        font-size: 24px;
    }

    .bangkok-content-section .bangkok-content-card {
        padding: 18px;
    }
}