/* HERO BANNER */
.html { scrollbar-gutter: stable; /* Fallback for older browsers */ overflow-y: scroll; }
.hero-banner{position:relative;height:520px;overflow:hidden;}
.hero-banner img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,4,0.92) 0%,rgba(20,12,4,0.4) 50%,rgba(20,12,4,0.1) 100%);}
.gallery-strip{position:absolute;bottom:18px;right:2.5rem;display:flex;gap:7px;z-index:3;}
.gthumb{width:70px;height:50px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,0.4);cursor:pointer;transition:border-color .2s;flex-shrink:0;}
.gthumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gthumb:hover,.gthumb.active{border-color:var(--ochre-light);}
.gmore{width:70px;height:50px;border-radius:6px;background:rgba(0,0,0,0.58);border:2px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.75rem;font-weight:600;cursor:pointer;}
.hero-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:2.5rem 2.5rem 2rem;}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:0.7rem;color:rgba(255,255,255,0.48);margin-bottom:.9rem;flex-wrap:wrap;}
.breadcrumb a{color:var(--ochre-light);text-decoration:none;cursor:pointer;}
.breadcrumb sep{color:rgba(255,255,255,0.28);}
.hero-content h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.8vw,3.1rem);font-weight:700;color:#fff;line-height:1.12;margin-bottom:.8rem;}
.hero-content h1 em{color:var(--ochre-light);font-style:italic;}
.hero-meta{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;}
.hmeta{display:flex;align-items:center;gap:5px;font-size:0.76rem;color:rgba(255,255,255,0.72);padding:5px 11px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.16);border-radius:18px;backdrop-filter:blur(4px);}
.hmeta strong{color:var(--ochre-light);}
.rating-badge{background:var(--ochre);color:#fff;font-size:0.76rem;font-weight:700;padding:5px 13px;border-radius:18px;}

/* TOUR STICKY NAV */
.tour-nav{background:var(--white);border-bottom:1px solid var(--border);padding:0 2.5rem;display:flex;gap:0;position:sticky;z-index:3;overflow-x:auto;scrollbar-width:none;transition: transform 0.3s ease;}
nav.show ~ .tour-nav { top: 66px; }
nav.hide ~ .tour-nav { top: 0; }
.tour-nav::-webkit-scrollbar{display:none;}
.tnav{flex-shrink:0;padding:13px 18px;font-size:0.79rem;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2.5px solid transparent;transition:all .2s;white-space:nowrap;}
.tnav:hover,.tnav.active{color:var(--ochre);border-bottom-color:var(--ochre);}

/* MAIN GRID */
.main-layout{display:grid;grid-template-columns:1fr 356px;gap:3rem;max-width:1380px;margin:0 auto;padding:3rem 2.5rem 5rem;align-items:start;}

/* QUICK FACTS */
.quick-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--white);margin-bottom:2.5rem;}
.qf{padding:1rem;text-align:center;border-right:1px solid var(--border);}
.qf:last-child{border-right:none;}
.qf-icon{font-size:1.35rem;margin-bottom:4px;display:block;}
.qf-lbl{font-size:0.6rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:3px;}
.qf-val{font-family:'Cormorant Garamond',serif;font-size:.95rem;font-weight:700;color:var(--charcoal);}

/* SECTION HEADINGS */
.s-eyebrow{font-size:0.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ochre);margin-bottom:4px;}
.s-heading{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:700;color:var(--charcoal);margin-bottom:1.2rem;padding-bottom:.7rem;border-bottom:1px solid var(--border);}
.tour-description,.tour-description * { font-size:0.95rem;line-height:1.85;margin-bottom:1rem; }
.tour-description.collapsed { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
.read-more-btn { font-family: "DM Sans", sans-serif; margin-top: 10px; background: none; border: none; color: #c17b2a; font-size: 16px; font-weight: 600; cursor: pointer; }

/* INCLUSIONS */
.inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2.5rem;}
.inc-box{background:var(--green-pale);border:1px solid rgba(26,92,58,0.2);border-radius:12px;padding:1.25rem 1.35rem;}
.exc-box{background:#FEF2F2;border:1px solid rgba(122,32,32,0.14);border-radius:12px;padding:1.25rem 1.35rem;}
.inc-box h4{font-size:0.78rem;font-weight:700;color:var(--green);letter-spacing:.4px;margin-bottom:.7rem;}
.exc-box h4{font-size:0.78rem;font-weight:700;color:var(--maroon);letter-spacing:.4px;margin-bottom:.7rem;}
.ie-list{list-style:none;display:flex;flex-direction:column;gap:6px;}
.ie-list ul,.ie-list ol { padding-inline-start: 0; }
.ie-list li{font-size:0.79rem;color:var(--slate);display:flex;align-items:flex-start;gap:7px;line-height:1.5;margin-bottom: 5px;}
.ie-list.inc li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;}
.ie-list.exc li::before{content:'✕';color:var(--maroon);font-weight:700;flex-shrink:0;}

/* ─ Why Book Section ─────────────────────── */
.section-why-book {
    background: linear-gradient(135deg, #faf6ee 0%, #fff5f0 100%);
    padding: 60px 0;
}

.section-why-book .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ─ Container Layout (2 Columns) ──────────────────────── */
.why-book-container {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 48px;
}

/*  Left Column: SIMPLIFIED Cards ─────────────────────── */
.why-book-left {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.why-card-simple {
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    gap: 18px;
    align-items: flex-start;
    transition: all 0.3s ease;
}

.why-card-simple:hover {
    transform: translateX(8px);
}

.why-icon-simple {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #7a1f2b 0%, #c9973a 100%);
    border-radius: 10px;
    color: var(--white);
    font-size: 20px;
    flex-shrink: 0;
}

.why-content {
    flex: 1;
    padding-top: 2px;
}

.why-content h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--charcoal);
    margin: 0 0 6px 0;
    line-height: 1.2;
}

.why-content p {
    font-size: 0.9rem;
    color: var(--muted);
    margin: 0;
    line-height: 1.5;
}

/* ─ Right Column: Certificate & Stats (KEEP SAME) ─────────────────────── */
.why-book-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.certificate-highlight {
    background: var(--white);
    border: 2px solid #c9973a;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 8px 24px rgba(201, 151, 58, 0.1);
}

.cert-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.cert-header svg {
    width: 32px;
    height: 32px;
    color: #c9973a;
}

.cert-header h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--charcoal);
    margin: 0;
}

.cert-body p {
    font-size: 0.85rem;
    color: var(--slate);
    margin: 8px 0;
    line-height: 1.5;
}

.cert-body p strong {
    color: var(--charcoal);
    font-weight: 600;
}

.cert-text {
    padding: 12px 0;
    border-top: 1px solid #e9dfc8;
    border-bottom: 1px solid #e9dfc8;
}

.cert-validity {
    color: #c9973a !important;
    font-size: 0.8rem !important;
}

.quick-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.stat-item {
    background: var(--white);
    border: 1px solid #e9dfc8;
    border-radius: 8px;
    padding: 16px 12px;
    text-align: center;
    transition: all 0.3s ease;
}

.stat-item:hover {
    border-color: #c9973a;
    background: linear-gradient(135deg, rgba(201, 151, 58, 0.05) 0%, rgba(122, 31, 43, 0.03) 100%);
}

.stat-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #7a1f2b;
    margin: 0;
}

.stat-label {
    font-size: 0.75rem;
    color: var(--muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
}

.trust-badges {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.badge {
    background: var(--white);
    border: 1px solid #e9dfc8;
    color: var(--charcoal);
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    cursor: default;
}

.badge:hover {
    border-color: #c9973a;
    background: linear-gradient(135deg, rgba(201, 151, 58, 0.08) 0%, rgba(122, 31, 43, 0.03) 100%);
}

/* ─ Responsive ─────────────────────── */
@media (max-width: 1024px) {
    .why-book-container {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 768px) {
    .section-why-book {
        padding: 40px 0;
    }

    .why-book-container {
        gap: 24px;
    }

    .why-card-simple {
        gap: 12px;
    }

    .why-icon-simple {
        width: 42px;
        height: 42px;
        font-size: 22px;
    }

    .why-content h4 {
        font-size: 0.95rem;
    }

    .quick-stats {
        grid-template-columns: 1fr;
    }

    .certificate-highlight {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .why-card-simple:hover {
        transform: translateX(4px);
    }

    .why-icon-simple {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .why-book-left {
        gap: 14px;
    }
}

/* ─ Right Column: Certificate & Stats ──────────────────────── */
.why-book-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Certificate Box */
.certificate-highlight {
    background: var(--white);
    border: 2px solid #c9973a;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 8px 24px rgba(201, 151, 58, 0.1);
}

.cert-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.cert-header svg {
    width: 32px;
    height: 32px;
    color: #c9973a;
}

.cert-header h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--charcoal);
    margin: 0;
}

.cert-body p {
    font-size: 0.85rem;
    color: var(--slate);
    margin: 8px 0;
    line-height: 1.5;
}

.cert-body p strong {
    color: var(--charcoal);
    font-weight: 600;
}

.cert-text {
    padding: 12px 0;
    border-top: 1px solid #e9dfc8;
    border-bottom: 1px solid #e9dfc8;
}

.cert-validity {
    color: #c9973a !important;
    font-size: 0.8rem !important;
}

/* Quick Stats */
.quick-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.stat-item {
    background: var(--white);
    border: 1px solid #e9dfc8;
    border-radius: 8px;
    padding: 16px 12px;
    text-align: center;
    transition: all 0.3s ease;
}

.stat-item:hover {
    border-color: #c9973a;
    background: linear-gradient(135deg, rgba(201, 151, 58, 0.05) 0%, rgba(122, 31, 43, 0.03) 100%);
}

.stat-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #7a1f2b;
    margin: 0;
}

.stat-label {
    font-size: 0.75rem;
    color: var(--muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 4px;
}

/* Trust Badges */
.trust-badges {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.badge {
    background: var(--white);
    border: 1px solid #e9dfc8;
    color: var(--charcoal);
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    cursor: default;
}

.badge:hover {
    border-color: #c9973a;
    background: linear-gradient(135deg, rgba(201, 151, 58, 0.08) 0%, rgba(122, 31, 43, 0.03) 100%);
}

/* ─ Responsive ─────────────────────── */
@media (max-width: 1024px) {
    .why-book-container {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .why-book-left {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .section-why-book {
        padding: 40px 0;
    }

    .why-book-container {
        gap: 24px;
    }

    .why-book-left {
        grid-template-columns: 1fr;
    }

    .why-card {
        padding: 16px;
        gap: 12px;
    }

    .why-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .why-content h4 {
        font-size: 0.95rem;
    }

    .quick-stats {
        grid-template-columns: 1fr;
    }

    .certificate-highlight {
        padding: 20px;
    }

    .cert-header h4 {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .why-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .why-icon {
        margin: 0 auto;
    }

    .why-book-left {
        gap: 12px;
    }

    .why-card {
        padding: 14px;
    }
}
/*  Tab Navigation ─────────────────────── */
.tab-nav {
    display: flex;
    gap: 12px;
    margin-bottom: 32px;
    border-bottom: 2px solid var(--border);
    padding-bottom: 0;
}

.tab-btn {
    background: none;
    border: none;
    color: var(--muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 20px;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}

.tab-btn:hover {
    color: var(--ochre);
}

.tab-btn.active {
    color: #7a1f2b;
    border-bottom-color: var(--ochre);
}

.tab-btn span {
    display: block;
}

/*  Tab Content ─────────────────────── */
.tab-content {
    position: relative;
    min-height: 200px;
}

.tab-pane {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    animation: fadeIn 0.3s ease;
}

.tab-pane.active {
    display: block;
    opacity: 1;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ─ Responsive ─────────────────────── */
@media (max-width: 640px) {
    .tab-nav {
        gap: 8px;
    }

    .tab-btn {
        font-size: 14px;
        padding: 12px 14px;
    }
}

/* ITINERARY TIMELINE */
.itin-wrap {
    margin-bottom: 3rem;
}

/* ─ Main Toggle Button ─────────────────────── */
.itin-toggle-main {
    font-family: "DM Sans", sans-serif;
    background: none;
    border: none;
    color: #c9973a;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    padding: 12px 16px;
    margin: 20px 0 15px 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    min-height: 44px;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.itin-toggle-main:hover {
    color: #b0854a;
}

.itin-toggle-main:focus-visible {
    outline: 2px solid #c9973a;
}

.itin-toggle-main .chevron {
    transition: transform 0.3s ease;
}

.itin-toggle-main[aria-expanded="false"] .chevron {
    transform: rotate(-180deg);
}

/* ─ Day Item ──────────────────────── */
.itin-day {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 0;
    margin-bottom: 2.5rem;
}

/* ─ Day Header ──────────────────────── */
.day-header {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 0;
    align-items: flex-start;
}

/* ─ Day Marker ─────────────────────── */
.day-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 2px;
}

.day-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--ochre);
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    z-index: 2;
    flex-shrink: 0;
}

.day-circle .dn {
    font-size: .95rem;
    font-weight: 700;
}

.day-circle .dl {
    font-size: 0.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .85;
}

.day-line {
    width: 2px;
    background: var(--border);
    flex: 1;
    margin-top: 5px;
}

.itin-day:last-child .day-line {
    display: none;
}

/* ─ Day Body Header ─────────────────────── */
.day-body-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 0 0 0 1.4rem;
}

.day-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.18rem;
    font-weight: 700;
    color: var(--charcoal);
    margin: 0 0 2px 0;
    flex: 1;
}

/* ─ Day Toggle Button ─────────────────────── */
.day-toggle-btn {
    background: none;
    border: none;
    color: #c9973a;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-shrink: 0;
    min-width: 44px;
    min-height: 44px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition: all 0.3s ease;
}

.day-toggle-btn:hover {
    background: rgba(201, 151, 58, 0.1);
    color: #b0854a;
}

.day-toggle-btn:focus-visible {
    outline: 2px solid #c9973a;
}

.toggle-chevron {
    transition: transform 0.3s ease;
}

.day-toggle-btn[aria-expanded="false"] .toggle-chevron {
    transform: rotate(-180deg);
}

/* ─ Day Body Content ─────────────────────── */
.day-body {
    grid-column: 2;
    padding: 0 0 2.5rem 1.4rem;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    max-height: 2000px;
    opacity: 1;
}

.day-body.collapsed {
    max-height: 0;
    opacity: 0;
    padding: 0;
    padding-left: 1.4rem;
}

.day-sub {
    font-size: 0.76rem;
    color: var(--ochre);
    font-weight: 600;
    margin-bottom: 7px;
}

.day-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.dtag {
    font-size: 0.62rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 3px;
    background: var(--cream);
    color: var(--muted);
}

.day-img {
    width: 100%;
    height: 195px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}

.day-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.day-desc {
    font-size: .95rem;
    line-height: 1.82;
    margin-bottom: 12px;
}

.day-desc p {
    margin-bottom: 10px;
}

.day-desc p:last-child {
    margin-bottom: 0;
}

.activities {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.act {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.81rem;
    color: var(--slate);
}

.act-time {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--ochre);
    min-width: 50px;
    flex-shrink: 0;
    padding-top: 2px;
}

.act-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ochre-light);
    flex-shrink: 0;
    margin-top: 6px;
}

.act-text {
    line-height: 1.55;
}

.day-night {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 0.74rem;
    color: var(--muted);
    background: var(--cream);
    padding: 5px 12px;
    border-radius: 6px;
}

.hm{position:relative;overflow:hidden;cursor:pointer;}
.hm:first-child{grid-row:1/3;}
.hm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.hm:hover img{transform:scale(1.06);}
.hm-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,18,8,0.68) 0%,transparent 52%);}
.hm-lbl{position:absolute;bottom:10px;left:12px;font-size:0.7rem;font-weight:600;color:#fff;letter-spacing:.4px;}

/* MAP PLACEHOLDER */
.map-ph{border-radius:14px;overflow:hidden;border:1px solid var(--border);height:200px;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;margin-bottom:3rem;}
.map-bg{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:700;color:rgba(193,123,42,0.06);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;letter-spacing:4px;}
.map-route{display:flex;align-items:center;gap:0;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;}
.map-city{background:var(--ochre);color:#fff;font-size:0.7rem;font-weight:700;padding:5px 12px;border-radius:18px;}
.map-arr{color:var(--ochre);font-size:1rem;padding:0 6px;}

/* RATINGS OVERVIEW */
.rating-overview{display:flex;align-items:center;gap:2rem;padding:1.1rem 1.4rem;background:var(--ochre-pale);border-radius:12px;border:1px solid var(--border-mid);margin-bottom:1.5rem;}
.ro-big{text-align:center;flex-shrink:0;}
.ro-num{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;color:var(--ochre);line-height:1;}
.ro-stars{color:var(--ochre);letter-spacing:2px;font-size:0.88rem;}
.ro-ct{font-size:0.7rem;color:var(--muted);margin-top:2px;}
.ro-bars{flex:1;display:flex;flex-direction:column;gap:5px;}
.ro-bar-row{display:flex;align-items:center;gap:8px;font-size:0.73rem;color:var(--muted);}
.ro-bar-track{flex:1;height:5px;background:var(--cream);border-radius:3px;overflow:hidden;}
.ro-bar-fill{height:100%;background:var(--ochre);border-radius:3px;}
.ro-bar-val{font-size:0.73rem;font-weight:600;color:var(--charcoal);min-width:24px;}

/* TESTIMONIALS GRID */
.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-bottom:3rem;}
.tc{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:1.3rem;position:relative;}
.tc::before{content:'\201C';position:absolute;top:10px;right:13px;font-family:'Cormorant Garamond',serif;font-size:3.8rem;color:var(--ochre-pale);line-height:1;}
.tc-stars{color:var(--ochre);font-size:0.78rem;letter-spacing:2px;margin-bottom:.6rem;}
.tc p{font-size:0.82rem;color:var(--muted);line-height:1.74;margin-bottom:.85rem;}
.tc-author{display:flex;align-items:center;gap:9px;}
.tc-av{width:34px;height:34px;border-radius:50%;background:var(--ochre-pale);display:flex;align-items:center;justify-content:center;font-size:0.67rem;font-weight:700;color:var(--ochre);flex-shrink:0;}
.tc-name{font-size:0.81rem;font-weight:600;color:var(--charcoal);}
.tc-from{font-size:0.69rem;color:var(--muted);}
.tc-ver{font-size:0.61rem;color:var(--green);font-weight:600;margin-top:1px;}
.tc-toggle {background: transparent; border: unset; text-decoration: underline; color: var(--ochre-deep); font-size: 12px; text-transform: lowercase;    font-family: 'DM Sans';font-weight: 900;}

/* FAQ */
.faq-wrap{margin-bottom:3rem;}
.faq-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:7px;background:var(--white);}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.15rem;cursor:pointer;gap:1rem;}
.faq-q h3{font-size:0.88rem;font-weight:600;color:var(--charcoal);line-height:1.4;}
.faq-ico{width:22px;height:22px;border-radius:50%;background:var(--ochre-pale);color:var(--ochre);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:transform .25s,background .2s;}
.faq-item.open .faq-ico{transform:rotate(45deg);background:var(--ochre);color:#fff;}
.faq-ans{display:none;padding:0 1.15rem 1rem;font-size:0.82rem;color:var(--muted);line-height:1.78;border-top:1px solid var(--border);}
.faq-item.open .faq-ans{display:block;}

/* RELATED TOURS */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem;margin-bottom:3rem;}
.rc{border-radius:13px;overflow:hidden;background:var(--white);border:1px solid var(--border);cursor:pointer;transition:transform .22s,box-shadow .22s;}
.rc:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(193,123,42,0.12);}
.rc-img{height:150px;position:relative;overflow:hidden;}
.rc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.rc:hover .rc-img img{transform:scale(1.06);}
.rc-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,18,8,0.58) 0%,transparent 52%);}
.rc-badge{position:absolute;top:9px;left:9px;background:var(--ochre);color:#fff;font-size:0.58rem;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:3px;text-transform:uppercase;z-index:2;}
.rc-body{padding:.88rem 1rem 1rem;}
.rc-title a{font-family:'Cormorant Garamond',serif;font-size:.93rem;font-weight:700;color:var(--charcoal);margin-bottom:5px;line-height:1.28;text-decoration: none;}
.rc-meta{display:flex;gap:8px;font-size:0.7rem;color:var(--muted);margin-bottom:7px;}
.rc-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px;}
.rc-price{font-family:'Cormorant Garamond',serif;font-size:1.03rem;font-weight:700;color:var(--maroon);}
.rc-btn{text-decoration: none;background:var(--ochre-pale);color:var(--ochre);border:1px solid var(--border-mid);border-radius:5px;padding:5px 10px;font-size:0.68rem;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s;}
.rc-btn:hover{background:var(--ochre);color:#fff;}

/* SIDEBAR */
.sticky-col{position:sticky;top:-215px;}
.sb-facts{background:var(--cream);border-radius:12px;padding:1.1rem 1.2rem;margin-bottom:.9rem;}
.sb-facts h4{font-size:0.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem;}
.sf-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border);}
.sf-row:last-child{border-bottom:none;}
.sf-lbl{font-size:0.77rem;color:var(--muted);}
.sf-val{font-size:0.79rem;font-weight:600;color:var(--charcoal);}

/* BOOKING CARD */
.book-card{background:var(--white);border:1px solid var(--border-mid);border-radius:18px;overflow:hidden;box-shadow:0 6px 28px rgba(193,123,42,0.1);}
.bc-head{background:var(--charcoal);padding:1.4rem;text-align:center;}
.bc-price-row{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-bottom:5px;}
.bc-price-original { color:rgba(255,255,255,0.48); }
.bc-from{font-size:0.71rem;color:rgba(255,255,255,0.48);}
.bc-price{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:700;color:var(--ochre-light);}
.bc-pp{font-size:0.71rem;color:rgba(255,255,255,0.48);}
.bc-rating{display:flex;align-items:center;justify-content:center;gap:5px;font-size:0.73rem;color:rgba(255,255,255,0.5);}
.bc-stars{color:var(--ochre-light);letter-spacing:1px;}
.bc-body{padding:1.3rem;}
.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:1rem;}
.tbadge{background:var(--cream);border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:0.7rem;color:var(--slate);font-weight:500;}
.tbadge-ico{font-size:.95rem;}
.bc-div{height:1px;background:var(--border);margin:.9rem 0;}

/* CTA FORM */
.cta-form{display:flex;flex-direction:column;gap:10px;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.f-field{display:flex;flex-direction:column;gap:4px;}
.f-field label{font-size:0.64rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);}
.f-field input,.f-field select,.f-field textarea{border:1px solid var(--border-mid);border-radius:8px;padding:9px 11px;font-size:0.82rem;font-family:'DM Sans',sans-serif;color:var(--charcoal);background:var(--ivory);outline:none;transition:border-color .2s;width:100%;}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:var(--ochre);}
.f-field textarea{resize:none;height:68px;}
.f-submit{background:var(--ochre);color:#fff;border:none;border-radius:10px;padding:13px;font-size:0.88rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .2s;width:100%;}
.f-submit:hover{background:var(--ochre-deep);}
.f-wa{background:transparent;color:var(--green);border:1px solid rgba(26,92,58,0.28);border-radius:10px;padding:10px;font-size:0.81rem;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;}
.f-wa:hover{background:var(--green);color:#fff;border-color:var(--green);}
.f-note{font-size:0.68rem;color:var(--muted);text-align:center;line-height:1.5;}
.share-row{display:flex;gap:7px;}
.share-btn{flex:1;border:1px solid var(--border-mid);background:transparent;border-radius:8px;padding:7px 8px;font-size:0.73rem;font-weight:600;color:var(--slate);cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;}
.share-btn:hover{border-color:var(--ochre);color:var(--ochre);background:var(--ochre-pale);}


.article-lead{font-size:1.05rem;color:var(--slate);line-height:1.88;font-weight:400;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border);}
.tour-description h2{font-family:'Cormorant Garamond',serif;font-size:1.65rem;font-weight:700;color:var(--charcoal);margin:2rem 0 0.75rem;line-height:1.25;}
.tour-description h3{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:600;color:var(--charcoal);margin:1.5rem 0 0.5rem;}
.tour-description p{font-size:0.95rem;line-height:1.88;margin-bottom:1.1rem;}
.tour-description ul,.tour-description ol{margin:0.75rem 0 1.1rem 1.2rem;}
.tour-description li{font-size:0.92rem;color:var(--slate);line-height:1.78;margin-bottom:4px;}
.tour-description li::marker{color:var(--ochre);}
.tour-description strong{color:var(--charcoal);font-weight:600;}



/* .tour-description table{width:100%;border-collapse:collapse;margin-top:0.9rem;margin-bottom:1.2rem;font-size:0.82rem;}
.tour-description table thead tr{background:var(--charcoal);}
.tour-description table th{padding:10px 14px;font-size:0.67rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.75);text-align:left;white-space:nowrap;}
.tour-description table td{padding:10px 14px;color:var(--slate);border-bottom:1px solid rgba(193,123,42,0.1);}
.tour-description table tr:last-child td{border-bottom:none;}
.tour-description table tr:hover td{background:var(--ivory);}
.tour-description table td:first-child{font-weight:600;color:var(--charcoal);}
.tour-description table td:not(:first-child){font-family:'Cormorant Garamond',serif;font-size:0.95rem;font-weight:600;color:var(--maroon);}
.tour-description table tbody tr:nth-child(odd){background:var(--ochre-pale);}
.tour-description table tbody tr:nth-child(even){background:var(--white);}
.tour-description table .btn-primary {white-space: nowrap; padding: 5px 10px; border-radius: 4px;} */
.tour-description table { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; table-layout: auto; border-collapse: collapse; margin: 0.9rem 0 1.2rem; font-size: 0.82rem; } 
.tour-description table thead tr { background: var(--charcoal); } 
.tour-description table th { padding: 10px 14px; font-size: 0.67rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.75); text-align: left; } 
.tour-description table td { padding: 10px 14px; color: var(--slate); border-bottom: 1px solid rgba(193, 123, 42, 0.1); } 
.tour-description table td:first-child { font-weight: 600; color: var(--charcoal); }
      
@media (max-width: 600px) {
        .tour-description table {
            display: block;
            overflow-x: auto;
        }
    }

@media(max-width:768px){
  /* HERO BANNER */
  .hero-banner{height:380px;}
  .hero-content{padding:1.25rem 1rem 1rem;}
  .hero-content h1{font-size:1.6rem;margin-bottom:.5rem;}
  .gallery-strip{right:1rem;bottom:110px;gap:5px;}
  .gthumb{width:52px;height:38px;}
  .gmore{width:52px;height:38px;font-size:0.65rem;}
  .hero-meta{gap:.5rem;}
  .hmeta{font-size:0.68rem;padding:4px 8px;}

  /* TOUR STICKY NAV */
  .tour-nav{padding:0 1rem;top:58px;}
  .tnav{padding:11px 12px;font-size:0.72rem;}

  /* MAIN LAYOUT — single column, sidebar goes below */
  .main-layout{
    grid-template-columns:1fr;
    gap:1.5rem;
    padding:1.5rem 1rem 3rem;
  }

  /* Sidebar moves below content on mobile */
  .sticky-col{position:static;top:auto;}

  /* QUICK FACTS — 3 cols on mobile instead of 5 */
  .quick-facts{grid-template-columns:repeat(3,1fr);}
  .qf:nth-child(3){border-right:none;}
  .qf:nth-child(4){border-top:1px solid var(--border);}
  .qf:nth-child(5){border-top:1px solid var(--border);}
  .qf{padding:.75rem .5rem;}
  .qf-icon{font-size:1.2rem;}
  .qf-val{font-size:.82rem;}

  /* INCLUSIONS — stack vertically */
  .inc-grid{grid-template-columns:1fr;}

  /* ITINERARY  tighter left column */
  .itin-day{grid-template-columns:52px 1fr;}
  .day-body{padding:0 0 2rem 1rem;}
  .day-circle{width:32px;height:32px;}
  .day-circle .dn{font-size:.82rem;}
  .day-title{font-size:1.05rem;}
  .day-img{height:160px;}

  .hm:first-child{grid-row:auto;}

  /* RATING OVERVIEW — stack vertically */
  .rating-overview{flex-direction:column;gap:1rem;padding:.9rem 1rem;}
  .ro-big{display:flex;align-items:center;gap:1rem;}

  /* TESTIMONIALS  single column */
  .test-grid{grid-template-columns:1fr;}

  /* RELATED TOURS  single column */
  .related-grid{grid-template-columns:1fr;}

  /* FORM ROWS — stack to single column */
  .f-row{grid-template-columns:1fr;}

  /* BOOKING CARD header price */
  .bc-price{font-size:2rem;}

  /* FOOTER — single column */
  .footer-grid{grid-template-columns:1fr;gap:1.5rem;}
  .footer-brand p{max-width:100%;}
  footer{padding:2.5rem 1.25rem 1.5rem;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem;}

  /* MAP route pills — smaller */
  .map-route{flex-wrap:wrap;justify-content:center;gap:4px;bottom:12px;}
  .map-city{font-size:0.65rem;padding:4px 10px;}
  .map-ph{height:220px;}

  /* FLOAT CTA — smaller */
  .float-cta{bottom:1rem;right:1rem;gap:6px;}
  .fcta{padding:8px 13px;font-size:0.74rem;}

  /* Section headings */
  .s-heading{font-size:1.3rem;}
}

/* ═══════════════════════════════
   SMALL MOBILE — 480px and below
═══════════════════════════════ */
@media(max-width:480px){

  /* HERO */
  .hero-banner{height:340px;}
  .hero-content h1{font-size:1.35rem;}
  .gallery-strip{bottom:90px;gap:4px;}
  .gthumb{width:44px;height:32px;}
  .gmore{width:44px;height:32px;font-size:0.6rem;}
  .hmeta{font-size:0.64rem;padding:3px 7px;}
  .rating-badge{font-size:0.68rem;padding:4px 10px;}


  /* MAIN */
  .main-layout{padding:1.25rem .75rem 2.5rem;}

  /* QUICK FACTS — 2+3 layout */
  .quick-facts{grid-template-columns:1fr 1fr;}
  .qf:nth-child(2){border-right:none;}
  .qf:nth-child(3){border-top:1px solid var(--border);border-right:1px solid var(--border);}
  .qf:nth-child(4){border-top:1px solid var(--border);}
  .qf:nth-child(5){border-top:1px solid var(--border);grid-column:1/-1;border-right:none;}

  /* ITIN */
  .itin-day{grid-template-columns:44px 1fr;}
  .day-body{padding:0 0 1.75rem .75rem;}
  .day-circle{width:28px;height:28px;}
  .day-circle .dn{font-size:.75rem;}
  .day-circle .dl{display:none;}
  .day-img{height:140px;}
  .act-time{min-width:44px;font-size:0.63rem;}

  .hm:first-child{grid-row:auto;}

  /* TOUR NAV */
  .tnav{padding:10px 10px;font-size:0.68rem;}

  /* SIDEBAR booking card form */
  .bc-price{font-size:1.75rem;}
  .trust-strip{grid-template-columns:1fr 1fr;}

  /* FOOTER */
  footer{padding:2rem .75rem 1.25rem;}
  .footer-grid{gap:1.25rem;}

  /* SECTION headings */
  .s-heading{font-size:1.2rem;}
  .s-eyebrow{font-size:0.6rem;}
}

    .custom-accordion .accordion-item {
        border: 1px solid #ece2d4;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }
    .custom-accordion .accordion-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 35px rgba(193, 123, 42, 0.15);
    }
    .custom-accordion .accordion-button {
        background: #faf7f0;
        color: #1c1c1c;
        font-size: 18px;
        font-weight: 600;
        padding: 20px 25px;
        border: none;
        box-shadow: none;
    }
    .custom-accordion .accordion-button:not(.collapsed) {
        background: #c17b2a;
        color: #fff;
    }
    .custom-accordion .accordion-button:focus {
        box-shadow: none;
    }
    .custom-accordion .accordion-button::after {
        filter: brightness(0.4);
    }
    .custom-accordion .accordion-button:not(.collapsed)::after {
        filter: brightness(100);
    }
    .custom-accordion .accordion-body {
        padding: 25px;
        font-size: 15px;
        color: #666;
        line-height: 1.9;
        background: #fff;
    }
    .custom-accordion .accordion-body p:last-child {
        margin-bottom: 0;
    }
    .custom-accordion .accordion-body ul {
        padding-left: 20px;
    }
    .custom-accordion .accordion-body ul li {
        margin-bottom: 10px;
    }
    .custom-accordion .accordion-body h3,
    .custom-accordion .accordion-body h4 {
        color: #c17b2a;
        margin-bottom: 15px;
    }
    /* Policy tabs (Payment / Confirmation / Refund / Cancellation) */
    .policy-tab-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 24px;
    }
    .policy-tab-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #faf7f0;
        color: #1c1c1c;
        font-size: 15px;
        font-weight: 600;
        padding: 12px 22px;
        border: 1px solid #ece2d4;
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.25s ease;
    }
    .policy-tab-btn:hover {
        border-color: #c17b2a;
    }
    .policy-tab-btn.active {
        background: #c17b2a;
        color: #fff;
        border-color: #c17b2a;
        box-shadow: 0 6px 18px rgba(193, 123, 42, 0.25);
    }
    .policy-tab-content {
        border: 1px solid #ece2d4;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    .policy-tab-pane {
        display: none;
        padding: 28px;
        font-size: 15px;
        color: #666;
        line-height: 1.9;
    }
    .policy-tab-pane.active {
        display: block;
    }
    .policy-tab-pane p:last-child {
        margin-bottom: 0;
    }
    .policy-tab-pane ul {
        padding-left: 20px;
        margin-bottom: 0;
    }
    .policy-tab-pane ul li {
        margin-bottom: 10px;
    }
    @media (max-width: 768px) {
        .policy-tab-btn {
            font-size: 13px;
            padding: 10px 14px;
        }
        .policy-tab-pane {
            padding: 18px;
            font-size: 14px;
        }
    }
    .itin-author-card {
        display: flex;
        align-items: flex-start;
        gap: 32px;
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 36px;
        box-shadow: var(--shadow);
        margin: 0 auto;
      }
      .itin-author-avatar {
        flex-shrink: 0;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid var(--ochre);
        box-shadow: 0 4px 16px rgba(193,123,42,0.2);
      }
      .itin-author-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .itin-author-info {
        flex: 1;
      }
      .itin-author-label {
        font-size: 10.5px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--ochre);
        margin-bottom: 4px;
      }
      .itin-author-name {
        font-family: "Cormorant Garamond", serif;
        font-size: 1.7rem;
        font-weight: 700;
        color: var(--charcoal);
        line-height: 1.2;
      }
      .itin-author-role {
        font-size: 12.5px;
        color: var(--muted);
        font-weight: 500;
        margin-bottom: 12px;
      }
      .itin-author-bio {
        font-size: 14px;
        color: var(--slate);
        line-height: 1.75;
        margin-bottom: 20px;
      }
      .itin-author-stats {
        display: flex;
        gap: 28px;
        flex-wrap: wrap;
      }
      .itin-author-stat {
        display: flex;
        flex-direction: column;
        gap: 2px;
      }
      .itin-author-stat strong {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--charcoal);
      }
      .itin-author-stat span {
        font-size: 11px;
        color: var(--muted);
        text-transform: uppercase;
        letter-spacing: 0.06em;
      }
      .guide-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }
      .guide-card {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0,0,0,0.07);
        transition: box-shadow 0.2s, transform 0.2s;
      }
      .guide-card:hover {
        box-shadow: 0 8px 32px rgba(0,0,0,0.12);
        transform: translateY(-3px);
      }
      .guide-img-wrap {
        position: relative;
        height: 220px;
        overflow: hidden;
      }
      .guide-img {
        width: auto;
        height: auto;
        object-fit: cover;
        transition: transform 0.4s ease;
      }
      .guide-card:hover .guide-img {
        transform: scale(1.04);
      }
      .guide-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        background: var(--ochre);
        color: var(--white);
        font-size: 11px;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 20px;
        letter-spacing: 0.03em;
      }
      .guide-body {
        padding: 18px 20px 22px;
      }
      .guide-name {
        font-family: "Cormorant Garamond", serif;
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--charcoal);
        margin-bottom: 2px;
      }
      .guide-reg {
        font-size: 11px;
        color: var(--muted);
        margin-bottom: 10px;
        letter-spacing: 0.04em;
      }
      .guide-langs {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 10px;
      }
      .guide-lang {
        background: var(--cream);
        border: 1px solid var(--border);
        color: var(--slate);
        font-size: 11px;
        font-weight: 600;
        padding: 3px 10px;
        border-radius: 20px;
        letter-spacing: 0.03em;
      }
      .guide-locations {
        font-size: 12.5px;
        color: var(--ochre-d);
        font-weight: 500;
        margin-bottom: 10px;
      }
      .guide-loc-icon {
        margin-right: 2px;
      }
      .guide-desc {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.65;
      }

      /*  Add Guide Form ━━ */
      .guide-form-wrap {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: var(--shadow);
      }
      .guide-form-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 28px;
        border-bottom: 1px solid var(--border);
        background: var(--ivory);
      }
      .guide-form-title {
        font-family: "Cormorant Garamond", serif;
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--charcoal);
      }
      .guide-back-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #3a4fc4;
        color: var(--white);
        font-size: 13px;
        font-weight: 600;
        padding: 8px 18px;
        border-radius: 8px;
        transition: background 0.15s;
      }
      .guide-back-btn:hover {
        background: #2d3ea8;
      }
      .guide-form-body {
        padding: 28px;
      }
      /* Image Upload Area */
      .guide-img-upload-section {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 28px;
        padding-bottom: 28px;
        border-bottom: 1px solid var(--border);
      }
      .guide-img-preview {
        width: 110px;
        height: 110px;
        border-radius: 12px;
        border: 2px dashed var(--border);
        background: var(--cream);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        overflow: hidden;
        transition: border-color 0.2s;
      }
      .guide-img-preview:has(img[style*="block"]) {
        border-style: solid;
        border-color: var(--ochre);
      }
      .guide-img-placeholder {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        color: var(--muted);
        font-size: 11px;
        text-align: center;
      }
      .guide-img-icon {
        font-size: 28px;
      }
      .guide-img-upload-ctrl {
        flex: 1;
      }
      .guide-upload-btn {
        display: inline-block;
        cursor: pointer;
        background: var(--cream);
        border: 1.5px solid var(--border);
        color: var(--charcoal);
        font-size: 13px;
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 8px;
        margin-top: 6px;
        margin-bottom: 8px;
        transition: border-color 0.15s, background 0.15s;
      }
      .guide-upload-btn:hover {
        border-color: var(--ochre);
        background: var(--sand);
      }
      .guide-upload-hint {
        font-size: 11.5px;
        color: var(--muted);
      }
      .section {
        max-width: 1380px;
        margin: 0 auto;
      }
      .section-sub {
        font-size: 15px;
        color: var(--muted);
        max-width: 560px;
        margin-bottom: 40px;
        line-height: 1.65;
      }
      .section-dark .section-sub {
        color: rgba(255, 255, 255, 0.55);
      }
      .quick-info-card {
        background: #FEFCF8;
        border: 1px solid #E9DFC8;
        border-radius: 10px;
        padding: 32px 36px;
        margin-bottom: 20px;
    }

    /* Destination row — treated as the "headline" of the card */
    .qi-destination {
        padding-bottom: 22px;
        margin-bottom: 22px;
        border-bottom: 1px solid #E9DFC8;
    }

    .qi-destination-value {
        font-family: 'Cormorant Garamond', serif;
        font-weight: 600;
        font-size: 24px;
        color: #2B2620;
        margin: 6px 0 0;
        line-height: 1.3;
    }

    /* Shared label style */
    .qi-label {
        display: block;
        font-family: 'DM Sans', sans-serif;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #B08A3E;
    }

    /* Grid of remaining fields */
    .quick-info-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 40px;
    }

    .qi-item {
        padding: 16px 0;
        border-bottom: 1px solid #F0E9D8;
    }

    /* remove border on the last row of each column */
    .qi-item:nth-last-child(-n+2) {
        border-bottom: none;
    }

    .qi-value {
        font-family: 'Cormorant Garamond', serif;
        font-size: 18px;
        font-weight: 500;
        color: #33302A;
        margin: 4px 0 0;
        line-height: 1.4;
    }

    .qi-tnc {
        font-family: 'DM Sans', sans-serif;
        font-size: 12px;
        color: #A69C87;
        font-weight: 400;
    }

    /* Mobile: stack to single column */
    @media (max-width: 640px) {
        .quick-info-grid {
            grid-template-columns: 1fr;
        }
        .qi-item:nth-last-child(-n+2) {
            border-bottom: 1px solid #F0E9D8;
        }
        .qi-item:last-child {
            border-bottom: none;
        }
    }


      @media (max-width: 900px) {
        .guide-grid { grid-template-columns: 1fr 1fr; }
        .itin-author-card { flex-direction: column; align-items: center; text-align: center; }
        .itin-author-stats { justify-content: center; }
      }
      @media (max-width: 600px) {
        .guide-grid { grid-template-columns: 1fr; }
        .guide-img-upload-section { flex-direction: column; align-items: flex-start; }
      }
    /*@media (max-width: 900px) {
        .guide-grid { grid-template-columns: 1fr 1fr; }
        .itin-author-card { flex-direction: column; align-items: center; text-align: center; }
        .itin-author-stats { justify-content: center; }
    }*/
    /*
     * The price calculator normally lives in the desktop sidebar. On mobile
     * the JS below moves the same DOM node into #mobilePriceWidgetMount,
     * which is directly below the hero/banner.
     */
    .mobile-price-widget-mount {
        display: none;
    }

    @media (max-width: 768px) {
        .mobile-price-widget-mount {
            display: block;
            width: 100%;
        }

        .mobile-price-widget-mount .tour-price-widget-container {
            width: 100%;
        }

        .custom-accordion .accordion-button {
            font-size: 16px;
            padding: 16px 18px;
        }
        .custom-accordion .accordion-body {
            padding: 18px;
            font-size: 14px;
        }
    }