html {
    scroll-padding-top: 75px;
}

.day-ticket__content p {
    margin-bottom: 0;
}

.day-ticket__content p i {
    color: var(--second-color);
}

.day-ticket__content h3 {
    height: 54px;
}

/* Select Dropdown Options Styling */
select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b78938' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important; */
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

select::-ms-expand {
    display: none !important;
}

select:hover {
    border-color: #b78938 !important;
}

select:focus {
    outline: 0;
    border-color: #b78938 !important;
    box-shadow: 0 0 0 3px rgba(227, 183, 94, .15) !important;
}

/* Dropdown options styling */
select option {
    background: #ffffff !important;
    color: #16213e !important;
    padding: 12px 16px !important;
    border: none !important;
}

select option:hover,
select option:focus {
    background: rgba(227, 183, 94, 0.15) !important;
    color: #16213e !important;
}

select option:checked {
    background: linear-gradient(135deg, #e3b75e 0%, #dbaf56 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Advanced filters select styling */
.advanced-filters select {
    border-color: rgba(255, 255, 255, .13) !important;
    background: #243250 !important;
    color: #fff !important;
}

.advanced-filters select:hover {
    border-color: rgba(255, 255, 255, .3) !important;
}

.advanced-filters select option {
    background: #243250 !important;
    color: rgba(255, 255, 255, .7) !important;
}

.advanced-filters select option:hover,
.advanced-filters select option:focus {
    background: rgba(227, 183, 94, 0.2) !important;
    color: #fff !important;
}

.advanced-filters select option:checked {
    background: linear-gradient(135deg, #e3b75e 0%, #dbaf56 100%) !important;
    color: #fff !important;
}

/* Tour details redesign */
:root {
    --tour-navy: #08263f;
    --tour-ink: #183349;
    --tour-gold: #e5ab52;
    --tour-sand: #f8f4ed;
    --tour-line: #e6e8e9;
    --tour-green: #168765
}

html {
    scroll-behavior: smooth
}

.tour-hero {
    padding: 42px 0 0;
    /* background: linear-gradient(180deg, #f8f4ed 0, #fff 82%); */
    color: var(--tour-ink)
}

.tour-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    font-size: 13px;
    color: #6d7b86
}

.tour-breadcrumb a {
    color: #6d7b86;
    text-decoration: none
}

.tour-breadcrumb i {
    font-size: 9px;
    color: #a6adb1
}

.tour-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 60px;
    align-items: end;
    margin-bottom: 32px
}

.tour-eyebrow {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 14px
}

.tour-eyebrow>span:first-child,
.tour-kicker {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 800;
    color: #9a6a22
}

.tour-rating {
    font-weight: 800;
    color: var(--tour-ink)
}

.tour-rating i,
.tour-booking__head>span i {
    color: var(--tour-gold)
}

.tour-rating small {
    font-weight: 500;
    color: #73808a
}

.tour-hero h1 {
    /* font-family: Georgia, 'Times New Roman', serif; */
    font-size: clamp(26px, 3vw, 40px);
    /* line-height: 1.04; */
    /* letter-spacing: -2px; */
    max-width: 940px;
    margin: 0 0 18px;
    color: var(--tour-navy)
}

.tour-hero__copy>p {
    font-size: 18px;
    line-height: 1.7;
    max-width: 760px;
    color: #63717b;
    margin: 0 0 24px
}

.tour-quickfacts {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    justify-content: flex-start;
    align-items: center;
}

.tour-quickfacts span {
    padding: 10px 13px;
    background: #fff;
    border: 1px solid #e4ded4;
    border-radius: 50px;
    font-size: 13px;
    box-shadow: 0 5px 18px rgba(8, 38, 63, .04)
}

.tour-quickfacts i {
    color: #b77b22;
    margin-right: 6px
}

.tour-hero__price {
    background: var(--tour-navy);
    color: #fff;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 50px rgba(8, 38, 63, .18)
}

.tour-hero__price small {
    display: block;
    opacity: .72
}

.tour-hero__price strong {
    display: inline-block;
    /* font-family: Georgia, serif; */
    font-size: 36px;
    line-height: 1.3;
}

.tour-hero__price strong sup {
    font-size: 20px
}

.tour-hero__price>span {
    font-size: 12px;
    opacity: .7
}

.tour-hero__price p {
    font-size: 11px;
    text-align: center;
    margin: 13px 0 0;
    opacity: .7
}

.tour-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    border: 0;
    border-radius: 11px;
    padding: 0px 9px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer
}

.tour-btn--gold {
    background: var(--tour-gold);
    color: #10293d;
    margin-top: 15px
}

.tour-btn--gold:hover {
    background: #efba69;
    color: #10293d
}

.tour-gallery {
    /* height:440px; */
    /* display:grid; */
    /* grid-template-columns:2fr 1fr; */
    /* grid-template-rows:1fr 1fr; */
    /* gap:10px; */
    /* border-radius:22px; */
    /* overflow:hidden; */
}

.tour-gallery button {
    position: relative;
    border: 0;
    padding: 0;
    overflow: hidden;
    background: #ddd;
    cursor: zoom-in
}

.tour-gallery__main {
    grid-row: 1/3
}

.tour-gallery img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    transition: transform .5s
}

.tour-gallery button:hover img {
    transform: scale(1.035)
}

.tour-gallery__more span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(4, 26, 43, .56);
    color: #fff;
    font-weight: 800
}

.tour-section-nav {
    position: sticky;
    top: 0;
    z-index: 15;
    margin-top: 32px;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--tour-line);
    box-shadow: 0 8px 25px rgba(8, 38, 63, .04);
    backdrop-filter: blur(12px)
}

.tour-section-nav .container {
    display: flex;
    gap: 35px;
    overflow: auto
}

.tour-section-nav a {
    padding: 18px 0 15px;
    white-space: nowrap;
    text-decoration: none;
    color: #687680;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 3px solid transparent
}

.tour-section-nav a:hover,
.tour-section-nav a.is-active {
    color: var(--tour-navy);
    border-color: var(--tour-gold)
}

.tour-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 33px;
    align-items: start;
    padding-top: 24px;
    padding-bottom: 30px;
}

.tour-section {
    /* padding: 0 0 70px; */
    margin: 0 0 30px;
    border-bottom: 1px solid var(--tour-line);
    scroll-margin-top: 80px;
    padding: clamp(14px, -1vw, 18px);
    background: #ffffff;
    border-radius: 20PX;
    padding-top: 18px;
}

.tour-section:last-child {
    margin-bottom: 0
}

.tour-section h2 {
    /* font-family: Georgia, serif; */
    font-size: clamp(24px, 1vw, 31px);
    color: var(--tour-navy);
    /* letter-spacing: -1px; */
    margin: 12px 0 8px;
}

/* Curated tour data presentation */
.tour-legacy-data {
    display: none
}

.tour-discovery {
    position: relative
}

.tour-section-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.tour-availability {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 9px 14px;
    border-radius: 999px;
    background: #edf7f2;
    color: #317355;
    font-size: 12px;
    font-weight: 800
}

.tour-availability i {
    font-size: 7px;
    color: #42a678;
    box-shadow: 0 0 0 4px rgba(66, 166, 120, .12);
    border-radius: 50%
}

.tour-facts {
    /* display: grid; */
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    /* gap: 14px; */
    margin-top: 14px
}

.tour-facts article {
    /* display: flex; */
    /* align-items: center; */
    /* gap: 15px; */
    /* min-height: 92px; */
    /* padding: 19px; */
    /* border: 1px solid var(--tour-line); */
    /* border-radius: 16px; */
    /* background: linear-gradient(145deg, #fff, #fcfaf6); */
}

.tour-facts article>i {
    display: grid;
    place-items: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    background: var(--tour-sand);
    color: #a96f1c;
    font-size: 17px
}

.tour-facts small,
.tour-facts b {
    display: block
}

.tour-facts small {
    margin-bottom: 3px;
    color: #859098;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.tour-facts b {
    color: var(--tour-navy);
    font-size: 15px
}

.tour-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px
}

.tour-tags span {
    padding: 8px 13px;
    border: 1px solid #dfd6c7;
    border-radius: 999px;
    color: #68747c;
    font-size: 11px;
    font-weight: 700
}

.tour-experience-list {
    counter-reset: experience
}

.tour-experience-list article {
    display: grid;
    grid-template-columns: 58px 1fr 35px;
    align-items: center;
    gap: 20px;
    padding: 26px 6px;
    border-top: 1px solid var(--tour-line)
}

.tour-experience-list article:last-child {
    border-bottom: 1px solid var(--tour-line)
}

.tour-experience-list article>span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 50%;
    background: var(--tour-sand);
    color: #a36d20;
    font: 700 17px Georgia, serif
}

.tour-experience-list small {
    color: #ad782b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.tour-experience-list h3 {
    margin: 5px 0 7px;
    color: var(--tour-navy);
    font-size: 18px
}

.tour-experience-list p {
    margin: 0;
    color: #72808a;
    font-size: 13px;
    line-height: 1.65
}

.tour-experience-list article>i {
    color: #b57b27;
    transform: rotate(-25deg);
    transition: transform .2s ease
}

.tour-experience-list article:hover>i {
    transform: rotate(0deg) translateX(4px)
}

.tour-section p {
    margin-bottom: 0;
    color: #697780;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 500;
}

.tour-route {
    display: flex;
    align-items: center;
    margin: 42px 0;
    padding: 26px;
    background: var(--tour-sand);
    border-radius: 18px
}

.tour-route>div {
    position: relative;
    text-align: center;
    min-width: 130px
}

.tour-route>div span {
    position: absolute;
    top: -11px;
    right: 19px;
    font-size: 10px;
    font-weight: 800;
    color: #a98142
}

.tour-route>div i {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: auto;
    border-radius: 50%;
    background: #fff;
    color: #a86f1c;
    box-shadow: 0 7px 18px rgba(35, 45, 53, .08)
}

.tour-route b,
.tour-route small {
    display: block
}

.tour-route b {
    margin-top: 9px
}

.tour-route small {
    color: #77838b
}

.tour-route em {
    height: 1px;
    flex: 1;
    background: repeating-linear-gradient(90deg, #c7ad86 0 7px, transparent 7px 13px)
}

.tour-highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.tour-highlights article {
    padding: 23px;
    border: 1px solid var(--tour-line);
    border-radius: 15px
}

.tour-highlights i {
    font-size: 23px;
    color: #b77b22
}

.tour-highlights h3 {
    font-size: 16px;
    margin: 15px 0 7px;
    color: var(--tour-navy)
}

.tour-highlights p {
    font-size: 13px;
    line-height: 1.6;
    color: #74808a;
    margin: 0
}

.tour-section__head {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.tour-text-btn {
    border: 0;
    background: none;
    color: #986618;
    font-weight: 800;
    padding: 12px;
    white-space: nowrap
}

.tour-itinerary {
    border-top: 1px solid var(--tour-line)
}

.itinerary-day {
    border-bottom: 1px solid var(--tour-line)
}

.itinerary-day>button {
    width: 100%;
    display: grid;
    grid-template-columns: 80px 1fr 20px;
    align-items: center;
    text-align: left;
    border: 0;
    background: #fff;
    padding: 23px 6px;
    cursor: pointer;
    color: var(--tour-ink)
}

.itinerary-day>button>span {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a56e1d
}

.itinerary-day>button small {
    color: #889198
}

.itinerary-day>button h3 {
    font-size: 18px;
    margin: 3px 0
}

.itinerary-day>button>i {
    transition: transform .25s
}

.itinerary-day.is-open>button>i {
    transform: rotate(180deg)
}

.itinerary-day__body {
    display: none;
    padding: 0 40px 24px 86px
}

.itinerary-day.is-open .itinerary-day__body {
    display: block
}

.itinerary-day__body p {
    line-height: 1.75;
    color: #65737d
}

.itinerary-day__body div {
    display: flex;
    gap: 20px;
    font-size: 12px;
    color: #67747e
}

.itinerary-day__body i {
    color: #b77b22
}

.tour-inclusions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 14px;
}

.tour-inclusions article,
.tour-inclusions__card {
    padding: 16px;
    border-radius: 17px;
    background: #f2faf7
}

.tour-inclusions__card--excluded,
.tour-inclusions article:nth-child(2) {
    background: #fbf5f3
}

.tour-inclusions h3 {
    font-size: 18px;
    color: var(--tour-navy)
}

.tour-inclusions h3 i {
    color: var(--tour-green);
    margin-right: 8px
}

.tour-inclusions__card--excluded h3 i,
.tour-inclusions article:nth-child(2) h3 i {
    color: #bc6853
}

.tour-inclusions ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

.tour-inclusions li {
    position: relative;
    padding: 8px 0 8px 22px;
    font-size: 14px;
    color: #566872
}

.tour-inclusions li:before {
    content: '\f00c';
    position: absolute;
    left: 0;
    color: var(--tour-green);
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
}

.tour-inclusions__card--excluded li:before,
.tour-inclusions article:nth-child(2) li:before {
    content: '\f00d';
    color: #bc6853;
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
}

.tour-stays {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px
}

.tour-stays article {
    border: 1px solid var(--tour-line);
    border-radius: 16px;
    overflow: hidden;
    padding: 0 18px 20px
}

.tour-stays article>div {
    height: 95px;
    margin: 0 -18px 18px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #102f48, #224b69);
    color: #efbd70;
    font-size: 30px
}

.tour-stays span {
    font-size: 11px;
    text-transform: uppercase;
    color: #98703a;
    font-weight: 800
}

.tour-stays h3 {
    font-size: 16px;
    color: var(--tour-navy);
    margin: 8px 0
}

.tour-stays p {
    font-size: 13px;
    line-height: 1.5;
    color: #71808a;
    margin: 0
}

.tour-note {
    font-size: 12px;
    color: #75818a;
    margin-top: 17px
}

.tour-faq details {
    border-bottom: 1px solid var(--tour-line)
}

.tour-faq summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 0;
    font-weight: 800;
    color: var(--tour-navy);
    cursor: pointer;
    list-style: none
}

.tour-faq details[open] summary i {
    transform: rotate(45deg)
}

.tour-faq summary i {
    color: #ad751f;
    transition: transform .2s
}

.tour-faq details p {
    color: #65747f;
    line-height: 1.7;
    padding: 0 30px 20px 0
}

.tour-booking {
    position: sticky;
    top: 84px;
    padding: 27px;
    background: #fff;
    border: 1px solid #e2e5e7;
    border-radius: 19px;
    box-shadow: 0 20px 55px rgba(8, 38, 63, .1);
    scroll-margin-top: 90px
}

.tour-booking__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--tour-line)
}

.tour-booking__head strong {
    font-family: Georgia, serif;
    font-size: 31px;
    color: var(--tour-navy)
}

.tour-booking__head small {
    display: block;
    color: #7d898f
}

.tour-booking__head div span {
    font-size: 11px;
    color: #7d898f
}

.tour-booking__head>span {
    font-weight: 800
}

.tour-booking h2 {
    font-family: Georgia, serif;
    font-size: 27px;
    color: var(--tour-navy);
    margin: 21px 0 5px
}

.tour-booking>p {
    font-size: 13px;
    color: #71808a;
    line-height: 1.55
}

.tour-booking label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #536673;
    margin-top: 14px
}

.tour-booking label>div {
    display: flex;
    align-items: center;
    margin-top: 6px;
    border: 1px solid #dfe3e5;
    border-radius: 9px;
    padding: 0 12px
}

.tour-booking input,
.tour-booking select {
    width: 100%;
    height: 45px;
    border: 0;
    outline: 0;
    background: #fff;
    color: #314b5e
}

.tour-booking label i {
    color: #a87325;
    margin-right: 8px
}

.tour-booking__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.tour-booking__row select {
    margin-top: 6px;
    border: 1px solid #dfe3e5;
    border-radius: 9px;
    padding: 0 9px
}

.tour-booking .tour-btn {
    width: 100%
}

.tour-booking__or {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 19px 0
}

.tour-booking__or:before,
.tour-booking__or:after {
    content: '';
    height: 1px;
    flex: 1;
    background: var(--tour-line)
}

.tour-booking__or span {
    font-size: 10px;
    color: #8a969d
}

.tour-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #137c5d;
    text-decoration: none;
    font-weight: 800
}

.tour-whatsapp i {
    font-size: 20px
}

.tour-booking ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 13px;
    list-style: none;
    padding: 18px 0 0;
    margin: 18px 0 0;
    border-top: 1px solid var(--tour-line)
}

.tour-booking li {
    font-size: 10px;
    color: #74818a
}

.tour-booking li i {
    color: var(--tour-green)
}

.tour-cta {
    padding: 65px 0;
    background: var(--tour-navy);
    color: #fff
}

.tour-cta .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tour-cta span {
    color: #efbd70;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 800
}

.tour-cta h2 {
    font-family: Georgia, serif;
    font-size: 40px;
    margin: 8px 0
}

.tour-cta p {
    margin: 0;
    opacity: .72
}

.tour-btn--light {
    background: #fff;
    color: var(--tour-navy)
}

.tour-mobile-book {
    display: none
}

.tour-lightbox {
    position: fixed;
    z-index: 1000;
    inset: 0;
    background: rgba(3, 18, 30, .94);
    align-items: center;
    justify-content: center;
    padding: 5vw
}

.tour-lightbox:not([hidden]) {
    display: flex
}

.tour-lightbox img {
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 12px
}

.tour-lightbox button {
    position: absolute;
    /* right: 25px; */
    /* top: 22px; */
    border: 0;
    /* background: #fff; */
    width: 42px;
    height: 42px;
    border-radius: 50%;
    font-size: 19px
}

.tour-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1001;
    display: flex;
    gap: 13px;
    align-items: center;
    max-width: 370px;
    padding: 18px;
    background: var(--tour-navy);
    color: #fff;
    border-radius: 13px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .2)
}

.tour-toast[hidden] {
    display: none
}

.tour-toast>i {
    font-size: 24px;
    color: #63d3ae
}

.tour-toast b,
.tour-toast span {
    display: block
}

.tour-toast span {
    font-size: 12px;
    opacity: .75;
    margin-top: 3px
}

@media(max-width: 991px) {
    .tour-hero__grid {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 0 !important;
    }

    .tour-hero__price {
        display: none;
    }

    .tour-gallery {
        height: 380px
    }

    .tour-layout {
        grid-template-columns: 1fr;
        gap: 0
    }

    .tour-booking {
        position: relative;
        top: auto;
        order: -1;
        margin-bottom: 55px
    }

    .tour-section-nav .container {
        gap: 25px
    }

    .tour-mobile-book {
        position: fixed;
        bottom: 66px;
        left: 0;
        right: 0;
        z-index: 50;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 18px;
        background: #fff;
        box-shadow: 0 -8px 25px rgba(8, 38, 63, .15);
        text-decoration: none;
        color: var(--tour-navy)
    }

    .tour-mobile-book small {
        display: block;
        font-size: 10px
    }

    .tour-mobile-book b {
        font-size: 20px
    }

    .tour-mobile-book em {
        font-style: normal;
        background: var(--tour-gold);
        padding: 13px 18px;
        border-radius: 9px;
        font-size: 13px;
        font-weight: 800
    }

    .tour-cta {
        padding-bottom: 100px
    }
}

@media(max-width: 640px) {
    .tour-hero {
        padding-top: 22px
    }

    .tour-breadcrumb {
        margin-bottom: 20px
    }

    .tour-hero h1 {
        font-size: 37px;
        letter-spacing: -1px
    }

    .tour-eyebrow {
        align-items: flex-start;
        justify-content: space-between
    }

    .tour-rating small {
        display: none
    }

    .tour-quickfacts {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .tour-quickfacts span {
        border-radius: 10px;
        line-height: 1.35
    }

    .tour-gallery {
        height: 310px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr 1fr
    }

    .tour-gallery__main {
        grid-column: 1/3;
        grid-row: auto
    }

    .tour-gallery__more {
        display: none
    }

    .tour-section-nav {
        margin-top: 20px
    }

    .tour-layout {
        padding-top: 36px;
        padding-bottom: 45px
    }

    .tour-section {
        padding-bottom: 8px;
        margin-bottom: 30px;
    }

    .tour-section h2 {
        font-size: 24px;
    }

    .tour-route {
        padding: 20px 8px
    }

    .tour-route>div {
        min-width: 85px
    }

    .tour-route>div span {
        display: none
    }

    .tour-route b {
        font-size: 12px
    }

    .tour-route small {
        font-size: 10px
    }

    .tour-highlights,
    .tour-stays {
        grid-template-columns: 1fr
    }

    .tour-highlights article {
        display: grid;
        grid-template-columns: 35px 1fr;
        column-gap: 10px
    }

    .tour-highlights h3 {
        margin: 2px 0 5px
    }

    .tour-highlights p {
        grid-column: 2
    }

    .tour-section__head {
        align-items: start
    }

    .tour-inclusions {
        grid-template-columns: 1fr
    }

    .itinerary-day>button {
        grid-template-columns: 66px 1fr 16px
    }

    .itinerary-day>button h3 {
        font-size: 15px
    }

    .itinerary-day__body {
        padding-left: 72px
    }

    .tour-booking {
        padding: 22px
    }

    .tour-cta .container {
        display: block
    }

    .tour-cta h2 {
        font-size: 34px
    }

    .tour-cta .tour-btn {
        margin-top: 24px
    }

    .tour-toast {
        left: 14px;
        right: 14px;
        bottom: 78px
    }
}

/* Editorial tour gallery */
.tour-gallery {
    height: auto;
    display: grid;
    /* grid-template-columns:minmax(0,1fr) 118px; */
    /* gap:12px; */
    /* overflow:visible; */
    /* border-radius:0; */
}

.tour-gallery__stage {
    position: relative;
    /* height: 530px; */
    min-width: 0;
}

.tour-gallery__main {
    display: block;
    width: 100%;
    height: 100%;
    grid-row: auto;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(8, 38, 63, .16)
}

.tour-gallery__main:after {
    content: '';
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(transparent, rgba(3, 21, 34, .72));
    pointer-events: none
}

.tour-gallery__location {
    position: absolute;
    left: 28px;
    bottom: 25px;
    z-index: 2;
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 10px;
    text-align: left;
    color: #fff
}

.tour-gallery__location>i {
    grid-row: 1/3;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin-top: 3px;
    background: var(--tour-gold);
    color: var(--tour-navy);
    border-radius: 50%
}

.tour-gallery__location b {
    font-family: Georgia, serif;
    font-size: 22px
}

.tour-gallery__location small {
    font-size: 12px;
    opacity: .82
}

.tour-gallery__expand {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(8, 38, 63, .38);
    color: #fff;
    backdrop-filter: blur(8px)
}

.tour-gallery__controls {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 7px;
    background: rgba(255, 255, 255, .94);
    border-radius: 50px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .16)
}

.tour-gallery__controls button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--tour-navy);
    color: #fff;
    cursor: pointer
}

.tour-gallery__controls span {
    font-size: 11px;
    color: #7b858c
}

.tour-gallery__controls span b {
    font-size: 13px;
    color: var(--tour-navy)
}

.tour-gallery__rail {
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 9px; */
    /* height: 530px; */
}

.tour-gallery__rail button {
    position: relative;
    flex: 1;
    min-height: 0;
    border: 2px solid transparent;
    padding: 0;
    border-radius: 13px;
    overflow: hidden;
    background: #d9d9d9;
    cursor: pointer;
    opacity: .72;
    transition: opacity .25s, border-color .25s, transform .25s
}

.tour-gallery__rail button:hover,
.tour-gallery__rail button.is-active {
    opacity: 1;
    border-color: var(--tour-gold);
    transform: translateX(-3px)
}

.tour-gallery__rail img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tour-gallery__rail button>span:last-child {
    position: absolute;
    right: 7px;
    bottom: 6px;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(4, 27, 44, .72);
    color: #fff;
    font-size: 9px
}

.tour-gallery__view {
    position: absolute;
    z-index: 2;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: rgba(5, 29, 46, .52) !important;
    color: #fff;
    font-size: 10px !important;
    font-weight: 800
}

.tour-gallery__view+span {
    display: none !important
}

.tour-gallery [data-gallery-main] {
    transition: opacity .18s, transform .6s;
}

.tour-gallery.is-changing [data-gallery-main] {
    opacity: .35;
    transform: scale(1.015)
}

.tour-lightbox {
    padding: 40px 100px;
    background: rgba(3, 18, 30, .97);
    flex-direction: column
}

.tour-lightbox figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    margin: 0
}

.tour-lightbox figure img {
    max-width: min(1100px, 82vw);
    max-height: 76vh;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .4)
}

.tour-lightbox figcaption {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding-top: 14px
}

.tour-lightbox figcaption b {
    font-family: Georgia, serif;
    font-size: 20px
}

.tour-lightbox figcaption span {
    font-size: 13px;
    opacity: .68
}

.tour-lightbox__close {
    position: absolute !important;
    right: 26px !important;
    top: 24px !important
}

.tour-lightbox__arrow {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .22);
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.tour-lightbox__arrow--prev {
    left: 28px
}

.tour-lightbox__arrow--next {
    right: 28px
}

.tour-lightbox__count {
    margin-top: 18px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    opacity: .7
}

@media(max-width: 991px) {
    .tour-gallery {
        height: auto;
        grid-template-columns: 1fr;
        gap: 10px
    }

    .tour-gallery__stage {
        height: 440px
    }

    .tour-gallery__rail {
        height: 85px;
        flex-direction: row;
        overflow-x: auto;
        padding: 0 1px 3px
    }

    .tour-gallery__rail button {
        flex: 0 0 110px
    }

    .tour-gallery__rail button:hover,
    .tour-gallery__rail button.is-active {
        transform: translateY(-2px)
    }

    .tour-lightbox {
        padding: 50px 70px
    }

    .tour-lightbox figure img {
        max-width: 80vw
    }
}

@media(max-width: 640px) {
    .tour-gallery {
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        overflow: visible
    }

    .tour-gallery__stage {
        height: 350px
    }

    .tour-gallery__main {
        grid-column: auto;
        border-radius: 17px
    }

    .tour-gallery__rail {
        height: 68px
    }

    .tour-gallery__rail button {
        flex-basis: 88px;
        border-radius: 9px
    }

    .tour-gallery__location {
        left: 17px;
        bottom: 18px
    }

    .tour-gallery__location b {
        font-size: 18px
    }

    .tour-gallery__location small {
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tour-gallery__controls {
        right: 14px;
        bottom: 14px;
        gap: 8px
    }

    .tour-gallery__controls button {
        width: 30px;
        height: 30px
    }

    .tour-gallery__expand {
        right: 14px;
        top: 14px;
        width: 38px;
        height: 38px
    }

    .tour-lightbox {
        padding: 65px 15px 40px
    }

    .tour-lightbox figure img {
        max-width: 94vw;
        max-height: 68vh
    }

    .tour-lightbox figcaption {
        display: block;
        text-align: center
    }

    .tour-lightbox figcaption b,
    .tour-lightbox figcaption span {
        display: block
    }

    .tour-lightbox figcaption span {
        margin-top: 5px
    }

    .tour-lightbox__arrow {
        width: 40px;
        height: 40px;
        top: auto;
        bottom: 28px
    }

    .tour-lightbox__arrow--prev {
        left: 18px
    }

    .tour-lightbox__arrow--next {
        right: 18px
    }
}

/* Travel memory box gallery */
.tour-gallery {
    position: relative;
    grid-template-columns: minmax(0, 3.55fr) minmax(147px, 0.65fr);
    gap: 42px;
    padding: 34px 34px 55px;
    background: #efe8dc;
    border-radius: 28px;
    overflow: hidden
}

.tour-gallery:before {
    content: 'MEMORIES FROM EGYPT';
    position: absolute;
    left: -32px;
    bottom: 92px;
    color: rgba(8, 38, 63, .045);
    font-family: Georgia, serif;
    font-size: 74px;
    font-weight: 700;
    letter-spacing: 5px;
    white-space: nowrap;
    transform: rotate(-7deg)
}

.tour-gallery__stage {
    /* height: 500px; */
    /* margin: 10px 0 14px 10px; */
    isolation: isolate;
}

.tour-gallery__postcard {
    position: absolute;
    inset: 20px 9px 4px 14px;
    border: 12px solid #fff;
    background: #d2c4af;
    border-radius: 7px;
    box-shadow: 0 17px 40px rgba(64, 45, 22, .14);
    transform-origin: center
}

.tour-gallery__postcard--one {
    transform: rotate(-4deg) translate(-10px, 5px);
    z-index: -2
}

.tour-gallery__postcard--two {
    transform: rotate(3deg) translate(10px, -4px);
    z-index: -1;
    background: #c8b79e
}

.tour-gallery__main {
    border: 12px solid #fff;
    border-bottom-width: 72px;
    border-radius: 7px;
    box-shadow: 0 22px 60px rgba(45, 32, 17, .24);
    transform: rotate(-.7deg)
}

.tour-gallery__main:after {
    inset: 58% 0 0;
    background: linear-gradient(transparent, rgba(3, 21, 34, .56))
}

.tour-gallery__main:hover img {
    transform: scale(1.025)
}

.tour-gallery__location {
    left: 19px;
    right: 90px;
    bottom: -58px;
    color: var(--tour-navy);
    display: block
}

.tour-gallery__location em {
    display: block;
    margin-bottom: 2px;
    color: #a87325;
    font-family: inherit;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 1.8px;
    text-transform: uppercase
}

.tour-gallery__location b {
    display: block;
    font-size: 21px;
    line-height: 1.1
}

.tour-gallery__location small {
    display: block;
    color: #75808a;
    font-size: 10px;
    margin-top: 4px
}

.tour-gallery__expand {
    right: 18px;
    top: 18px
}

.tour-gallery__stamp {
    position: absolute;
    right: -23px;
    top: -22px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    border: 2px dashed rgba(8, 38, 63, .32);
    border-radius: 50%;
    background: #f4d69d;
    color: var(--tour-navy);
    box-shadow: 0 8px 22px rgba(60, 42, 18, .15);
    transform: rotate(11deg)
}

.tour-gallery__stamp i {
    font-size: 17px;
    transform: rotate(-25deg);
    margin-bottom: 2px
}

.tour-gallery__stamp b {
    text-transform: uppercase;
    font-family: Georgia, serif;
    font-size: 13px
}

.tour-gallery__stamp small {
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.tour-gallery__controls {
    right: 16px;
    bottom: -55px;
    background: transparent;
    box-shadow: none;
    padding: 0;
    gap: 8px
}

.tour-gallery__controls button {
    width: 31px;
    height: 31px;
    background: #f0e5d2;
    color: var(--tour-navy)
}

.tour-gallery__controls>span {
    display: none
}

.tour-gallery__rail {
    /* height: auto; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* gap: 8px; */
}

.tour-gallery__rail button {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-template-rows: auto 1fr;
    flex: 0 0 79px;
    min-height: 79px;
    padding: 7px;
    border: 1px solid rgba(8, 38, 63, .1);
    border-radius: 13px;
    background: rgba(255, 255, 255, .55);
    opacity: 1;
    overflow: hidden;
    text-align: left;
    transform: none !important
}

.tour-gallery__rail button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    bottom: 11px;
    width: 3px;
    border-radius: 3px;
    background: transparent
}

.tour-gallery__rail button.is-active {
    border-color: rgba(168, 115, 37, .34);
    background: #fff;
    box-shadow: 0 9px 24px rgba(54, 39, 21, .1)
}

.tour-gallery__rail button.is-active:before {
    background: var(--tour-gold)
}

.tour-gallery__rail img {
    grid-column: 1;
    grid-row: 1/3;
    width: 59px;
    height: 63px;
    border-radius: 8px
}

.tour-gallery__day {
    position: static !important;
    grid-column: 2;
    grid-row: 1;
    width: auto !important;
    height: auto !important;
    display: block !important;
    background: transparent !important;
    color: #a87325 !important;
    font-size: 8px !important;
    font-weight: 900;
    letter-spacing: 1.3px;
    text-transform: uppercase
}

.tour-gallery__chapter {
    position: static !important;
    grid-column: 2;
    grid-row: 2;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
    background: transparent !important;
    color: var(--tour-navy) !important
}

.tour-gallery__chapter b {
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 1
}

.tour-gallery__chapter small {
    margin-top: 5px;
    color: #77848c;
    font-size: 9px
}

.tour-gallery__rail button>span:last-child {
    border-radius: 0
}

/* .tour-gallery__rail:before {
    content: 'THE JOURNEY EDIT';
    margin-bottom: 8px;
    color: var(--tour-navy);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px
}

.tour-gallery__rail:after {
    content: 'Select a memory to open the postcard';
    margin-top: 5px;
    color: #8c918f;
    font-family: Georgia, serif;
    font-size: 11px;
    font-style: italic;
    text-align: center
} */

@media(max-width: 991px) {
    .tour-gallery {
        grid-template-columns: 1fr;
        padding: 30px 28px 22px;
        gap: 28px
    }

    .tour-gallery__stage {
        height: 460px;
        margin: 8px 18px 5px
    }

    .tour-gallery__rail {
        height: 92px;
        flex-direction: row;
        justify-content: flex-start;
        overflow-x: auto
    }

    .tour-gallery__rail:before,
    .tour-gallery__rail:after {
        display: none
    }

    .tour-gallery__rail button {
        flex: 0 0 180px;
        grid-template-columns: 62px 1fr;
        min-height: 76px
    }

    .tour-gallery__rail img {
        width: 52px;
        height: 60px
    }
}

@media(max-width: 640px) {
    .tour-gallery {
        padding: 20px 15px 15px;
        border-radius: 19px;
        gap: 22px
    }

    .tour-gallery:before {
        font-size: 43px
    }

    .tour-gallery__stage {
        height: 350px;
        margin: 3px 10px 8px
    }

    .tour-gallery__postcard {
        border-width: 8px
    }

    .tour-gallery__main {
        border-width: 8px;
        border-bottom-width: 60px
    }

    .tour-gallery__location {
        bottom: -49px;
        left: 12px
    }

    .tour-gallery__location em {
        font-size: 7px
    }

    .tour-gallery__location b {
        font-size: 17px
    }

    .tour-gallery__location small {
        max-width: 180px
    }

    .tour-gallery__controls {
        right: 8px;
        bottom: -22px;
    }

    .tour-gallery__stamp {
        width: 69px;
        height: 69px;
        right: -16px;
        top: -17px
    }

    .tour-gallery__stamp i {
        font-size: 13px
    }

    .tour-gallery__stamp b {
        font-size: 11px
    }

    .tour-gallery__rail {
        height: 77px
    }

    .tour-gallery__rail button {
        flex-basis: 155px;
        min-height: 69px;
        padding: 5px;
        grid-template-columns: 55px 1fr
    }

    .tour-gallery__rail img {
        width: 48px;
        height: 56px
    }

    .tour-gallery__chapter b {
        font-size: 14px
    }
}

/* Scalable thumbnail slider: supports 10+ gallery images */
.tour-gallery {
    grid-template-columns: 1fr;
    gap: 38px
}

.tour-gallery__stage {
    /* width:min(860px,calc(100% - 70px)); */
    /* height:510px; */
    /* margin:12px auto 18px; */
}

.tour-gallery__slider {
    position: relative;
    z-index: 4;
    min-width: 0
}

.tour-gallery__slider-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0 4px 14px
}

.tour-gallery__slider-head span,
.tour-gallery__slider-head b {
    display: block
}

.tour-gallery__slider-head span {
    margin-bottom: 3px;
    color: #a87325;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
    text-transform: uppercase
}

.tour-gallery__slider-head b {
    color: var(--tour-navy);
    font-family: Georgia, serif;
    font-size: 18px
}

.tour-gallery__slider-arrows {
    display: flex;
    gap: 8px
}

.tour-gallery__slider-arrows button {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(8, 38, 63, .13);
    border-radius: 50%;
    background: #fff;
    color: var(--tour-navy);
    cursor: pointer;
    transition: background .2s, color .2s, opacity .2s
}

.tour-gallery__slider-arrows button:hover {
    background: var(--tour-navy);
    color: #fff
}

.tour-gallery__slider-arrows button:disabled {
    cursor: default;
    opacity: .3
}

.tour-gallery__rail {
    display: flex;
    height: 106px;
    gap: 10px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-inline: contain
}

.tour-gallery__rail::-webkit-scrollbar {
    display: none
}

.tour-gallery__rail:before,
.tour-gallery__rail:after {
    display: none
}

.tour-gallery__rail button {
    display: block;
    position: relative;
    flex: 0 0 calc((100% - 40px)/5);
    height: 94px;
    min-height: 94px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 12px;
    background: #fff;
    scroll-snap-align: start;
    overflow: hidden;
    opacity: .68;
    transition: opacity .25s, transform .25s, border-color .25s
}

.tour-gallery__rail button:hover {
    transform: translateY(-2px) !important;
    opacity: 1
}

.tour-gallery__rail button.is-active {
    transform: none !important;
    border-color: var(--tour-gold);
    opacity: 1;
    box-shadow: 0 7px 18px rgba(54, 39, 21, .12)
}

.tour-gallery__rail button:before {
    display: none
}

.tour-gallery__rail img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 9px;
    object-fit: cover
}

.tour-gallery__rail button.is-active:after {
    content: 'Viewing';
    position: absolute;
    left: 7px;
    bottom: 7px;
    padding: 4px 7px;
    border-radius: 20px;
    background: var(--tour-gold);
    color: var(--tour-navy);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase
}

@media(max-width:991px) {
    .tour-gallery {
        gap: 30px
    }

    .tour-gallery__stage {
        width: calc(100% - 35px);
        height: 440px
    }

    .tour-gallery__slider {
        min-width: 0
    }

    .tour-gallery__rail {
        height: 100px
    }

    .tour-gallery__rail button {
        flex-basis: calc((100% - 30px)/4);
        min-height: 88px;
        height: 88px
    }
}

@media(max-width:640px) {
    .tour-gallery {
        gap: 23px
    }

    .tour-gallery__stage {
        width: calc(100% - 20px);
        height: 350px
    }

    .tour-gallery__slider-head {
        align-items: center
    }

    .tour-gallery__slider-head b {
        font-size: 15px
    }

    .tour-gallery__slider-arrows button {
        width: 34px;
        height: 34px
    }

    .tour-gallery__rail {
        height: 91px;
        gap: 8px
    }

    .tour-gallery__rail button {
        flex-basis: calc((100% - 16px)/2.45);
        min-height: 80px;
        height: 80px
    }

    .tour-gallery__rail button.is-active:after {
        left: 5px;
        bottom: 5px
    }
}

/* Vertical side slider */
.tour-gallery {
    grid-template-columns: minmax(0, 3.55fr) minmax(182px, 0.48fr);
    gap: 38px
}

.tour-gallery__stage {
    width: auto;
    height: 620px;
    margin: 12px 5px 18px 14px
}

.tour-gallery__slider {
    height: 615px;
    display: flex;
    flex-direction: column;
    align-self: center
}

.tour-gallery__slider-head {
    align-items: center;
    flex: 0 0 auto;
    margin: 0 0 11px
}

.tour-gallery__slider-head span {
    font-size: 8px
}

.tour-gallery__slider-head b {
    font-size: 15px
}

.tour-gallery__slider-arrows {
    gap: 5px
}

.tour-gallery__slider-arrows button {
    width: 31px;
    height: 31px;
    font-size: 11px
}

.tour-gallery__rail {
    flex: 1;
    min-height: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1px 5px 1px 1px;
    scroll-snap-type: y mandatory;
}

.tour-gallery__rail button {
    flex: 0 0 calc((100% - 32px)/5);
    width: 100%;
    height: 101px;
    min-height: 0;
    border-radius: 11px;
    scroll-snap-align: start
}

.tour-gallery__rail button:hover {
    transform: translateX(-2px) !important
}

.tour-gallery__rail img {
    width: 100%;
    height: 100%
}

.tour-gallery__rail button.is-active:after {
    left: 6px;
    bottom: 6px
}

@media(max-width:991px) {
    .tour-gallery {
        grid-template-columns: minmax(0, 1fr) 150px;
        gap: 25px
    }

    .tour-gallery__stage {
        width: auto;
        height: 430px;
        margin: 10px 0 16px 8px
    }

    .tour-gallery__slider {
        height: 430px
    }

    .tour-gallery__slider-head>div:first-child {
        display: none
    }

    .tour-gallery__slider-head {
        justify-content: flex-end
    }

    .tour-gallery__rail {
        height: auto
    }

    .tour-gallery__rail button {
        flex-basis: calc((100% - 32px)/5);
        height: auto;
        min-height: 0
    }
}

@media(max-width:640px) {
    .tour-gallery {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 6px;
    }

    .tour-gallery__stage {
        width: 100%;
        height: 360px;
        margin: 0;
    }

    .tour-gallery__slider {
        width: 100%;
        height: auto;
        min-width: 0;
    }

    .tour-gallery__slider-head {
        margin-bottom: 7px
    }

    .tour-gallery__slider-arrows button {
        width: 27px;
        height: 27px
    }

    .tour-gallery__rail {
        display: flex;
        height: 90px;
        flex-direction: row;
        gap: 6px;
        padding: 1px 0 5px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
    }

    .tour-gallery__rail button {
        flex: 0 0 112px;
        width: 112px;
        height: 82px;
        min-height: 82px;
        border-radius: 8px;
        scroll-snap-align: start;
    }

    .tour-gallery__rail button:hover {
        transform: translateY(-2px) !important;
    }

    .tour-gallery__rail button.is-active:after {
        content: '';
        left: 5px;
        bottom: 5px;
        width: 7px;
        height: 7px;
        padding: 0;
        border-radius: 50%
    }
}


/* ============================================================
   MERGED FROM: tour-booking.css
   ============================================================ */
.tour-booking {
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #fff;
    box-shadow: 0 24px 70px rgba(8, 38, 63, .14)
}

.tour-booking__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 24px;
    background: #08263f;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.tour-booking__topline span:last-child {
    letter-spacing: 0
}

.tour-booking__topline i {
    color: #e5ab52;
    margin-right: 4px
}

.tour-booking__price {
    display: flex;
    justify-content: space-between;
    padding: 5px 16px 3px;
    background: linear-gradient(135deg, #f9f5ed, #fff);
    align-items: center;
}

.tour-booking__price small {
    display: block;
    color: #7d898f;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.tour-booking__price strong {
    display: block;
    color: #08263f;
    font-family: Georgia, serif;
    font-size: 38px;
    line-height: 1.1
}

.tour-booking__price sup {
    font-size: 25px
}

.tour-booking__price>span {
    padding-bottom: 5px;
    color: #ffc107;
    font-size: 14px
}

.tour-booking__title {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 20px 24px 9px
}

.tour-booking__title>span {
    display: grid;
    place-items: center;
    flex: 0 0 39px;
    height: 39px;
    border-radius: 50%;
    background: #f8ecd8;
    color: #a66d1b
}

.tour-booking__title h2 {
    margin: 0;
    font-size: 23px
}

.tour-booking__title p {
    margin: 3px 0 0;
    color: #7a878f;
    font-size: 11px
}

.tour-booking form {
    padding: 6px 10px 15px
}

.tour-field-label,
.tour-travelers legend {
    display: block;
    margin: 14px 0 7px !important;
    color: #40586a !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .7px;
    text-transform: uppercase
}

.tour-date-field,
.tour-email-field {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #dfe4e6;
    border-radius: 11px;
    background: #fbfcfc;
    transition: border-color .2s, box-shadow .2s
}

.tour-date-field:focus-within,
.tour-email-field:focus-within {
    border-color: #c38a35;
    box-shadow: 0 0 0 3px rgba(229, 171, 82, .16)
}

.tour-date-field i,
.tour-email-field i {
    color: #a87325
}

.tour-date-field i:last-child {
    margin: 0 0 0 auto;
    font-size: 9px
}

.tour-date-field input,
.tour-email-field input {
    height: 46px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 10px !important;
    box-shadow: none !important
}

.tour-travelers {
    padding: 0;
    margin: 0;
    border: 0
}

.tour-counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f1
}

.tour-counter>div:first-child {
    display: flex;
    align-items: center;
    gap: 10px
}

.tour-counter__icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f5f0e8;
    color: #a36c1d
}

.tour-counter p,
.tour-counter b,
.tour-counter small {
    display: block;
    margin: 0
}

.tour-counter b {
    color: #08263f;
    font-size: 13px
}

.tour-counter small {
    margin-top: 2px;
    color: #8a959c;
    font-size: 9px
}

.tour-counter__actions {
    display: flex;
    align-items: center;
    gap: 8px
}

.tour-counter__actions button {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d9dfe2;
    border-radius: 50%;
    background: #fff;
    color: #08263f;
    font-size: 10px;
    cursor: pointer;
    transition: .2s
}

.tour-counter__actions button:hover:not(:disabled) {
    border-color: #e5ab52;
    background: #e5ab52
}

.tour-counter__actions button:disabled {
    opacity: .3;
    cursor: default
}

.tour-counter__actions output {
    min-width: 20px;
    color: #08263f;
    font-size: 14px;
    font-weight: 900;
    text-align: center
}

.tour-booking .tour-btn {
    margin-top: 3px
}

.tour-booking__response {
    margin: 13px 24px 0 !important;
    padding: 0 0 18px;
    text-align: center;
    color: #7b898f !important;
    font-size: 10px !important
}

.tour-booking__response i {
    color: #a87325;
    margin-right: 5px
}

.tour-booking__or {
    margin: 0 24px 15px
}

.tour-whatsapp {
    margin-bottom: 17px
}

.tour-booking>ul {
    padding: 15px 24px 20px;
    margin: 0;
    background: #f8faf9;
    border: 0
}

.flatpickr-calendar {
    border: 0;
    border-radius: 15px;
    box-shadow: 0 18px 55px rgba(8, 38, 63, .2);
    font-family: inherit
}

.flatpickr-months .flatpickr-month {
    height: 48px;
    color: #08263f
}

.flatpickr-current-month {
    padding-top: 13px
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    border-color: #e5ab52;
    background: #e5ab52;
    color: #08263f;
    font-weight: 800
}

.flatpickr-day:hover {
    border-color: #f5ead8;
    background: #f5ead8
}

.flatpickr-day.today {
    border-color: #a87325
}

@media(max-width: 640px) {

    .tour-booking__topline,
    .tour-booking__price,
    .tour-booking__title {
        padding-left: 20px;
        padding-right: 20px
    }

    .tour-booking form {
        padding-left: 20px;
        padding-right: 20px
    }
}

/* Message field */
.tour-message-field {
    margin-top: 10px
}

.tour-message-field label {
    display: block;
    margin: 0 0 7px;
    color: #40586a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .7px;
    text-transform: uppercase
}

.tour-message-field label span {
    color: #9aabb5;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0
}

.tour-message-field textarea {
    width: 100%;
    height: 68px;
    padding: 5px 9px;
    border: 1px solid #dfe4e6;
    border-radius: 11px;
    background: #fbfcfc;
    color: #314b5e;
    font-size: 14px;
    resize: vertical;
    transition: border-color .2s, box-shadow .2s
}

.tour-message-field textarea::placeholder {
    color: #b0bec5
}

.tour-message-field textarea:focus {
    outline: 0;
    border-color: #c38a35;
    box-shadow: 0 0 0 3px rgba(229, 171, 82, .16)
}

/* TripAdvisor widget */
.tour-ta-widget {
    margin-top: 20px
}

.tour-ta-widget .TA_selfserveprop,
.tour-ta-widget #CDSWIDSSP.widSSP {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: 2px solid #34e0a1 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 16px !important;
    font-family: inherit !important
}

.tour-ta-widget .widSSPData,
.tour-ta-widget .widSSPComponent,
.tour-ta-widget .widSSPSummary,
.tour-ta-widget .widSSPInformation,
.tour-ta-widget .widSSPWrap,
.tour-ta-widget .widSSPReviews,
.tour-ta-widget .widSSPAll {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important
}

/* ============================================================
   MERGED FROM: tour-form-layout.css
   ============================================================ */
.tour-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 11px;
    padding-top: 12px
}

.tour-floating-field {
    position: relative;
    min-width: 0;
    height: 43px;
    margin: 0 !important;
    padding-top: 0 !important
}

.tour-floating-field>label {
    position: absolute;
    z-index: 5;
    top: -7px;
    left: 12px;
    margin: 0;
    padding: 0 6px;
    background: #fff;
    color: #526675;
    font-size: 9px;
    font-weight: 900;
    line-height: 14px;
    letter-spacing: .45px;
    text-transform: uppercase;
    pointer-events: none
}

.tour-floating-field:focus-within>label {
    color: #a66d1b
}

.tour-field--wide {
    grid-column: 1/-1
}

.tour-form-grid .tour-email-field,
.tour-form-grid .tour-date-field,
.tour-form-grid .tour-nationality-field {
    margin-top: 0
}

.tour-form-grid .tour-email-field input {
    min-width: 0
}

.tour-form-grid .tour-phone-field .iti {
    height: 50px
}

.tour-form-grid .tour-phone-field>label,
.tour-form-grid .tour-phone-field .tour-phone-label {
    left: 10px
}

.tour-form-grid .tour-nationality-field select {
    min-width: 0;
    padding-left: 0
}

.tour-travelers {
    margin-top: 15px
}

.tour-travelers legend {
    display: inline-block;
    width: auto;
    margin: 0 0 7px !important;
    padding: 0 5px;
    background: #fff
}

.tour-travelers__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px
}

.tour-travelers__grid .tour-counter {
    min-width: 0;
    padding: 7px;
    border: 1px solid #dfe4e6;
    border-radius: 11px
}

.tour-travelers__grid .tour-counter>div:first-child {
    gap: 6px
}

.tour-travelers__grid .tour-counter__icon {
    display: none
}

.tour-travelers__grid .tour-counter__actions {
    gap: 4px
}

.tour-travelers__grid .tour-counter__actions button {
    width: 25px;
    height: 25px
}

.tour-travelers__grid .tour-counter__actions output {
    min-width: 14px;
    font-size: 12px
}

@media(max-width: 420px) {
    .tour-form-grid {
        gap: 17px 8px
    }

    .tour-floating-field>label {
        left: 8px;
        padding: 0 4px;
        font-size: 8px
    }

    .tour-travelers__grid {
        gap: 8px
    }

    .tour-travelers__grid .tour-counter {
        padding: 9px 7px
    }

    .tour-travelers__grid .tour-counter b {
        font-size: 11px
    }

    .tour-travelers__grid .tour-counter small {
        font-size: 8px
    }
}

/* ============================================================
   MERGED FROM: tour-phone.css
   ============================================================ */
.tour-phone-field {
    position: relative;
    width: 100%
}

.tour-phone-label {
    position: absolute;
    z-index: 5;
    top: -7px;
    left: 10px;
    margin: 0;
    padding: 0 6px;
    background: #fff;
    color: #526675;
    font-size: 9px;
    font-weight: 900;
    line-height: 14px;
    letter-spacing: .45px;
    text-transform: uppercase;
    pointer-events: none
}

.tour-phone-field:focus-within .tour-phone-label {
    color: #a66d1b
}

.tour-phone-field .iti {
    display: block;
    width: 100%
}

.tour-phone-field .iti__tel-input {
    width: 100%;
    height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 1px solid #dfe4e6 !important;
    border-radius: 11px;
    background: #fbfcfc !important;
    color: #314b5e;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s
}

.tour-phone-field .iti__tel-input:focus {
    outline: 0;
    border-color: #c38a35 !important;
    box-shadow: 0 0 0 3px rgba(229, 171, 82, .16) !important
}

.tour-phone-field .iti__selected-country {
    border-radius: 11px 0 0 11px;
    background: #f5f0e8
}

.tour-phone-field .iti__selected-dial-code {
    color: #08263f;
    font-size: 12px;
    font-weight: 800
}

.tour-phone-field .iti__country-container {
    padding: 1px
}

.iti__dropdown-content {
    z-index: 10000 !important;
    border: 0 !important;
    border-radius: 13px !important;
    box-shadow: 0 18px 50px rgba(8, 38, 63, .2) !important;
    overflow: hidden
}

.iti__search-input {
    height: 42px;
    border: 1px solid #dfe4e6 !important;
    border-radius: 8px
}

.iti__country {
    font-size: 12px
}

.iti__country.iti__highlight {
    background: #f8f0e3
}

.iti__country-name {
    color: #183349
}

.iti__dial-code {
    color: #9a6a22
}

.tour-nationality-field {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 13px;
    border: 1px solid #dfe4e6;
    border-radius: 11px;
    background: #fbfcfc;
    transition: border-color .2s, box-shadow .2s
}

.tour-nationality-field:focus-within {
    border-color: #c38a35;
    box-shadow: 0 0 0 3px rgba(229, 171, 82, .16)
}

.tour-nationality-field>i:first-child {
    color: #a87325
}

.tour-nationality-field>i:last-child {
    color: #a87325;
    font-size: 9px
}

.tour-nationality-field select {
    width: 100%;
    height: 46px;
    padding: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: #314b5e;
    appearance: none;
    box-shadow: none !important;
    padding-right: 0 !important
}

/* ============================================================
   MERGED FROM: tour-help.css
   ============================================================ */
.tour-booking__widget {
    grid-column: 2;
    position: relative;
    overflow: hidden;
    margin-top: -46px;
    padding: 25px;
    border: 1px solid #e4e7e8;
    border-radius: 19px;
    background: linear-gradient(145deg, #fff 0%, #faf7f1 100%);
    box-shadow: 0 18px 50px rgba(8, 38, 63, .08)
}

.tour-booking__widget:before {
    content: '';
    position: absolute;
    top: -60px;
    right: -55px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(229, 171, 82, .13)
}

.tour-help__head {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px
}

.tour-help__head>span {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    background: #08263f;
    color: #e5ab52;
    font-size: 18px
}

.tour-help__head small {
    display: block;
    margin-bottom: 2px;
    color: #9a6a22;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.tour-help__head h2 {
    margin: 0;
    color: #08263f;
    font-family: Georgia, serif;
    font-size: 28px;
    letter-spacing: -.5px
}

.tour-help__intro {
    margin: 13px 0 17px;
    color: #74818a;
    font-size: 12px;
    line-height: 1.55
}

.tour-help__links {
    border-top: 1px solid #e2e5e6
}

.tour-help__links>a,
.tour-help__links>button {
    width: 100%;
    display: grid;
    grid-template-columns: 39px 1fr 20px;
    align-items: center;
    gap: 11px;
    padding: 13px 2px;
    border: 0;
    border-bottom: 1px solid #e2e5e6;
    background: transparent;
    color: #08263f;
    text-align: left;
    text-decoration: none;
    cursor: pointer
}

.tour-help__links>a:hover,
.tour-help__links>button:hover {
    color: #a66d1b
}

.tour-help__icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #f3eadc;
    color: #9a681d;
    font-size: 15px;
    transition: .2s
}

.tour-help__icon--whatsapp {
    background: #e8f6f0;
    color: #168765
}

.tour-help__links>a:hover .tour-help__icon,
.tour-help__links>button:hover .tour-help__icon {
    background: #08263f;
    color: #e5ab52
}

.tour-help__links span:nth-child(2) small,
.tour-help__links span:nth-child(2) b {
    display: block
}

.tour-help__links span:nth-child(2) small {
    margin-bottom: 2px;
    color: #879198;
    font-size: 9px
}

.tour-help__links span:nth-child(2) b {
    font-size: 12px
}

.tour-help__links>a>i,
.tour-help__links>button>i {
    font-size: 9px;
    color: #a3acb1;
    transition: transform .2s
}

.tour-help__links>a:hover>i,
.tour-help__links>button:hover>i {
    transform: translateX(3px);
    color: #a66d1b
}

.tour-help__foot {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 17px
}

.tour-help__avatars {
    display: flex
}

.tour-help__avatars i {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    margin-left: -7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #173b56;
    color: #fff;
    font-size: 7px;
    font-style: normal;
    font-weight: 900
}

.tour-help__avatars i:first-child {
    margin-left: 0;
    background: #b57c28
}

.tour-help__avatars i:last-child {
    background: #4c718a
}

.tour-help__foot p,
.tour-help__foot b,
.tour-help__foot small {
    display: block;
    margin: 0
}

.tour-help__foot b {
    color: #405767;
    font-size: 9px
}

.tour-help__foot small {
    margin-top: 3px;
    color: #869198;
    font-size: 8px
}

.tour-help__foot small i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%;
    background: #32ad78;
    box-shadow: 0 0 0 3px rgba(50, 173, 120, .13)
}

@media(max-width: 991px) {
    .tour-booking__widget {
        grid-column: auto;
        margin: 0 0 55px
    }

    .tour-help__links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 22px
    }

    .tour-help__links>a,
    .tour-help__links>button {
        min-width: 0
    }
}

@media(max-width: 560px) {
    .tour-help__links {
        grid-template-columns: 1fr
    }

    .tour-booking__widget {
        padding: 21px
    }

    .tour-help__head h2 {
        font-size: 25px
    }
}

/* ============================================================
   MERGED FROM: tour-sidebar.css
   ============================================================ */
.tour-sidebar {
    position: sticky;
    top: 84px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0
}

.tour-sidebar .tour-booking {
    position: relative;
    top: auto
}

.tour-sidebar .tour-booking__widget {
    grid-column: auto;
    margin-top: 0
}

@media(max-width: 991px) {
    .tour-sidebar {
        position: relative;
        top: auto;
        /* order: -1; */
    }

    .tour-sidebar .tour-booking__widget {
        margin-bottom: 55px
    }
}

@media(max-width: 767px) {
    .tour-section-title-row {
        align-items: flex-start;
        flex-direction: column
    }

    .tour-availability {
        margin-top: -10px
    }

    .tour-facts {
        grid-template-columns: 1fr
    }

    .tour-facts article {
        min-height: 82px;
        padding: 16px
    }

    .tour-highlight-card {
        min-height: 205px;
        padding: 22px
    }

    .tour-experience-list article {
        grid-template-columns: 46px 1fr;
        gap: 14px;
        padding: 22px 0
    }

    .tour-experience-list article>span {
        width: 44px;
        height: 44px;
        font-size: 15px
    }

    .tour-experience-list article>i {
        display: none
    }
}


/* ============================================================
   TOUR CONTENT — new design components
   ============================================================ */

/* Tour Info — facts grid */
.tour-facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 20px 0 19px;
}

.tour-facts article {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    background: #fff;
    transition: all 0.3s ease;
}

.tour-facts article:hover {
    border-color: #b77b22;
    box-shadow: 0 2px 8px rgba(183, 123, 34, 0.08);
}

.tour-facts article>i {
    font-size: 18px;
    color: #b77b22;
    flex-shrink: 0;
}

.tour-facts small {
    display: block;
    color: #8a969d;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 3px;
}

.tour-facts b {
    color: #10243c;
    font-size: 13px;
    font-weight: 600;
}

/* Tags */
.tour-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.tour-tags span {
    padding: 6px 14px;
    border: 1px solid #e0d8cc;
    border-radius: 50px;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #5a6a74;
}

/* Highlights grid */


/* Experience list */
.tour-experience-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 28px;
    border-top: 1px solid var(--tour-line);
}

.tour-experience-list article {
    display: grid;
    grid-template-columns: 54px 1fr 20px;
    align-items: start;
    gap: 20px;
    padding: 28px 0;
    border-bottom: 1px solid var(--tour-line);
}

.tour-experience-list article>span {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--tour-sand);
    color: #a87325;
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
}

.tour-experience-list small {
    display: block;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #a87325;
    margin-bottom: 6px;
}

.tour-experience-list h3 {
    font-size: 18px;
    color: var(--tour-navy);
    margin: 0 0 8px;
}

.tour-experience-list p {
    font-size: 14px;
    line-height: 1.7;
    color: #65737d;
    margin: 0;
}

.tour-experience-list article>i {
    color: #c0a070;
    font-size: 11px;
    margin-top: 18px;
}

/* Pricing table */
.tour-price-table {
    margin-top: 24px;
    border: 1px solid var(--tour-line);
    border-radius: 16px;
    overflow: hidden;
}

.tour-price-table__head,
.tour-price-table__row {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    align-items: center;
}

.tour-price-table__head {
    background: var(--tour-navy);
    color: #fff;
}

.tour-price-table__head>div {
    padding: 14px 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.tour-price-table__head i {
    margin-right: 6px;
    color: var(--tour-gold);
}

.tour-price-table__row {
    border-bottom: 1px solid var(--tour-line);
    background: #fff;
}

.tour-price-table__row:last-child {
    border-bottom: 0;
}

.tour-price-table__row:nth-child(even) {
    background: #faf8f4;
}

.tour-price-table__row--price {
    background: #f4ead8 !important;
}

.tour-price-table__row--price strong {
    color: var(--tour-navy);
    font-size: 18px;
    font-family: Georgia, serif;
}

.tour-price-table__row>div {
    padding: 13px 18px;
    font-size: 14px;
    color: var(--tour-ink);
}

.tour-price-table__label {
    font-weight: 700;
    color: var(--tour-navy);
    font-size: 13px !important;
}

.tour-price-table__label small {
    display: block;
    font-size: 10px;
    color: #8a969d;
    font-weight: 400;
    margin-top: 2px;
}

.tour-price-na {
    color: #c0c8cc;
    font-size: 14px;
}

/* Section title with availability badge */
.tour-section-title-row {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.tour-availability {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    border-radius: 50px;
    background: #eaf6f0;
    color: #1a7a57;
    font-size: 12px;
    font-weight: 700;
}

.tour-availability i {
    font-size: 8px;
    color: #32ad78;
}

/* Detail kicker */
.tour-detail-kicker {
    margin-bottom: 10px;
    color: #16213e;
    font-size: 22px;
    font-weight: 800;
    border-bottom: 2px solid #c59e4c;
}

/* Tour Info Section Design */
#tour-info .tour-hl-simple {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

#tour-info .tour-hl-simple li {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 16px;
    border: 1px solid #e8e4dc;
    border-radius: 10px;
    background: #fff;
    transition: all 0.3s ease;
}

#tour-info .tour-hl-simple li:hover {
    border-color: #b77b22;
    box-shadow: 0 2px 8px rgba(183, 123, 34, 0.1);
    transform: translateY(-2px);
}

/* #tour-info .tour-hl-simple li::before {
    content: "\f058";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #b77b22;
    font-family: "Font Awesome 7 Free";
    font-size: 14px;
    font-weight: 900;
    left: 0;
    padding-right: 0;
} */

#tour-info .tour-hl-simple strong {
    color: #10243c;
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding-left: 4px;
    margin-bottom: 0;
    padding-right: 11px;
}

#tour-info .tour-hl-simple li {
    color: #5a6a74;
    font-size: 12px;
    line-height: 1.5;
}

@media(max-width: 640px) {
    #tour-info .tour-hl-simple {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    #tour-info .tour-hl-simple li {
        padding: 14px;
    }
}

/* Itinerary Accordion Simplified Design */
#itinerary .accordion-item {
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 16px;
}

#itinerary .accordion-button {
    background: #faf8f4;
    border: none;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #10243c;
    transition: all 0.3s ease;
}

#itinerary .accordion-button:hover {
    background: #f5f0e8;
}

#itinerary .accordion-button:not(.collapsed) {
    background: #b77b22;
    color: #fff;
}

#itinerary .accordion-button:focus {
    box-shadow: none;
}

#itinerary .accordion-collapse {
    transition: height 0.4s ease;
}

#itinerary .accordion-body {
    padding: 20px;
    background: #fff;
}

#itinerary .card-header {
    padding: 12px 0;
    border-bottom: 1px solid #f0ebe4;
}

#itinerary .card-header span {
    font-size: 13px;
    font-weight: 600;
    color: #10243c;
}

#itinerary .card-body {
    padding: 16px 0;
}

#itinerary .row {
    display: block;
    overflow: hidden;
}

#itinerary .row::after {
    content: "";
    display: table;
    clear: both;
}

#itinerary .col-sm-4,
#itinerary .col-xl-3 {
    float: left;
    width: 227px;
    margin-right: 16px;
}

#itinerary .col-sm-4 img,
#itinerary .col-xl-3 img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 8px;
}

#itinerary .col-sm-4 .bg-light,
#itinerary .col-xl-3 .bg-light {
    width: 100%;
    border-radius: 8px;
}

#itinerary .col-sm-8,
#itinerary .col-xl-9 {
    display: block;
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 31px;
    overflow: visible;
}

#itinerary .card-img {
    border-radius: 8px;
    object-fit: cover;
}

#itinerary .card-title {
    font-size: 15px;
    font-weight: 600;
    color: #10243c;
    margin-bottom: 8px;
}

#itinerary .card-body p {
    color: #5a6a74;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

#itinerary hr {
    border-color: #f0ebe4;
    margin: 16px 0;
}

/* Handle case when no image is present */
#itinerary .col-sm-4:empty,
#itinerary .col-xl-3:empty {
    display: none;
}

#itinerary .col-sm-4:empty+.col-sm-8,
#itinerary .col-xl-3:empty+.col-xl-9 {
    flex: 1;
    max-width: 100%;
}

@media(max-width: 640px) {
    #itinerary .accordion-button {
        padding: 14px 16px;
        font-size: 14px;
    }

    #itinerary .accordion-body {
        padding: 16px;
    }

    #itinerary .col-sm-4,
    #itinerary .col-xl-3 {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }

    #itinerary .col-sm-4 img,
    #itinerary .col-xl-3 img {
        height: auto;
    }

    #itinerary .col-sm-8,
    #itinerary .col-xl-9 {
        overflow: visible;
        padding-left: 6px;
    }
}

/* Responsive */
@media(max-width: 991px) {
    .tour-facts {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width: 640px) {
    .tour-facts {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .tour-facts article {
        padding: 12px;
        gap: 8px;
    }



    .tour-experience-list article {
        grid-template-columns: 42px 1fr;
    }

    .tour-experience-list article>i {
        display: none;
    }

    .tour-price-table__head>div,
    .tour-price-table__row>div {
        padding: 10px 10px;
        font-size: 12px;
    }

    .tour-price-table__head>div:first-child,
    .tour-price-table__row>div:first-child {
        font-size: 11px;
    }
}

/* Tour info grid — classification & type blocks */
.tour-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 20px;
}

.tour-info-block {
    padding: 18px 20px;
    border: 1px solid #e8e4dc;
    border-radius: 12px;
    background: #fff;
    transition: all 0.3s ease;
}

.tour-info-block:hover {
    border-color: #b77b22;
    box-shadow: 0 4px 12px rgba(183, 123, 34, 0.1);
}

.tour-info-block__label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: #10243c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.tour-info-block__label i {
    color: #b77b22;
    font-size: 14px;
}

.tour-info-block__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tour-info-block__tags span {
    padding: 6px 14px;
    border: 1px solid #e0d8c8;
    border-radius: 6px;
    background: #f8f6f2;
    color: #4a5e6a;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.tour-info-block__tags span:hover {
    background: #b77b22;
    color: #fff;
    border-color: #b77b22;
}

@media(max-width: 640px) {
    .tour-info-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Highlights — destination groups ── */
.tour-hl-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 28px;
}

.tour-hl-group {
    padding: 24px;
    border: 1px solid var(--tour-line);
    border-radius: 18px;
    background: #fff;
    transition: box-shadow .25s;
}

.tour-hl-group:hover {
    box-shadow: 0 12px 36px rgba(8, 38, 63, .08);
}

.tour-hl-group__head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--tour-line);
}

.tour-hl-group__num {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--tour-navy);
    color: var(--tour-gold);
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: 700;
}

.tour-hl-group__head>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tour-hl-group__head i {
    font-size: 16px;
    color: #b77b22;
}

.tour-hl-group__head h3 {
    margin: 0;
    font-size: 17px;
    color: var(--tour-navy);
}

.tour-hl-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tour-hl-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: #506070;
    line-height: 1.4;
}

.tour-hl-list li::before {
    content: '';
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--tour-gold);
}

.tour-hl-optional {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 20px;
    background: #f0ece3;
    color: #a07030;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    margin-left: 4px;
    white-space: nowrap;
}

@media(max-width: 640px) {
    .tour-hl-grid {
        grid-template-columns: 1fr;
    }
}

/* Restored itinerary design */
#itinerary .tour-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px
}

.tour-itinerary-intro {
    max-width: 590px;
    margin: -8px 0 0;
    color: #74818a;
    font-size: 14px;
    line-height: 1.7
}

#itinerary .tour-text-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 16px;
    border: 1px solid #dccfb9;
    border-radius: 999px;
    background: #fffaf1;
    color: #986618;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    transition: .2s
}

#itinerary .tour-text-btn:hover {
    background: var(--tour-navy);
    color: #fff
}

#accordionExample2 {
    position: relative;
    display: grid;
    gap: 14px;
    padding-left: 32px
}

#accordionExample2::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 10px;
    width: 1px;
    background: linear-gradient(var(--tour-gold), #ded4c5 75%, transparent)
}

#accordionExample2>.accordion-item {
    position: relative;
    margin: 0 !important;
    overflow: visible;
    border: 1px solid var(--tour-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(6, 29, 53, .04);
    transition: .25s
}

#accordionExample2>.accordion-item::before {
    content: "";
    position: absolute;
    top: 27px;
    left: -28px;
    width: 13px;
    height: 13px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #c9b99f;
    box-shadow: 0 0 0 1px #d7c9b3
}

#accordionExample2>.accordion-item.is-open {
    border-color: rgba(183, 123, 34, .35);
    box-shadow: 0 16px 40px rgba(6, 29, 53, .08)
}

#accordionExample2>.accordion-item.is-open::before {
    background: var(--tour-gold);
    box-shadow: 0 0 0 4px rgba(183, 123, 34, .14)
}

#accordionExample2 .accordion-header {
    margin: 0
}

#accordionExample2 .accordion-button {
    position: relative;
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 70px;
    padding: 14px 52px 13px 10px;
    border: 0;
    border-radius: 18px !important;
    background: transparent;
    color: var(--tour-navy);
    font-size: 16px;
    font-weight: 750;
    text-align: left;
    box-shadow: none
}

#accordionExample2 .accordion-button .lead {
    flex: 0 0 auto;
    margin-right: 13px !important;
    padding: 7px 10px;
    border-radius: 9px;
    background: var(--tour-sand);
    color: #a56e1d;
    font-size: 10px;
    font-weight: 850 !important;
    letter-spacing: .07em;
    text-transform: uppercase
}

#accordionExample2 .accordion-button::after {
    position: absolute;
    right: 21px;
    width: 32px;
    height: 32px;
    margin: 0;
    border: 1px solid #e3d8c7;
    border-radius: 50%;
    background-color: #fffaf1;
    background-size: 11px;
    background-position: center;
    transition: transform .25s
}

#accordionExample2 .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg)
}

#accordionExample2 .accordion-collapse {
    border-top: 1px solid #eee7dc
}

#accordionExample2 .accordion-body {
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 0 0 18px 18px;
    background: linear-gradient(180deg, #fdfbf7, #fff)
}

#accordionExample2 .accordion-body .vstack>.card {
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent !important
}

#accordionExample2 .card-header {
    border: 0;
    color: #a56e1d;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase
}

#accordionExample2 .card-header i {
    color: var(--tour-gold)
}

#accordionExample2 .card-img,
#accordionExample2 .card-body img:not(.navbar-brand-item) {
    width: 100% !important;
    height: 170px !important;
    border-radius: 13px;
    object-fit: cover
}

#accordionExample2 .navbar-brand-item {
    /* max-width: 120px; */
    /* height: auto; */
}

#accordionExample2 .card-title {
    color: var(--tour-navy);
    font: 700 19px Georgia, serif
}

#accordionExample2 .card-body p {
    margin-bottom: 0;
    color: #697780;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 500;
}

#accordionExample2 hr {
    border-color: #e8dfd2;
    opacity: 1
}

/* Restored pricing cards */
.tour-pricing__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 25px
}

.tour-pricing__heading h2 {
    margin-bottom: 8px
}

.tour-pricing__heading>div:first-child>p {
    margin: 0;
    color: #73818a;
    font-size: 14px
}

.tour-pricing__from {
    flex: 0 0 auto;
    min-width: 155px;
    padding-left: 22px;
    border-left: 1px solid var(--tour-line)
}

.tour-pricing__from small,
.tour-pricing__from span {
    display: block;
    color: #859098;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase
}

.tour-pricing__from strong {
    display: block;
    margin: 2px 0;
    color: var(--tour-navy);
    font: 700 34px Georgia, serif
}

.tour-pricing__from sup {
    margin-right: 2px;
    color: #b77b22;
    font-size: 16px
}

.tour-season-note {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 23px;
    padding: 16px 18px;
    border: 1px solid #ead9b9;
    border-radius: 14px;
    background: linear-gradient(90deg, #fff9ed, #fffdf9)
}

.tour-season-note>i {
    display: grid;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    place-items: center;
    border-radius: 11px;
    background: #f0dfbd;
    color: #986619
}

.tour-season-note strong,
.tour-season-note span {
    display: block
}

.tour-season-note strong {
    margin-bottom: 2px;
    color: var(--tour-navy);
    font-size: 13px
}

.tour-season-note span {
    color: #74818a;
    font-size: 12px;
    line-height: 1.5
}

.tour-price-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px
}

.tour-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 25px 22px 21px;
    border: 1px solid var(--tour-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 27px rgba(6, 29, 53, .04);
    transition: .25s
}

.tour-price-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 19px 40px rgba(6, 29, 53, .1)
}

.tour-price-card__icon {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 22px;
    place-items: center;
    border-radius: 13px;
    background: var(--tour-sand);
    color: #a66d18;
    font-size: 16px
}

.tour-price-card__type {
    color: #7b878f;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase
}

.tour-price-card h3 {
    margin: 5px 0 0;
    color: var(--tour-navy);
    font: 700 37px Georgia, serif
}

.tour-price-card h3 sup {
    margin-right: 2px;
    color: #ad7521;
    font-size: 17px
}

.tour-price-card>p {
    margin: 0 0 21px;
    color: #8b969d;
    font-size: 11px
}

.tour-price-card__guests {
    display: flex;
    align-items: center;
    min-height: 41px;
    margin-top: auto;
    padding: 11px 0;
    border-block: 1px solid var(--tour-line);
    color: #b27a26;
    font-size: 12px
}

.tour-price-card__guests i+i {
    margin-left: 2px
}

.tour-price-card__guests span {
    margin-left: auto;
    color: #64727c;
    font-size: 11px;
    font-weight: 750
}

.tour-price-card>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    color: var(--tour-navy);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase
}

.tour-price-card>a i {
    color: #b77b22;
    transition: transform .2s
}

.tour-price-card>a:hover i {
    transform: translateX(4px)
}

.tour-price-card--featured {
    border-color: var(--tour-navy);
    background: var(--tour-navy);
    box-shadow: 0 20px 42px rgba(6, 29, 53, .18)
}

.tour-price-card__badge {
    position: absolute;
    top: 17px;
    right: 17px;
    padding: 6px 9px;
    border-radius: 999px;
    background: var(--tour-gold);
    color: var(--tour-navy);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase
}

.tour-price-card--featured .tour-price-card__icon {
    background: rgba(255, 255, 255, .1);
    color: var(--tour-gold)
}

.tour-price-card--featured .tour-price-card__type,
.tour-price-card--featured>p {
    color: rgba(255, 255, 255, .58)
}

.tour-price-card--featured h3,
.tour-price-card--featured .tour-price-card__guests span,
.tour-price-card--featured>a {
    color: #fff
}

.tour-price-card--featured h3 sup,
.tour-price-card--featured .tour-price-card__guests,
.tour-price-card--featured>a i {
    color: var(--tour-gold)
}

.tour-price-card--featured .tour-price-card__guests {
    border-color: rgba(255, 255, 255, .14)
}

.tour-family-rate {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    margin-top: 17px;
    padding: 17px 19px;
    border: 1px solid var(--tour-line);
    border-radius: 15px;
    background: #fbfaf7
}

.tour-family-rate>i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: #edf4f5;
    color: var(--tour-navy)
}

.tour-family-rate strong,
.tour-family-rate span {
    display: block
}

.tour-family-rate strong {
    margin-bottom: 3px;
    color: var(--tour-navy);
    font-size: 12px
}

.tour-family-rate span {
    color: #75828b;
    font-size: 11px;
    line-height: 1.5
}

.tour-family-rate>a {
    color: #9b691d;
    font-size: 10px;
    font-weight: 850;
    text-decoration: none;
    text-transform: uppercase
}

@media(max-width:767px) {
    #itinerary .tour-section__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px
    }

    #itinerary .tour-text-btn {
        align-self: flex-start
    }

    #accordionExample2 {
        gap: 11px;
        padding-left: 0;
    }

    #accordionExample2::before,
    #accordionExample2>.accordion-item.is-open::before {
        left: 5px;
        display: none;
    }

    #accordionExample2>.accordion-item::before {
        left: -21px;
        width: 11px;
        height: 11px
    }

    #accordionExample2 .accordion-button {
        min-height: 66px;
        padding: 14px 50px 14px 14px;
        font-size: 14px
    }

    #accordionExample2 .accordion-button .lead {
        margin-right: 9px !important;
        padding: 6px 8px;
        font-size: 9px
    }

    #accordionExample2 .accordion-button::after {
        right: 13px;
        width: 29px;
        height: 29px
    }

    #accordionExample2 .accordion-body {
        padding: 18px 15px !important
    }

    #accordionExample2 .accordion-body .row {
        gap: 13px
    }

    #accordionExample2 .card-img,
    #accordionExample2 .card-body img:not(.navbar-brand-item) {
        height: 210px !important
    }

    .tour-pricing__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px
    }

    .tour-pricing__from {
        padding: 0;
        border: 0
    }

    .tour-price-cards {
        grid-template-columns: 1fr
    }

    .tour-price-card {
        padding: 23px 21px
    }

    .tour-price-card--featured {
        order: -1
    }

    .tour-family-rate {
        grid-template-columns: 42px 1fr
    }

    .tour-family-rate>a {
        grid-column: 2
    }
}

/* Restored compact tour highlights */
.tour-content {
    min-width: 0
}

.tour-pricing {
    position: relative
}

/* Sticky in-page tour navigation */
.tour-nav-anchor {
    width: 100%;
    height: 0
}

.tour-nav {
    position: relative;
    top: auto;
    z-index: 45;
    width: calc(100% - 24px);
    max-width: 1320px;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(8, 38, 63, .1);
    border-radius: 15px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 28px rgba(8, 38, 63, .07);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px)
}

.tour-nav.is-stuck {
    position: fixed;
    top: 100px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: 1320px;
    margin-inline: auto;
    animation: tourNavIn .22s ease both
}

@media(min-width:576px) {
    .tour-nav {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .tour-nav {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .tour-nav {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .tour-nav {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    .tour-nav {
        max-width: 1320px
    }
}

.tour-nav-anchor.is-active {
    height: 64px
}

@keyframes tourNavIn {
    from {
        transform: translateY(-100%);
        opacity: .7
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.tour-nav__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    overflow: hidden;
    background: #eee8dd
}

.tour-nav__progress-bar {
    display: block;
    width: 0;
    height: 100%;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(90deg, #b77b22, var(--tour-gold));
    transition: width .12s linear
}

.tour-sub-nav {
    display: flex;
    align-items: stretch;
    gap: 5px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-behavior: smooth
}

.tour-sub-nav::-webkit-scrollbar {
    display: none
}

.tour-sub-nav>a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    min-height: 61px;
    padding: 0 13px;
    /* color: #71808a; */
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s, background .2s
}

.tour-sub-nav>a i {
    color: #b5a68e;
    font-size: 11px;
    transition: color .2s
}

.tour-sub-nav>a::after {
    content: "";
    position: absolute;
    right: 13px;
    bottom: 12px;
    left: 13px;
    height: 2px;
    border-radius: 2px;
    /* background: var(--tour-gold); */
    transform: scaleX(0);
    transition: transform .2s
}

.tour-sub-nav>a:hover {
    background: transparent;
    color: var(--tour-navy)
}

.tour-sub-nav>a.is-active {
    border-radius: 10px;
    background: #faf6ee;
    color: var(--tour-navy)
}

.tour-sub-nav>a:hover i,
.tour-sub-nav>a.is-active i {
    color: #b77b22
}

.tour-sub-nav>a.is-active::after {
    transform: scaleX(1)
}

@media(max-width:767px) {
    .tour-nav-anchor.is-active {
        height: 58px
    }

    .tour-sub-nav {
        padding-inline: 14px
    }

    .tour-sub-nav>a {
        min-height: 55px;
        padding: 0 11px;
        font-size: 14px;
    }

    .tour-sub-nav>a i {
        display: none
    }
}

/* Reviews and nested traveller gallery */
.tour-reviews {
    overflow: hidden
}

.tour-reviews__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 26px
}

.tour-reviews__rating {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 2px 10px;
    flex: 0 0 auto
}

.tour-reviews__rating strong {
    grid-row: 1/3;
    color: var(--tour-navy);
    font: 700 35px Georgia, serif
}

.tour-reviews__rating span {
    display: flex;
    gap: 2px;
    color: #f2b01e;
    font-size: 10px
}

.tour-reviews__rating small {
    color: #7b878f;
    font-size: 10px;
    font-weight: 700
}

.tour-reviews-slider {
    overflow: visible
}

.tour-review-card {
    height: auto;
    padding: 28px;
    border: 1px solid var(--tour-line);
    border-radius: 19px;
    background: linear-gradient(145deg, #fff, #fcfaf6);
    box-shadow: 0 12px 34px rgba(6, 29, 53, .06)
}

.tour-review-card header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px
}

.tour-review-card__avatar {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 50%;
    background: var(--tour-navy);
    color: var(--tour-gold);
    font: 700 17px Georgia, serif
}

.tour-review-card header h3 {
    margin: 0 0 2px;
    color: var(--tour-navy);
    font-size: 14px
}

.tour-review-card header time {
    color: #8a959c;
    font-size: 10px
}

.tour-review-card__stars {
    display: flex;
    gap: 3px;
    margin-left: auto;
    color: #f2b01e;
    font-size: 11px
}

.tour-review-card>h4 {
    margin: 0 0 8px;
    color: var(--tour-navy);
    font: 700 20px Georgia, serif
}

.tour-review-card>p {
    margin: 0;
    color: #667680;
    font-size: 13px;
    line-height: 1.75
}

.tour-review-gallery {
    position: relative;
    margin-top: 23px
}

.tour-review-gallery__slider {
    overflow: hidden;
    border-radius: 13px
}

.tour-review-gallery__slider .swiper-slide {
    height: 120px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    background: #eee;
    cursor: grab
}

.tour-review-gallery__slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease
}

.tour-review-gallery__slider .swiper-slide:hover img {
    transform: scale(1.06)
}

.tour-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    background: rgba(6, 29, 53, .82);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 5px 15px rgba(6, 29, 53, .2)
}

.tour-slider-arrow--prev {
    left: -10px
}

.tour-slider-arrow--next {
    right: -10px
}

.tour-slider-arrow.swiper-button-disabled {
    opacity: .3;
    cursor: default
}

.tour-review-quote {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 28px;
    padding: 20px;
    border-left: 3px solid var(--tour-gold);
    border-radius: 0 13px 13px 0;
    background: var(--tour-sand);
    color: #526672;
    font: italic 15px/1.6 Georgia, serif
}

.tour-review-quote i {
    margin-top: 3px;
    color: #b77b22
}

.tour-reviews__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 0;
}

.tour-reviews__controls>button {
    display: grid;
    width: 36px;
    height: 36px;
    padding: 0;
    place-items: center;
    border: 1px solid #ddd3c4;
    border-radius: 50%;
    background: #fff;
    color: var(--tour-navy);
    font-size: 10px
}

.tour-reviews__controls>button:hover {
    border-color: var(--tour-navy);
    background: var(--tour-navy);
    color: #fff
}

.tour-reviews__controls>button.swiper-button-disabled {
    opacity: .35
}

.tour-reviews-pagination {
    display: flex;
    align-items: center;
    width: auto !important
}

.tour-reviews-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #b7afa4;
    opacity: 1
}

.tour-reviews-pagination .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 5px;
    background: var(--tour-gold)
}

/* Tour Hero Section */
.tour-hero {
    padding: 60px 0 40px !important;
    background: linear-gradient(135deg, rgba(227, 183, 94, 0.08) 0%, rgba(22, 33, 62, 0.03) 100%) !important;
    border-bottom: 1px solid rgba(227, 183, 94, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
}

.tour-hero::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 300px !important;
    height: 300px !important;
    background: radial-gradient(circle, rgba(227, 183, 94, 0.1) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.tour-hero__grid {
    display: grid !important;
    gap: 24px !important;
    position: relative !important;
    z-index: 1 !important;
}

.tour-hero__copy {
    max-width: 900px !important;
}

.tour-hero h1 {
    /* font-family: "Playfair Display", Georgia, serif !important; */
    font-size: clamp(31px, 3vw, 45px) !important;
    font-weight: 700 !important;
    color: #16213e !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.02em !important;
}

.tour-breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    /* flex-wrap: wrap !important; */
    font-size: 14px !important;
    color: #2e333e !important;
}

.tour-breadcrumb a {
    color: #e3b75e !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-weight: 500 !important;
}

.tour-breadcrumb a:hover {
    color: #16213e !important;
}

.tour-breadcrumb i {
    color: #e3b75e !important;
    font-size: 10px !important;
}

.tour-breadcrumb span {
    color: #16213e !important;
    font-weight: 600 !important;
}

/* Story Detail Section */
.story-detail {
    padding: 50px 0 !important;
}

.story-detail__intro {
    margin-bottom: 30px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.story-detail__meta {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    flex-wrap: wrap !important;
}

.story-detail__meta span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: #2e333e !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.story-detail__meta span i {
    color: #e3b75e !important;
    font-size: 14px !important;
}

.story-detail__meta b {
    color: #16213e !important;
    font-weight: 600 !important;
}

@media(max-width:640px) {
    .tour-hero {
        padding: 40px 0 30px !important;
    }

    .tour-hero h1 {
        font-size: 28px !important;
        margin-bottom: 16px !important;
    }

    .tour-breadcrumb {
        font-size: 13px !important;
        gap: 8px !important;
        display: flex !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        white-space: nowrap;
        border-radius: 0;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: thin;
    }

    .tour-hero__grid,
    .tour-hero__copy {
        width: 100%;
        max-width: 100% !important;
        min-width: 0;
    }

    .tour-breadcrumb>a,
    .tour-breadcrumb>i,
    .tour-breadcrumb>span {
        flex: 0 0 auto;
    }

    .story-detail {
        padding: 30px 0 !important;
    }

    .story-detail__meta {
        gap: 16px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .tour-reviews__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px
    }

    .tour-review-card {
        padding: 21px 17px
    }

    .tour-review-card header {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .tour-review-card__stars {
        flex-basis: 100%;
        margin: 3px 0 0 58px
    }

    .tour-review-gallery__slider .swiper-slide {
        height: 105px
    }

    .tour-slider-arrow {
        width: 31px;
        height: 31px
    }
}

.tour-pricing-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0 0 22px;
    color: #74818a;
    font-size: 12px;
    line-height: 1.6
}

.tour-pricing-note i {
    margin-top: 3px;
    color: #b77b22
}

.tour-simple-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--tour-line);
    border-radius: 15px;
    background: #fff
}

.tour-simple-table {
    width: 100%;
    min-width: 570px;
    border-collapse: collapse;
    color: #566872;
    font-size: 13px
}

.tour-simple-table th,
.tour-simple-table td {
    padding: 16px 18px;
    border-bottom: 1px solid var(--tour-line);
    text-align: center
}

.tour-simple-table th:first-child,
.tour-simple-table td:first-child {
    text-align: left
}

.tour-simple-table thead {
    background: var(--tour-navy);
    color: #fff
}

.tour-simple-table thead th {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase
}

.tour-simple-table thead i {
    margin-right: 6px;
    color: var(--tour-gold)
}

.tour-simple-table tbody th {
    color: var(--tour-navy);
    font-weight: 750
}

.tour-simple-table tbody th small {
    display: block;
    margin-top: 2px;
    color: #8a969d;
    font-size: 9px;
    font-weight: 500
}

.tour-simple-table tbody tr:last-child th,
.tour-simple-table tbody tr:last-child td {
    border-bottom: 0
}

.tour-simple-table__price {
    background: #faf4e8
}

.tour-simple-table__price td {
    color: var(--tour-navy);
    font: 700 19px Georgia, serif
}

@media(max-width:640px) {

    .tour-simple-table th,
    .tour-simple-table td {
        padding: 14px 12px
    }

    .tour-simple-table-wrap {
        border-radius: 12px
    }
}

.tour-hl-simple {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none
}

.tour-hl-simple li {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 12px 0 12px 27px;
    border-bottom: 1px solid var(--tour-line);
    color: #526570;
    font-size: 13px;
    line-height: 1.45
}

#highlights .tour-hl-simple li::before {
    content: "\f005";
    position: absolute;
    left: 0;
    color: #b77b22;
    font-family: "Font Awesome 7 Free";
    font-size: 14px;
    font-weight: 900
}

#highlights .tour-hl-simple {
    grid-template-rows: repeat(var(--highlight-rows, 1), auto);
    grid-auto-flow: column
}

/* TinyMCE may return a complete list; expose its items to the parent grid. */
#highlights .tour-hl-simple>ul,
#highlights .tour-hl-simple>ol,
.tour-expect-list>ul,
.tour-expect-list>ol {
    display: contents
}

#highlights .tour-hl-simple li:nth-child(2) {
    border-top: 0
}

#highlights .tour-hl-simple li:nth-child(10) {
    border-top: 1px solid var(--tour-line)
}


.tour-hl-simple li:nth-child(-n+2) {
    border-top: 1px solid var(--tour-line)
}

.tour-hl-optional {
    display: inline-flex;
    flex: 0 0 auto;
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f2eadc;
    color: #9a681f;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .04em;
    white-space: nowrap;
    text-transform: uppercase
}

/* Restored what-to-expect list and reveal control */
.tour-expect-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 20px;
    padding: 0;
    border-top: 1px solid var(--tour-line);
    list-style: none
}

.tour-expect-list li {
    position: relative;
    padding: 14px 4px 14px 28px;
    border-bottom: 1px solid var(--tour-line);
    color: #526570;
    font-size: 13px;
    line-height: 1.6
}

.tour-expect-list li::before {
    content: "\f3c5";
    position: absolute;
    top: 17px;
    left: 2px;
    color: #b77b22;
    font-family: "Font Awesome 7 Free";
    font-size: 14px;
    font-weight: 900
}

.tour-expect-list>p {
    position: relative;
    margin: 0;
    padding: 14px 4px 14px 28px;
    border-bottom: 1px solid var(--tour-line);
    color: #526570;
    font-size: 14px;
    line-height: 1.6
}

.tour-expect-list>p::before {
    content: "\f3c5";
    position: absolute;
    top: 17px;
    left: 2px;
    color: #b77b22;
    font-family: "Font Awesome 7 Free";
    font-size: 14px;
    font-weight: 900
}

.tour-expect-list li p {
    margin: 0
}

.tour-expect-entry {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px 4px;
    border-bottom: 1px solid var(--tour-line)
}

.tour-expect-entry__icon {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-top: 2px;
    place-items: center;
    border-radius: 50%;
    background: #f4ead9;
    color: #aa721f;
    font-size: 13px
}

.tour-expect-entry__body {
    min-width: 0
}

.tour-expect-entry__body strong {
    display: block;
    margin-bottom: 4px;
    color: var(--tour-navy);
    font-size: 14px
}

.tour-expect-entry__body p {
    margin: 0;
    color: #6d7b84;
    font-size: 12px;
    line-height: 1.6
}

.tour-expect-entry--hidden {
    display: none
}

.tour-expect-list.is-expanded .tour-expect-entry--hidden {
    display: list-item
}

.tour-expect-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 10px 22px;
    border: 1px solid #ddd5c3;
    border-radius: 999px;
    background: #fff;
    color: var(--tour-navy);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s, border-color .2s
}

.tour-expect-toggle[hidden] {
    display: none
}

.tour-expect-toggle:hover {
    border-color: var(--tour-gold);
    background: #faf6ee
}

.tour-expect-toggle i {
    font-size: 10px;
    transition: transform .3s
}

.tour-expect-toggle.is-expanded i {
    transform: rotate(180deg)
}

#tour-info .tour-hl-simple li i {
    color: #b88932;
    font-size: 15px;
}

.tour-inclusions article div ul {
    display: flex;
    flex-direction: column;
}

.tour-nationality-field select {

    font-size: 12px;
    font-weight: 400;
}

.destSlug__price {
    color: #16213e;
    font-size: 18px;
    font-weight: 600;
}

@media(max-width:640px) {
    .tour-hl-simple {
        grid-template-columns: 1fr;
        gap: 0
    }

    #highlights .tour-hl-simple {
        grid-template-rows: none;
        grid-auto-flow: row
    }

    #highlights .tour-hl-simple li:nth-child(10) {
        border-top: 0
    }

    .tour-hl-simple li:nth-child(2) {
        border-top: 0
    }

    .tour-hl-simple li {
        align-items: flex-start;
        padding-right: 2px
    }

    .tour-hl-optional {
        margin-top: 1px
    }

    .tour-expect-entry {
        gap: 12px;
        padding: 16px 0
    }

    .modern-footer {
        padding-bottom: 129px;
    }
}

.tour-hero__request-quote {
    font-size: 20px !important;
}