/* ==========================================================================
   Voyara – Travel Agency & Hotel HTML Template
   Table of contents (SCSS partials in assets/scss/ follow the same numbers)
   01 Fonts                         13 Journal (blog) cards
   02 Theme tokens & skins          14 Travel experts
   03 Base & typography             15 Packages, plans & deals
   04 Buttons & forms               16 CTA bands & app band
   05 Top bar & header              17 FAQ, tabs, itinerary, timeline
   06 Mega menus & mobile menu      18 Inner pages: page hero, sidebar, filters, toolbar
   07 Hero & trip search            19 Shop, cart, checkout, account
   08 Decorations                   20 Footer
   09 Tour cards                    21 Overlays: search, mini cart, popup, switcher, cookies
   10 Destination cards             22 Utilities, rails, chips, motion
   11 Hotels & rooms                23 Dark mode details
   12 Features, stats, reviews      24 Print
   25 Shared page overrides
   Page styles live in assets/css/pages/ (account, company, homes-2-9, homes-10-17,
   homes-18-24, hotel, journal, tours) and load only on the pages that use them.
   ========================================================================== */

/* 01 Fonts ---------------------------------------------------------------- */
/* Fraunces (display, variable weight + optical size), Manrope (text, variable weight), Caveat (handwritten notes).
   All three: SIL Open Font License 1.1, see assets/fonts/LICENSE-*.txt */
@font-face{
    font-family:"Fraunces";
    src:url("../fonts/Fraunces.woff2") format("woff2");
    font-weight:100 900;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Fraunces";
    src:url("../fonts/Fraunces-Italic.woff2") format("woff2");
    font-weight:100 900;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Manrope";
    src:url("../fonts/Manrope.woff2") format("woff2");
    font-weight:200 800;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Caveat";
    src:url("../fonts/Caveat.woff2") format("woff2");
    font-weight:400 700;
    font-style:normal;
    font-display:swap
}
/* Fallbacks sized close to the web fonts, so text keeps its line breaks while the fonts load (less layout shift) */
@font-face{
    font-family:"Manrope Fallback";
    src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans");
    size-adjust:103%;
    ascent-override:103%;
    descent-override:29%;
    line-gap-override:0%
}
@font-face{
    font-family:"Fraunces Fallback";
    src:local("Georgia"),local("Times New Roman"),local("Liberation Serif");
    size-adjust:104%;
    ascent-override:94%;
    descent-override:24%;
    line-gap-override:0%
}

/* 02 Theme tokens ---------------------------------------------------------
   Skins only set the four *-base colours; everything else is mixed from them,
   so a custom colour (style switcher or your own) recolours the whole site.
   Add your own skin:  [data-skin="name"]{--brand-base:#..;--brand-2-base:#..;--deep-base:#..;--accent-base:#..}
   ------------------------------------------------------------------------- */
:root{
    --brand-base:#c4512f;     /* main colour: buttons, links, icons (terracotta) */
    --brand-2-base:#f2b544;   /* warm partner colour: highlights, stars, accents on dark (saffron) */
    --deep-base:#173a35;      /* dark sections, footer, headings (pine) */
    --accent-base:#2e9c8f;    /* second accent: chips, map pins, "available" (lagoon) */
    --on-brand:#fff;          /* text on brand buttons */

    --brand:var(--brand-base);
    --brand-2:var(--brand-2-base);
    --deep:var(--deep-base);
    --accent:var(--accent-base);
    --brand-600:color-mix(in srgb,var(--brand) 82%,#000);
    --brand-text:color-mix(in srgb,var(--brand) 84%,#000);      /* brand colour for text on light tints (WCAG AA) */
    --brand-2-text:color-mix(in srgb,var(--brand-2) 48%,#000);  /* saffron as text on light backgrounds */
    --accent-text:color-mix(in srgb,var(--accent) 66%,#000);
    --brand-soft:color-mix(in srgb,var(--brand) 10%,#fff);
    --brand-2-soft:color-mix(in srgb,var(--brand-2) 22%,#fff);
    --accent-soft:color-mix(in srgb,var(--accent) 13%,#fff);
    --ink:var(--deep);
    --text:color-mix(in srgb,var(--deep) 80%,#fff);
    --muted:color-mix(in srgb,var(--deep) 76%,#fff);
    --bg:color-mix(in srgb,var(--brand-2) 6%,#fdfaf6);
    --surface:#fff;
    --sand:color-mix(in srgb,var(--brand-2) 17%,#fbf4ea);     /* warm tinted sections */
    --blush:color-mix(in srgb,var(--brand) 7%,#fdf6f1);       /* rose tinted sections */
    --tint:color-mix(in srgb,var(--deep) 4%,#f6f2ec);
    --line:color-mix(in srgb,var(--deep) 12%,#fff);
    --shadow-sm:0 2px 10px color-mix(in srgb,var(--deep) 8%,transparent);
    --shadow:0 22px 44px -22px color-mix(in srgb,var(--deep) 32%,transparent);
    --shadow-lg:0 40px 80px -30px color-mix(in srgb,var(--deep) 40%,transparent);
    --radius:22px;
    --radius-sm:14px;
    --radius-xs:10px;
    --font:"Manrope","Manrope Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    --font-display:"Fraunces","Fraunces Fallback",Georgia,serif;
    --font-hand:"Caveat","Comic Sans MS",cursive;
    --header-h:78px;
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
[data-radius="soft"]{
    --radius:12px;
    --radius-sm:9px;
    --radius-xs:7px
}
[data-radius="sharp"]{
    --radius:3px;
    --radius-sm:2px;
    --radius-xs:2px
}
[data-bs-theme="dark"]{
    --on-brand:#1a0d08;
    --brand:color-mix(in srgb,var(--brand-base) 70%,#fff);
    --brand-600:color-mix(in srgb,var(--brand) 84%,#fff);
    --brand-text:color-mix(in srgb,var(--brand-base) 55%,#fff);
    --brand-2-text:var(--brand-2);
    --accent-text:color-mix(in srgb,var(--accent) 65%,#fff);
    --brand-soft:color-mix(in srgb,var(--brand-base) 22%,transparent);
    --brand-2-soft:color-mix(in srgb,var(--brand-2) 16%,transparent);
    --accent-soft:color-mix(in srgb,var(--accent) 18%,transparent);
    --deep:color-mix(in srgb,var(--deep-base) 62%,#000);
    --ink:#f4ede4;
    --text:#cdc4b8;
    --muted:#a59d92;
    --bg:color-mix(in srgb,var(--deep-base) 32%,#0d0f0e);
    --surface:color-mix(in srgb,var(--deep-base) 40%,#161918);
    --sand:color-mix(in srgb,var(--deep-base) 36%,#131514);
    --blush:color-mix(in srgb,var(--brand-base) 9%,#141413);
    --tint:color-mix(in srgb,var(--deep-base) 46%,#121413);
    --line:color-mix(in srgb,var(--deep-base) 40%,#3a3d3b);
    --shadow-sm:0 2px 10px rgba(0,0,0,.35);
    --shadow:0 22px 44px -22px rgba(0,0,0,.7);
    --shadow-lg:0 40px 80px -30px rgba(0,0,0,.8);
    --bs-body-bg:var(--bg);
    --bs-body-color:var(--text);
    --bs-border-color:var(--line);
}
/* Colour skins (style switcher). Default = terracotta. */
[data-skin="lagoon"]  {
    --brand-base:#0e7c78;
    --brand-2-base:#f4c36a;
    --deep-base:#10302f;
    --accent-base:#e0704b
}
[data-skin="olive"]   {
    --brand-base:#5e7426;
    --brand-2-base:#e9c46a;
    --deep-base:#262b18;
    --accent-base:#c2603a
}
[data-skin="plum"]    {
    --brand-base:#7a3b69;
    --brand-2-base:#f0b36b;
    --deep-base:#2a1726;
    --accent-base:#2f9c8c
}
[data-skin="navy"]    {
    --brand-base:#1e3a66;
    --brand-2-base:#f2a541;
    --deep-base:#111b2e;
    --accent-base:#d9614c
}
[data-skin="ochre"]   {
    --brand-base:#a8661b;
    --brand-2-base:#f3cf7a;
    --deep-base:#2c2114;
    --accent-base:#3a8b7e
}
[data-skin="forest"]  {
    --brand-base:#2e6a4e;
    --brand-2-base:#e8b94e;
    --deep-base:#14261d;
    --accent-base:#c75b39
}
[data-skin="rose"]    {
    --brand-base:#be4466;
    --brand-2-base:#f5bf7a;
    --deep-base:#2d1820;
    --accent-base:#3a8f86
}
[data-skin="berry"]   {
    --brand-base:#9c2e7e;
    --brand-2-base:#f6b26b;
    --deep-base:#2a1225;
    --accent-base:#2c8d84
}
[data-skin="slate"]   {
    --brand-base:#3f5468;
    --brand-2-base:#e7b45a;
    --deep-base:#18212b;
    --accent-base:#c8603f
}
[data-skin="mahogany"]{
    --brand-base:#8b3a2b;
    --brand-2-base:#eab676;
    --deep-base:#24160f;
    --accent-base:#3d8a7a
}
[data-skin="aqua"]    {
    --brand-base:#0b7a8f;
    --brand-2-base:#f6bd60;
    --deep-base:#0f2a33;
    --accent-base:#e76f51
}
[data-bs-theme="dark"][data-skin="navy"],[data-bs-theme="dark"][data-skin="slate"]{
    --brand:color-mix(in srgb,var(--brand-base) 50%,#fff)
}

/* 03 Base & typography ---------------------------------------------------- */
html{
    scroll-behavior:smooth;
    scroll-padding-top:calc(var(--header-h) + 16px)
}
body{
    font-family:var(--font);
    background:var(--bg);
    color:var(--text);
    font-size:1rem;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    --bs-heading-color:var(--ink)
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:var(--font-display);
    color:var(--ink);
    font-weight:600;
    letter-spacing:-.015em;
    line-height:1.12;
    font-variation-settings:"opsz" 72
}
h1 em,h2 em,h3 em,.display em{
    font-style:italic;
    font-weight:400;
    color:var(--brand-text)
}
a{
    color:var(--brand-text);
    text-decoration:none;
    transition:color .2s
}
:is(p,label,small,.small,.text-muted-2,.info-box,.accordion-body,.content-body,td) a:not([class]){
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.18em
}
:is(p,label,small,.small,.accordion-body,.content-body,td) a:not([class]):hover{
    text-decoration-thickness:2px
}
code{
    color:var(--brand-text)
}
a:hover{
    color:var(--brand-600)
}
img{
    max-width:100%;
    height:auto
}
img.is-broken{
    visibility:hidden
}
::selection{
    background:color-mix(in srgb,var(--brand-2) 45%,transparent);
    color:var(--ink)
}
:focus-visible{
    outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);
    outline-offset:2px
}
.skip-link{
    position:absolute;
    top:8px;
    left:8px;
    z-index:2000
}
.display{
    font-family:var(--font-display);
    font-size:clamp(2.6rem,1.4rem + 4.6vw,5.4rem);
    font-weight:500;
    line-height:1.02;
    letter-spacing:-.03em;
    font-variation-settings:"opsz" 144
}
.section{
    padding:clamp(4.5rem,9vw,7.5rem) 0;
    position:relative
}
.section-sm{
    padding:clamp(3rem,6vw,4.5rem) 0
}
.section-sand{
    background:var(--sand)
}
.section-blush{
    background:var(--blush)
}
.section-tint{
    background:var(--tint)
}
.section-deep{
    background:var(--deep);
    color:color-mix(in srgb,#fff 72%,var(--deep))
}
.section-deep h1,.section-deep h2,.section-deep h3,.section-deep h4{
    color:#fff
}
.section-deep h1 em,.section-deep h2 em,.section-deep h3 em{
    color:var(--brand-2)
}
.section-deep .section-lead,.section-deep .text-muted-2{
    color:color-mix(in srgb,#fff 65%,var(--deep))
}
.section-head{
    margin-bottom:clamp(2.25rem,4vw,3.5rem)
}
.section-head-center{
    max-width:760px;
    margin:0 auto clamp(2.25rem,4vw,3.5rem);
    text-align:center
}
.section-head-center .section-lead{
    margin-inline:auto
}
.section-head-split{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:space-between;
    gap:1rem 2rem;
    margin-bottom:clamp(2rem,4vw,3rem)
}
.section-head-split .section-title{
    margin-bottom:0
}
.section-title{
    font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem);
    margin:.7rem 0 1rem;
    font-weight:500;
    letter-spacing:-.025em
}
.section-lead{
    font-size:1.08rem;
    max-width:560px;
    color:var(--muted)
}
.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--brand-text)
}
.eyebrow::before{
    content:"";
    width:28px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    opacity:.7
}
.eyebrow-center::after{
    content:"";
    width:28px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    opacity:.7
}
.eyebrow-light{
    color:var(--brand-2)
}
.eyebrow-sm{
    font-size:.74rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--brand-text);
    margin:0 0 .3rem
}
.hand{
    font-family:var(--font-hand);
    font-weight:600;
    font-size:1.6rem;
    line-height:1;
    color:var(--brand-text);
    letter-spacing:0
}
.text-muted-2{
    color:var(--muted)
}
.lead-lg{
    font-size:clamp(1.1rem,1rem + .4vw,1.3rem);
    line-height:1.6
}
.link-arrow{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    font-weight:700;
    font-size:.94rem
}
.link-arrow i{
    transition:transform .25s
}
.link-arrow:hover i{
    transform:translateX(4px)
}
.check-list li{
    display:flex;
    gap:.65rem;
    padding:.35rem 0;
    color:var(--ink);
    font-weight:500
}
.check-list i{
    color:var(--accent-text);
    font-size:1.15rem;
    line-height:1.5
}
.x-list li{
    display:flex;
    gap:.65rem;
    padding:.35rem 0;
    color:var(--muted)
}
.x-list i{
    color:var(--muted);
    font-size:1.15rem;
    line-height:1.5
}
hr.dashed{
    border:0;
    border-top:2px dashed var(--line);
    opacity:1
}

/* 04 Buttons & forms -------------------------------------------------------- */
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    font-weight:700;
    border-radius:99px;
    padding:.68rem 1.35rem;
    font-size:.95rem;
    transition:transform .2s,box-shadow .2s,background-color .2s,color .2s,border-color .2s
}
[data-radius="sharp"] .btn{
    border-radius:var(--radius-xs)
}
.btn-lg{
    padding:.95rem 1.75rem;
    font-size:1.02rem
}
.btn-sm{
    padding:.45rem .95rem;
    font-size:.85rem
}
.btn-brand{
    background:var(--brand);
    color:var(--on-brand);
    border:0;
    box-shadow:0 12px 26px -12px color-mix(in srgb,var(--brand) 80%,transparent)
}
.btn-brand:hover,.btn-brand:focus-visible,.btn-brand:active{
    background:var(--brand-600);
    color:var(--on-brand);
    transform:translateY(-2px)
}
.btn-sun{
    background:var(--brand-2);
    color:#1d1408;
    border:0
}
.btn-sun:hover,.btn-sun:focus-visible{
    background:color-mix(in srgb,var(--brand-2) 85%,#000);
    color:#1d1408;
    transform:translateY(-2px)
}
.btn-ink{
    background:var(--deep);
    color:#fff;
    border:0
}
.btn-ink:hover,.btn-ink:focus-visible{
    background:color-mix(in srgb,var(--deep) 80%,#000);
    color:#fff;
    transform:translateY(-2px)
}
[data-bs-theme="dark"] .btn-ink{
    background:var(--ink);
    color:var(--deep)
}
.btn-outline-ink{
    border:1.5px solid var(--line);
    color:var(--ink);
    background:var(--surface)
}
.btn-outline-ink:hover,.btn-outline-ink:focus-visible{
    border-color:var(--ink);
    color:var(--ink);
    background:var(--surface);
    transform:translateY(-2px)
}
.btn-soft{
    background:var(--brand-soft);
    color:var(--brand-text);
    border:0
}
.btn-soft:hover{
    background:var(--brand);
    color:var(--on-brand)
}
.btn-light{
    background:#fff;
    color:#1b1b1b;
    border:0
}
.btn-light:hover{
    background:var(--brand-2);
    color:#1d1408;
    transform:translateY(-2px)
}
.btn-outline-light{
    border:1.5px solid rgba(255,255,255,.5);
    color:#fff;
    background:transparent
}
.btn-outline-light:hover{
    background:#fff;
    color:#1b1b1b;
    border-color:#fff
}
.btn-glass{
    background:rgba(255,255,255,.14);
    color:#fff;
    border:1px solid rgba(255,255,255,.3);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px)
}
.btn-glass:hover{
    background:#fff;
    color:#1b1b1b
}
.btn-link{
    color:var(--ink);
    text-decoration:none;
    padding-inline:0;
    font-weight:700
}
.btn-link:hover{
    color:var(--brand-text)
}
.btn-play{
    width:62px;
    height:62px;
    padding:0;
    border-radius:50%;
    background:#fff;
    color:var(--brand-text);
    font-size:1.6rem;
    box-shadow:0 0 0 10px rgba(255,255,255,.2)
}
.btn-play:hover{
    transform:scale(1.06);
    color:var(--brand-text)
}
.icon-btn{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    border-radius:50%;
    border:1.5px solid var(--line);
    background:var(--surface);
    color:var(--ink);
    font-size:1.12rem;
    position:relative;
    transition:border-color .2s,background .2s,color .2s
}
.icon-btn:hover{
    border-color:var(--brand);
    color:var(--brand-text)
}
.form-control,.form-select{
    border-color:var(--line);
    border-radius:var(--radius-sm);
    background-color:var(--surface);
    color:var(--ink);
    padding:.7rem 1rem
}
.form-control::placeholder{
    color:color-mix(in srgb,var(--muted) 85%,var(--surface))
}
.form-control:focus,.form-select:focus{
    border-color:var(--brand);
    box-shadow:0 0 0 .22rem color-mix(in srgb,var(--brand) 18%,transparent);
    background-color:var(--surface);
    color:var(--ink)
}
.form-label{
    font-weight:700;
    color:var(--ink);
    font-size:.88rem
}
.form-check-input{
    border-color:color-mix(in srgb,var(--deep) 30%,#fff)
}
.form-check-input:checked{
    background-color:var(--brand);
    border-color:var(--brand)
}
.form-check-input:focus{
    box-shadow:0 0 0 .22rem color-mix(in srgb,var(--brand) 18%,transparent);
    border-color:var(--brand)
}
.form-range::-webkit-slider-thumb{
    background:var(--brand)
}
.form-range::-moz-range-thumb{
    background:var(--brand)
}
.form-range::-webkit-slider-runnable-track{
    background:var(--line)
}
.input-icon{
    position:relative
}
.input-icon>i{
    position:absolute;
    left:1rem;
    top:50%;
    transform:translateY(-50%);
    color:var(--muted);
    pointer-events:none
}
.input-icon>.form-control,.input-icon>.form-select{
    padding-left:2.6rem
}
.was-validated .form-control:invalid,.form-control.is-invalid,.form-select.is-invalid{
    border-color:#c0392b
}
.form-error{
    color:#b42318;
    font-size:.88rem;
    font-weight:600;
    min-height:1.2em;
    margin:.5rem 0 0
}
[data-bs-theme="dark"] .form-error{
    color:#ff9d8f
}
.qty{
    display:inline-flex;
    align-items:center;
    border:1.5px solid var(--line);
    border-radius:99px;
    background:var(--surface);
    overflow:hidden
}
.qty button{
    width:40px;
    height:44px;
    border:0;
    background:transparent;
    color:var(--ink);
    font-size:1.05rem
}
.qty button:hover{
    color:var(--brand-text)
}
.qty input{
    width:44px;
    border:0;
    text-align:center;
    font-weight:700;
    background:transparent;
    color:var(--ink);
    -moz-appearance:textfield;
    appearance:textfield
}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
.qty-sm button{
    width:32px;
    height:36px
}
.qty-sm input{
    width:34px
}

/* 05 Top bar & header ------------------------------------------------------ */
.topbar{
    background:var(--deep);
    color:color-mix(in srgb,#fff 70%,var(--deep));
    font-size:.84rem;
    padding:.5rem 0;
    position:relative;
    z-index:1031
}
.topbar-list li{
    display:flex;
    align-items:center;
    gap:.45rem
}
.topbar-list i{
    color:var(--brand-2)
}
.topbar a{
    color:#fff
}
.topbar a:hover{
    color:var(--brand-2)
}
.topbar-note span{
    opacity:.85
}
.topbar-note a{
    text-decoration:underline;
    text-underline-offset:3px
}
.topbar .dropdown-toggle{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    border:0;
    background:none;
    color:#fff;
    font-size:.84rem;
    font-weight:600;
    padding:0
}
.topbar .dropdown-menu{
    font-size:.88rem;
    min-width:200px;
    padding:.4rem;
    border-radius:var(--radius-sm);
    box-shadow:var(--shadow)
}
.topbar .dropdown-item{
    display:flex;
    gap:.75rem;
    border-radius:8px;
    padding:.45rem .7rem
}
.topbar .dropdown-item b{
    width:2.2rem;
    color:var(--brand-text)
}
.topbar-social a{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%
}
.topbar-social a:hover{
    background:rgba(255,255,255,.1)
}

.site-header{
    position:sticky;
    top:0;
    z-index:1030;
    background:color-mix(in srgb,var(--bg) 86%,transparent);
    backdrop-filter:saturate(1.4) blur(14px);
    -webkit-backdrop-filter:saturate(1.4) blur(14px);
    border-bottom:1px solid transparent;
    transition:background .3s,border-color .3s,box-shadow .3s
}
.site-header>.container{
    min-height:var(--header-h)
}
.site-header.is-scrolled{
    border-bottom-color:var(--line);
    box-shadow:0 10px 30px -24px color-mix(in srgb,var(--deep) 60%,transparent)
}
.brand{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    color:var(--ink);
    flex:none
}
.brand:hover{
    color:var(--ink)
}
.brand-mark{
    width:40px;
    height:40px;
    flex:none
}
.bm-bg{
    fill:var(--brand)
}
.bm-ring{
    stroke:var(--brand-2);
    stroke-width:1.6;
    stroke-dasharray:2.2 2.6;
    stroke-linecap:round
}
.bm-v{
    stroke:#fff;
    stroke-width:3.4;
    stroke-linecap:round;
    stroke-linejoin:round
}
.bm-dot{
    fill:var(--brand-2)
}
.brand-name{
    font-family:var(--font-display);
    font-size:1.62rem;
    font-weight:600;
    letter-spacing:-.03em;
    line-height:1;
    font-variation-settings:"opsz" 144
}
.brand-light,.brand-light:hover{
    color:#fff
}
.main-nav{
    align-items:center;
    gap:.15rem
}
.main-nav .nav-link{
    position:relative;
    padding:.55rem .85rem;
    border-radius:99px;
    font-weight:700;
    font-size:.95rem;
    color:var(--ink);
    transition:background .2s,color .2s
}
.main-nav .nav-link:hover,.main-nav .nav-link.active,.main-nav .show>.nav-link{
    color:var(--brand-text);
    background:var(--brand-soft)
}
.main-nav .dropdown-toggle::after{
    content:"\F282";
    font-family:bootstrap-icons;
    border:0;
    vertical-align:-.12em;
    margin-left:.3rem;
    font-size:.7rem;
    transition:transform .25s
}
.main-nav .show>.dropdown-toggle::after{
    transform:rotate(180deg)
}
.header-actions .btn{
    white-space:nowrap
}
/* 1200-1399px: the container is 1140px wide, so the full menu and the "Plan my trip" label do not both fit; the button shows its icon only (the label stays for screen readers) */
@media (min-width:1200px) and (max-width:1399.98px){
    .main-nav .nav-link{
        padding:.55rem .62rem
    }
    .main-nav~.header-actions .btn{
        font-size:0;
        gap:0;
        padding:.68rem .9rem
    }
    .main-nav~.header-actions .btn .bi{
        font-size:1.05rem
    }
}
.cart-count{
    position:absolute;
    top:-4px;
    right:-4px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    border-radius:99px;
    background:var(--brand);
    color:var(--on-brand);
    font-size:.7rem;
    font-weight:800;
    display:grid;
    place-items:center;
    border:2px solid var(--bg)
}
.cart-count[hidden]{
    display:none
}
.cart-btn.is-bump{
    animation:bump .5s
}
@keyframes bump{
    30%{
        transform:scale(1.18)
    }
    60%{
        transform:scale(.94)
    }
}
.theme-toggle .bi-sun{
    display:none
}
[data-bs-theme="dark"] .theme-toggle .bi-sun{
    display:inline
}
[data-bs-theme="dark"] .theme-toggle .bi-moon-stars{
    display:none
}
/* Transparent header over a dark hero */
.site-header.is-over:not(.is-scrolled){
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    position:fixed;
    left:0;
    right:0;
    top:auto
}
.has-topbar .site-header.is-over:not(.is-scrolled){
    top:auto
}
.site-header.is-over:not(.is-scrolled) .brand,.site-header.is-over:not(.is-scrolled) .main-nav>.nav-link,.site-header.is-over:not(.is-scrolled) .main-nav>.dropdown>.nav-link{
    color:#fff
}
.site-header.is-over:not(.is-scrolled) .main-nav .nav-link:hover,.site-header.is-over:not(.is-scrolled) .main-nav .nav-link.active,.site-header.is-over:not(.is-scrolled) .main-nav .show>.nav-link{
    background:rgba(255,255,255,.16);
    color:#fff
}
.site-header.is-over:not(.is-scrolled) .icon-btn{
    background:rgba(255,255,255,.1);
    border-color:rgba(255,255,255,.35);
    color:#fff
}
.site-header.is-over:not(.is-scrolled) .cart-count{
    border-color:transparent
}
.site-header.is-over.is-scrolled{
    position:fixed;
    left:0;
    right:0;
    top:0
}
.lp-trust{
    align-items:center;
    gap:.4rem;
    margin:0;
    font-size:.9rem;
    color:var(--muted)
}
.lp-trust i{
    color:var(--brand-2)
}
.lp-trust b{
    color:var(--ink)
}
.lp-phone{
    align-items:center;
    gap:.4rem;
    font-weight:700;
    color:var(--ink)
}
.site-header.is-over:not(.is-scrolled) .lp-trust,.site-header.is-over:not(.is-scrolled) .lp-trust b,.site-header.is-over:not(.is-scrolled) .lp-phone{
    color:#fff
}
.bare-header{
    padding:1.1rem 0;
    border-bottom:1px solid var(--line);
    background:var(--surface)
}
.bare-main{
    min-height:calc(100vh - 170px)
}
.bare-footer{
    padding:1.5rem 0;
    border-top:1px solid var(--line);
    font-size:.88rem;
    color:var(--muted)
}
.bare-footer p{
    margin:0
}

/* 06 Mega menus & mobile menu ------------------------------------------------ */
.dropdown-menu{
    --bs-dropdown-bg:var(--surface);
    --bs-dropdown-border-color:var(--line);
    --bs-dropdown-color:var(--text);
    --bs-dropdown-link-color:var(--ink);
    --bs-dropdown-link-hover-bg:var(--tint);
    --bs-dropdown-link-hover-color:var(--ink);
    --bs-dropdown-link-active-bg:var(--brand-soft);
    --bs-dropdown-link-active-color:var(--brand-text)
}
.main-nav .dropdown-menu{
    margin-top:.85rem!important;
    border-radius:var(--radius);
    box-shadow:var(--shadow-lg);
    max-height:calc(100vh - 8.5rem);
    max-height:calc(100dvh - 8.5rem);
    overflow-y:auto;
    overscroll-behavior:contain;
    animation:ddIn .25s ease
}
@keyframes ddIn{
    from{
        opacity:0;
        transform:translateY(8px)
    }
    to{
        opacity:1;
        transform:none
    }
}
.dropdown-simple{
    padding:.5rem;
    min-width:240px
}
.dropdown-simple .dropdown-item{
    border-radius:var(--radius-xs);
    padding:.5rem .8rem;
    font-weight:600;
    font-size:.92rem
}
.dropdown-2col{
    display:none;
    grid-template-columns:1fr 1fr;
    gap:0 .25rem;
    min-width:420px
}
.dropdown-2col.show{
    display:grid
}
.dd-title{
    grid-column:1/-1;
    display:block;
    padding:.45rem .8rem .55rem;
    font-family:var(--font-display);
    font-size:1.05rem;
    color:var(--ink);
    font-weight:600
}
.mega-menu{
    padding:1.25rem
}
.mega-menu h6{
    font-family:var(--font);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--muted);
    margin:0 0 .6rem .6rem;
    font-weight:800
}
.mega-menu .dropdown-item{
    border-radius:var(--radius-xs);
    padding:.42rem .6rem;
    font-size:.9rem;
    font-weight:600;
    white-space:normal
}
.mm-count{
    display:inline-block;
    margin-left:.3rem;
    padding:.05rem .45rem;
    border-radius:99px;
    background:var(--brand);
    color:var(--on-brand);
    letter-spacing:0
}
.mega-homes{
    display:none;
    grid-template-columns:1fr 220px;
    gap:1.5rem;
    width:min(1100px,96vw)
}
.mega-homes.show{
    display:grid
}
.homes-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:.1rem .4rem
}
.homes-grid .dropdown-item{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.4rem .5rem
}
.home-no{
    flex:none;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1.5px dashed color-mix(in srgb,var(--brand) 45%,transparent);
    font-size:.72rem;
    font-weight:800;
    color:var(--brand-text)
}
.homes-grid .dropdown-item:hover .home-no,.homes-grid .dropdown-item.active .home-no{
    background:var(--brand);
    border-color:var(--brand);
    border-style:solid;
    color:var(--on-brand)
}
.mm-side{
    border-left:1px solid var(--line);
    padding-left:1.25rem
}
.mm-side h6:not(:first-child){
    margin-top:1rem
}
.mega-tours{
    display:none;
    grid-template-columns:1.35fr 1fr 1fr;
    gap:1.25rem;
    width:min(980px,96vw)
}
.mega-tours.show{
    display:grid
}
.types-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.2rem
}
.mega-type{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.45rem .6rem;
    border-radius:var(--radius-xs);
    color:var(--ink);
    font-weight:600;
    font-size:.9rem
}
.mega-type i{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--sand);
    color:var(--brand-text);
    font-size:.95rem;
    flex:none
}
.mega-type:hover{
    background:var(--tint);
    color:var(--ink)
}
.mm-feat{
    background:var(--sand);
    border-radius:var(--radius-sm);
    padding:1rem
}
.mm-feat h6{
    margin-left:0
}
.mini-list{
    display:grid;
    gap:.6rem;
    margin-bottom:1rem
}
.mini-item{
    display:flex;
    align-items:center;
    gap:.75rem;
    color:var(--ink)
}
.mini-item img{
    width:58px;
    height:58px;
    border-radius:var(--radius-xs);
    object-fit:cover;
    flex:none
}
.mini-item strong{
    display:block;
    font-size:.9rem;
    line-height:1.25;
    font-weight:700
}
.mini-item small{
    color:var(--muted);
    font-size:.8rem
}
.mini-item:hover strong{
    color:var(--brand-text)
}
.mega-dest{
    display:none;
    grid-template-columns:2.4fr 1fr;
    gap:1.25rem;
    width:min(940px,96vw)
}
.mega-dest.show{
    display:grid
}
.dest-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:.35rem
}
.dest-chip{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.4rem;
    border-radius:99px;
    color:var(--ink)
}
.dest-chip img{
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit:cover;
    flex:none
}
.dest-chip strong{
    display:block;
    font-size:.9rem;
    line-height:1.2
}
.dest-chip small{
    font-size:.75rem;
    color:var(--muted)
}
.dest-chip:hover{
    background:var(--tint);
    color:var(--ink)
}
.mega-pages{
    width:min(1120px,96vw)
}
.mm-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:.75rem
}
.mm-col h6:not(:first-child){
    margin-top:1rem
}
.mobile-menu{
    --bs-offcanvas-width:min(380px,92vw);
    background:var(--bg)
}
.mobile-nav{
    display:flex;
    flex-direction:column
}
.mobile-nav a{
    padding:.8rem 0;
    border-bottom:1px dashed var(--line);
    font-family:var(--font-display);
    font-size:1.35rem;
    color:var(--ink)
}
.mobile-more{
    margin-top:1rem;
    border:1px solid var(--line);
    border-radius:var(--radius-sm);
    padding:.6rem .9rem;
    background:var(--surface)
}
.mobile-more summary{
    font-weight:700;
    color:var(--ink);
    cursor:pointer
}
.mobile-more div{
    display:flex;
    flex-direction:column;
    max-height:40vh;
    overflow:auto;
    margin-top:.5rem
}
.mobile-more a{
    padding:.35rem 0;
    color:var(--text);
    font-size:.94rem
}

/* 07 Hero & trip search -------------------------------------------------- */
.hero{
    position:relative;
    overflow:hidden;
    isolation:isolate
}
.hero-photo{
    min-height:min(920px,100svh);
    display:flex;
    align-items:center;
    color:#fff;
    padding:calc(var(--header-h) + 3rem) 0 clamp(8rem,14vw,11rem)
}
.hero-bg{
    position:absolute;
    inset:0;
    z-index:-2
}
.hero-bg img,.hero-bg video{
    width:100%;
    height:100%;
    object-fit:cover
}
.hero-photo::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(10,16,15,.55) 0%,rgba(10,16,15,.15) 40%,rgba(10,16,15,.6) 100%)
}
@media (max-width:767.98px){
    .hero-photo::before{
        background:linear-gradient(180deg,rgba(10,16,15,.6),rgba(10,16,15,.5) 45%,rgba(10,16,15,.72))
    }
}
.hero-photo h1,.hero-photo .display{
    color:#fff;
    text-shadow:0 2px 30px rgba(0,0,0,.25)
}
.hero-photo h1 em,.hero-photo .display em{
    color:var(--brand-2)
}
.hero-photo .lead-lg{
    color:rgba(255,255,255,.88);
    max-width:560px
}
.hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    padding:.4rem .9rem .4rem .45rem;
    border-radius:99px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    font-size:.88rem;
    font-weight:600;
    color:#fff
}
.hero-kicker b{
    padding:.15rem .6rem;
    border-radius:99px;
    background:var(--brand-2);
    color:#1d1408;
    font-size:.75rem;
    letter-spacing:.04em
}
.hero-avatars{
    display:flex;
    align-items:center;
    gap:.75rem;
    font-size:.9rem
}
.hero-avatars span:first-child{
    display:flex
}
.hero-avatars img{
    width:38px;
    height:38px;
    border-radius:50%;
    border:2px solid #fff;
    object-fit:cover;
    margin-left:-10px
}
.hero-avatars img:first-child{
    margin-left:0
}
.hero-avatars b{
    display:block;
    color:inherit
}
/* Trip search: [data-trip-search] (tabs + fields + guests popover). Submits to tours.html / hotels.html with GET params. */
.trip-search{
    position:relative;
    z-index:5;
    background:var(--surface);
    color:var(--text);
    border-radius:calc(var(--radius) + 6px);
    box-shadow:var(--shadow-lg);
    padding:.6rem
}
.ts-tabs{
    display:flex;
    gap:.25rem;
    padding:.2rem .2rem .6rem;
    flex-wrap:wrap
}
.ts-tabs button{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    border:0;
    background:transparent;
    color:var(--muted);
    font-weight:700;
    font-size:.9rem;
    padding:.5rem .9rem;
    border-radius:99px
}
.ts-tabs button[aria-selected="true"]{
    background:var(--deep);
    color:#fff
}
[data-bs-theme="dark"] .ts-tabs button[aria-selected="true"]{
    background:var(--ink);
    color:var(--deep)
}
.ts-row{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1fr auto;
    align-items:stretch;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--surface)
}
.ts-field{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:.75rem 1.1rem;
    min-width:0
}
.ts-field+.ts-field{
    border-left:1px solid var(--line)
}
.ts-field label,.ts-field .ts-label{
    display:flex;
    align-items:center;
    gap:.4rem;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--muted);
    margin:0 0 .15rem;
    cursor:pointer
}
.ts-field label i,.ts-field .ts-label i{
    color:var(--brand-text);
    font-size:.95rem
}
.ts-field input,.ts-field select,.ts-guests-btn{
    width:100%;
    border:0;
    background:transparent;
    padding:0;
    font-weight:700;
    font-size:1rem;
    color:var(--ink);
    text-align:left;
    min-height:28px
}
.ts-field input:focus,.ts-field select:focus{
    outline:0
}
.ts-field:focus-within{
    background:var(--tint);
    border-radius:var(--radius)
}
.ts-submit{
    display:flex;
    align-items:center;
    padding:.4rem
}
.ts-submit .btn{
    height:100%;
    min-height:58px;
    padding-inline:1.6rem;
    border-radius:calc(var(--radius) - 4px)
}
.ts-guests{
    position:absolute;
    top:calc(100% + .6rem);
    left:0;
    z-index:20;
    width:300px;
    padding:1rem 1.1rem;
    border-radius:var(--radius-sm);
    background:var(--surface);
    border:1px solid var(--line);
    box-shadow:var(--shadow-lg)
}
.ts-guests[hidden]{
    display:none
}
.tg-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.55rem 0
}
.tg-row+.tg-row{
    border-top:1px dashed var(--line)
}
.tg-row strong{
    display:block;
    color:var(--ink);
    font-size:.95rem
}
.tg-row small{
    color:var(--muted);
    font-size:.8rem
}
.ts-note{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem 1.25rem;
    padding:.65rem .75rem .25rem;
    font-size:.84rem;
    color:var(--muted)
}
.ts-note i{
    color:var(--accent-text);
    margin-right:.25rem
}
.trip-search.is-compact .ts-tabs{
    display:none
}
.trip-search.is-flat{
    box-shadow:var(--shadow)
}
.hero-search-dock{
    position:relative;
    z-index:6;
    margin-top:calc(-1 * clamp(5rem,9vw,6.5rem))
}
@media (max-width:991.98px){
    .ts-row{
        grid-template-columns:1fr 1fr
    }
    .ts-field:nth-child(3){
        border-left:0
    }
    .ts-field:nth-child(n+3){
        border-top:1px solid var(--line)
    }
    .ts-submit{
        grid-column:1/-1
    }
    .ts-submit .btn{
        width:100%
    }
}
@media (max-width:575.98px){
    .ts-row{
        grid-template-columns:1fr
    }
    .ts-field+.ts-field{
        border-left:0;
        border-top:1px solid var(--line)
    }
    .ts-guests{
        width:100%
    }
}

/* 08 Decorations ---------------------------------------------------------- */
/* Postmark stamp (build.py stamp() / {{stamp:Text}}). Spins slowly; still for reduced motion. */
.stamp{
    width:120px;
    height:120px;
    color:var(--brand-text);
    animation:spin 28s linear infinite;
    flex:none
}
.stamp .st-ring{
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-dasharray:3 4
}
.stamp .st-inner{
    stroke-dasharray:none;
    stroke-width:1
}
.stamp text{
    font-family:var(--font);
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    fill:currentColor
}
.stamp .st-plane{
    fill:currentColor
}
.stamp-light{
    color:var(--brand-2)
}
.stamp-white{
    color:#fff
}
@keyframes spin{
    to{
        transform:rotate(360deg)
    }
}
/* Dashed travel route with a plane following it: <svg class="route"><path pathLength="1000"/></svg> */
.route{
    position:absolute;
    pointer-events:none;
    overflow:visible
}
.route path{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-dasharray:6 9;
    stroke-linecap:round
}
.route .rt-dot{
    fill:currentColor
}
.route-plane{
    position:absolute;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:var(--brand-text);
    font-size:.85rem;
    box-shadow:var(--shadow-sm)
}
/* Handwritten note with an arrow */
.hand-note{
    display:inline-flex;
    align-items:flex-start;
    gap:.35rem;
    font-family:var(--font-hand);
    font-size:1.45rem;
    line-height:1;
    color:var(--brand-text);
    transform:rotate(-4deg)
}
.hand-note svg{
    width:46px;
    height:34px;
    flex:none;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    stroke-linecap:round
}
/* Photo with a white frame and a piece of tape */
.polaroid{
    position:relative;
    display:inline-block;
    padding:.65rem .65rem 2.6rem;
    background:#fff;
    border-radius:6px;
    box-shadow:var(--shadow);
    transform:rotate(var(--rot,-3deg))
}
.polaroid img{
    display:block;
    border-radius:2px;
    width:100%;
    object-fit:cover
}
.polaroid figcaption,.polaroid .pol-cap{
    position:absolute;
    left:0;
    right:0;
    bottom:.55rem;
    text-align:center;
    font-family:var(--font-hand);
    font-size:1.35rem;
    color:#3a2f27;
    line-height:1.2
}
.polaroid::before{
    content:"";
    position:absolute;
    top:-12px;
    left:50%;
    width:90px;
    height:26px;
    margin-left:-45px;
    background:color-mix(in srgb,var(--brand-2) 55%,rgba(255,255,255,.4));
    opacity:.85;
    transform:rotate(-4deg);
    box-shadow:0 2px 4px rgba(0,0,0,.08)
}
/* Arch photo (hotel feel) */
.arch{
    border-radius:999px 999px var(--radius) var(--radius);
    overflow:hidden
}
.arch img{
    width:100%;
    height:100%;
    object-fit:cover
}
/* Paper grain on any section: add .has-grain */
.has-grain{
    position:relative
}
.has-grain::after{
    content:"";
    position:absolute;
    inset:0;
    background:var(--grain);
    pointer-events:none;
    mix-blend-mode:multiply;
    opacity:.9
}
[data-bs-theme="dark"] .has-grain::after{
    mix-blend-mode:screen;
    opacity:.35
}
/* Torn-paper / wave edges: .edge-top or .edge-bottom on a section (uses the section background) */
.edge-bottom::before,.edge-top::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:28px;
    background:inherit;
    z-index:1;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'%3E%3Cpath d='M0 28V12q10-9 20-1t20 0 20 0 20 0 20 0 20-1V28z'/%3E%3C/svg%3E") 0 0/120px 28px repeat-x;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28' preserveAspectRatio='none'%3E%3Cpath d='M0 28V12q10-9 20-1t20 0 20 0 20 0 20 0 20-1V28z'/%3E%3C/svg%3E") 0 0/120px 28px repeat-x
}
.edge-top::before{
    top:-27px
}
.edge-bottom::before{
    bottom:-27px;
    transform:scaleY(-1)
}
/* Ticket shape: notches on both sides of a dashed tear line. Put .ticket on any card and .ticket-tear on the line. */
.ticket{
    --notch:12px;
    position:relative;
    -webkit-mask:radial-gradient(circle var(--notch) at 0 var(--tear,70%),#0000 98%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% var(--tear,70%),#0000 98%,#000) 100% 0/51% 100% no-repeat;
    mask:radial-gradient(circle var(--notch) at 0 var(--tear,70%),#0000 98%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% var(--tear,70%),#0000 98%,#000) 100% 0/51% 100% no-repeat
}
.ticket-tear{
    border:0;
    border-top:2px dashed var(--line);
    margin:0;
    opacity:1
}
/* Big outlined word behind a section title */
.ghost-word{
    position:absolute;
    left:0;
    right:0;
    top:0;
    text-align:center;
    font-family:var(--font-display);
    font-style:italic;
    font-size:clamp(5rem,16vw,15rem);
    line-height:.8;
    color:transparent;
    -webkit-text-stroke:1px color-mix(in srgb,var(--deep) 14%,transparent);
    pointer-events:none;
    user-select:none;
    white-space:nowrap;
    overflow:hidden
}
[data-bs-theme="dark"] .ghost-word{
    -webkit-text-stroke-color:rgba(255,255,255,.08)
}
.dot-grid{
    position:absolute;
    width:150px;
    height:110px;
    background:radial-gradient(color-mix(in srgb,var(--brand) 45%,transparent) 1.6px,transparent 1.7px) 0 0/16px 16px;
    pointer-events:none
}
.sun-blob{
    position:absolute;
    width:420px;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--brand-2) 55%,transparent),transparent 65%);
    filter:blur(10px);
    opacity:.6;
    pointer-events:none;
    z-index:-1
}

/* Photo collage: arch photo + polaroid + stamp + route (Home 1 story) */
.story-collage{
    position:relative;
    max-width:520px;
    margin:0 auto;
    padding:2rem 0 3rem
}
.story-collage .sc-main{
    width:78%;
    aspect-ratio:38/45;
    margin-left:auto
}
.story-collage .sc-pol{
    position:absolute;
    left:0;
    bottom:0;
    width:46%;
    z-index:2
}
.story-collage .sc-stamp{
    position:absolute;
    left:4%;
    top:0;
    width:118px;
    height:118px
}
.story-collage .sc-route{
    position:absolute;
    right:-8%;
    bottom:-.5rem;
    color:var(--brand)
}
@media (max-width:575.98px){
    .story-collage .sc-route{
        right:0;
        width:160px
    }
}
.hero-polaroid{
    width:260px;
    margin:0
}
.hero-polaroid img{
    aspect-ratio:22/26
}
.section-deep .room-card h3 a,.section-deep .room-card .room-facts{
    color:#fff
}
.section-deep .room-card .room-facts i,.section-deep .room-card .eyebrow-sm,.section-deep .room-card .link-arrow{
    color:var(--brand-2)
}

/* 09 Tour cards -------------------------------------------------------------- */
.tc-place{
    display:flex;
    align-items:center;
    gap:.35rem;
    margin:0 0 .3rem;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--brand-text)
}
.tc-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.35rem 1rem;
    margin:0;
    font-size:.86rem;
    color:var(--muted)
}
.tc-meta li{
    display:flex;
    align-items:center;
    gap:.35rem
}
.tc-meta i{
    color:var(--ink);
    opacity:.7
}
.rating{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    font-size:.9rem;
    color:var(--ink)
}
.rating i{
    color:var(--brand-2)
}
.rating small{
    color:var(--muted);
    font-size:.8rem
}
.stars{
    display:inline-flex;
    gap:.12rem;
    color:var(--brand-2);
    font-size:.85rem
}
.tc-price{
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    line-height:1.1
}
.tc-price small{
    font-size:.72rem;
    color:var(--muted);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em
}
.tc-price .money{
    font-family:var(--font-display);
    font-size:1.45rem;
    font-weight:600;
    color:var(--ink)
}
.tc-price .per{
    color:var(--muted);
    font-size:.78rem;
    font-family:var(--font)
}
.tc-price del{
    color:var(--muted);
    font-size:.85rem;
    margin-right:.25rem
}
.tc-badge{
    position:absolute;
    top:1rem;
    left:1rem;
    z-index:2;
    padding:.3rem .75rem;
    border-radius:99px;
    background:var(--brand-2);
    color:#1d1408;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.03em
}
.tc-badge.is-sale{
    background:var(--brand);
    color:var(--on-brand)
}
.wish-btn{
    position:absolute;
    top:.85rem;
    right:.85rem;
    z-index:2;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#2b2420;
    font-size:1.05rem;
    box-shadow:var(--shadow-sm);
    transition:transform .2s,color .2s
}
.wish-btn:hover{
    transform:scale(1.1);
    color:var(--brand)
}
.wish-btn[aria-pressed="true"]{
    color:#e0393e
}
.wish-btn[aria-pressed="true"] i::before{
    content:"\F415"
}
.tour-card{
    height:100%;
    display:flex;
    flex-direction:column;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    overflow:hidden;
    transition:transform .35s,box-shadow .35s
}
.tour-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow)
}
.tc-img{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:var(--sand)
}
.tc-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.tour-card:hover .tc-img img{
    transform:scale(1.06)
}
.tc-days{
    position:absolute;
    left:1rem;
    bottom:-1px;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:64px;
    height:58px;
    padding-top:.2rem;
    border-radius:16px 16px 0 0;
    background:var(--surface);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    line-height:1
}
.tc-days b{
    font-family:var(--font-display);
    font-size:1.45rem;
    color:var(--ink);
    font-weight:600;
    letter-spacing:0;
    margin-bottom:.1rem
}
.tc-body{
    padding:1.15rem 1.35rem .5rem;
    flex:1
}
.tc-body h3{
    font-size:1.28rem;
    margin:0 0 .65rem;
    line-height:1.22
}
.tc-body h3 a,.tr-body h3 a,.tk-main h3 a{
    color:var(--ink)
}
.tc-body h3 a:hover,.tr-body h3 a:hover,.tk-main h3 a:hover{
    color:var(--brand-text)
}
.tc-foot{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:1rem;
    margin:0 1.35rem;
    padding:.9rem 0 1.2rem;
    border-top:1px dashed var(--line)
}
/* list row */
.tour-row{
    display:grid;
    grid-template-columns:300px 1fr 210px;
    gap:1.5rem;
    padding:.9rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    transition:box-shadow .3s
}
.tour-row+.tour-row{
    margin-top:1rem
}
.tour-row:hover{
    box-shadow:var(--shadow)
}
.tr-img{
    position:relative;
    border-radius:calc(var(--radius) - 6px);
    overflow:hidden;
    aspect-ratio:4/3
}
.tr-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.tr-body{
    padding:.6rem 0;
    min-width:0
}
.tr-body h3{
    font-size:1.35rem;
    margin:.1rem 0 .5rem
}
.tr-text{
    color:var(--muted);
    font-size:.95rem;
    margin-bottom:.8rem
}
.tr-side{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
    gap:.75rem;
    padding:.6rem .5rem .6rem 1.5rem;
    border-left:1px dashed var(--line)
}
.tr-side .wish-btn{
    position:static;
    box-shadow:none;
    background:var(--tint)
}
@media (max-width:991.98px){
    .tour-row{
        grid-template-columns:220px 1fr
    }
    .tr-side{
        grid-column:1/-1;
        flex-direction:row;
        align-items:center;
        border-left:0;
        border-top:1px dashed var(--line);
        padding:.9rem .25rem 0
    }
}
@media (max-width:575.98px){
    .tour-row{
        grid-template-columns:1fr
    }
    .tr-side{
        flex-wrap:wrap
    }
}
/* ticket card */
.ticket-card{
    position:relative;
    height:100%;
    display:flex;
    flex-direction:column;
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
    --notch:13px;
    -webkit-mask:radial-gradient(circle var(--notch) at 0 calc(100% - 74px),#0000 98%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% calc(100% - 74px),#0000 98%,#000) 100% 0/51% 100% no-repeat;
    mask:radial-gradient(circle var(--notch) at 0 calc(100% - 74px),#0000 98%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% calc(100% - 74px),#0000 98%,#000) 100% 0/51% 100% no-repeat
}
.tk-img{
    display:block;
    aspect-ratio:36/22;
    overflow:hidden;
    margin:.6rem .6rem 0;
    border-radius:calc(var(--radius) - 6px)
}
.tk-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s
}
.ticket-card:hover .tk-img img{
    transform:scale(1.05)
}
.ticket-card .wish-btn{
    top:1.4rem;
    right:1.4rem
}
.tk-main{
    padding:1.1rem 1.35rem 1.2rem;
    flex:1
}
.tk-main h3{
    font-size:1.25rem;
    margin:0 0 .9rem
}
.tk-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:.5rem
}
.tk-row span{
    display:flex;
    flex-direction:column;
    font-size:.92rem
}
.tk-row small{
    font-size:.66rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:800
}
.tk-row b{
    color:var(--ink)
}
.tk-stub{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:74px;
    padding:0 1.35rem;
    border-top:2px dashed var(--line);
    background:var(--sand)
}
.tk-price{
    display:flex;
    flex-direction:column;
    line-height:1.1
}
.tk-price small{
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:var(--muted);
    font-weight:800
}
.tk-price .money{
    font-family:var(--font-display);
    font-size:1.45rem;
    color:var(--ink);
    font-weight:600
}
.tk-price .per{
    font-size:.78rem;
    color:var(--muted)
}
/* tall photo slide (rails, hero carousels) */
.slide-card{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    aspect-ratio:4/5;
    background:var(--sand)
}
.sc-link{
    display:block;
    height:100%;
    color:#fff
}
.sc-link img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.slide-card:hover img{
    transform:scale(1.06)
}
.sc-over{
    position:absolute;
    inset:auto 0 0;
    display:flex;
    flex-direction:column;
    gap:.3rem;
    padding:4rem 1.35rem 1.35rem;
    background:linear-gradient(transparent,rgba(8,12,11,.82))
}
.sc-over .tc-place{
    color:var(--brand-2);
    margin:0
}
.sc-over strong{
    font-family:var(--font-display);
    font-size:1.4rem;
    font-weight:500;
    line-height:1.15
}
.sc-price{
    font-size:.9rem;
    color:rgba(255,255,255,.85)
}
.sc-price .money{
    font-weight:800;
    color:#fff
}
.sc-price .per{
    color:rgba(255,255,255,.7)
}

/* 10 Destination cards --------------------------------------------------------- */
.dest-card{
    display:flex;
    flex-direction:column;
    height:100%;
    color:var(--text)
}
.dc-img{
    display:block;
    aspect-ratio:32/38;
    overflow:hidden;
    border-radius:999px 999px var(--radius) var(--radius);
    background:var(--sand)
}
.dc-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.dest-card:hover .dc-img img{
    transform:scale(1.06)
}
.dc-body{
    display:flex;
    flex-direction:column;
    padding:1rem .25rem 0
}
.dc-body small{
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--brand-text)
}
.dc-body strong{
    font-family:var(--font-display);
    font-size:1.6rem;
    font-weight:500;
    color:var(--ink);
    line-height:1.15;
    margin:.1rem 0 .25rem
}
.dc-body>span{
    font-size:.92rem;
    color:var(--muted)
}
.dc-foot{
    display:flex !important;
    justify-content:space-between;
    gap:.5rem;
    margin-top:.7rem;
    padding-top:.7rem;
    border-top:1px dashed var(--line);
    font-size:.86rem;
    color:var(--ink)
}
.dc-foot i{
    color:var(--brand-text);
    margin-right:.3rem
}
.dc-foot .money{
    font-weight:800
}
.dest-card:hover strong{
    color:var(--brand-text)
}
.dest-tile{
    position:relative;
    display:block;
    border-radius:var(--radius);
    overflow:hidden;
    aspect-ratio:3/4;
    color:#fff;
    background:var(--sand)
}
.dest-tile img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s cubic-bezier(.2,.7,.2,1)
}
.dest-tile:hover img{
    transform:scale(1.07)
}
.dt-over{
    position:absolute;
    inset:auto 0 0;
    display:flex;
    flex-direction:column;
    padding:4rem 1.25rem 1.2rem;
    background:linear-gradient(transparent,rgba(8,12,11,.78))
}
.dt-over small{
    font-size:.72rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:800;
    color:var(--brand-2)
}
.dt-over strong{
    font-family:var(--font-display);
    font-size:1.7rem;
    font-weight:500;
    line-height:1.1
}
.dt-more{
    font-size:.86rem;
    color:rgba(255,255,255,.85);
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height .4s,opacity .4s,margin .4s
}
.dest-tile:hover .dt-more,.dest-tile:focus-visible .dt-more{
    max-height:2rem;
    opacity:1;
    margin-top:.2rem
}
.dt-more .per{
    display:none
}
@media (hover:none){
    .dt-more{
        max-height:2rem;
        opacity:1
    }
}

/* 11 Hotels & rooms ----------------------------------------------------------- */
.hotel-card{
    height:100%;
    display:flex;
    flex-direction:column;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    overflow:hidden;
    transition:transform .35s,box-shadow .35s
}
.hotel-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow)
}
.hc-img{
    display:block;
    aspect-ratio:36/26;
    overflow:hidden
}
.hc-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s
}
.hotel-card:hover .hc-img img{
    transform:scale(1.05)
}
.hc-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:1.1rem 1.35rem 1.25rem
}
.hc-body h3{
    font-size:1.22rem;
    margin:.3rem 0 .35rem
}
.hc-body h3 a,.hr-body h3 a{
    color:var(--ink)
}
.hc-stars{
    margin:0
}
.hc-foot{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:.75rem;
    margin-top:auto;
    padding-top:.9rem;
    border-top:1px dashed var(--line)
}
.score{
    display:flex;
    align-items:center;
    gap:.55rem
}
.score b{
    display:grid;
    place-items:center;
    min-width:42px;
    height:36px;
    padding:0 .35rem;
    border-radius:10px 10px 10px 2px;
    background:var(--deep);
    color:#fff;
    font-size:.95rem
}
[data-bs-theme="dark"] .score b{
    background:var(--accent);
    color:#06100f
}
.score small{
    font-size:.78rem;
    color:var(--muted);
    line-height:1.25;
    max-width:110px
}
.hotel-row{
    display:grid;
    grid-template-columns:280px 1fr 200px;
    gap:1.5rem;
    padding:.9rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line)
}
.hotel-row+.hotel-row{
    margin-top:1rem
}
.hr-img{
    border-radius:calc(var(--radius) - 6px);
    overflow:hidden;
    aspect-ratio:4/3
}
.hr-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.hr-body{
    padding:.4rem 0
}
.hr-body h3{
    font-size:1.3rem;
    margin:.25rem 0 .3rem
}
.hc-perks{
    font-size:.9rem;
    color:var(--muted);
    margin:.4rem 0 .6rem
}
.hr-side{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
    gap:.75rem;
    padding:.5rem .5rem .5rem 1.5rem;
    border-left:1px dashed var(--line)
}
@media (max-width:991.98px){
    .hotel-row{
        grid-template-columns:220px 1fr
    }
    .hr-side{
        grid-column:1/-1;
        flex-direction:row;
        align-items:center;
        border-left:0;
        border-top:1px dashed var(--line);
        padding:.9rem .25rem 0
    }
}
@media (max-width:575.98px){
    .hotel-row{
        grid-template-columns:1fr
    }
    .hr-side{
        flex-wrap:wrap
    }
}
.room-card{
    height:100%;
    display:flex;
    flex-direction:column
}
.rc-img{
    position:relative;
    display:block;
    aspect-ratio:36/43;
    overflow:hidden;
    border-radius:var(--radius);
    background:var(--sand)
}
.rc-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .9s cubic-bezier(.2,.7,.2,1)
}
.room-card:hover .rc-img img{
    transform:scale(1.05)
}
.rc-price{
    position:absolute;
    right:1rem;
    bottom:1rem;
    display:flex;
    align-items:baseline;
    gap:.3rem;
    padding:.5rem .9rem;
    border-radius:99px;
    background:var(--surface);
    color:var(--ink);
    font-weight:800;
    box-shadow:var(--shadow-sm)
}
.rc-price small{
    color:var(--muted);
    font-weight:600;
    font-size:.78rem
}
.rc-body{
    padding:1.15rem .25rem 0
}
.rc-body h3{
    font-size:1.45rem;
    font-weight:500;
    margin:0 0 .7rem
}
.rc-body h3 a,.rr-body h3 a{
    color:var(--ink)
}
.room-facts{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem .9rem;
    margin:0 0 .9rem;
    font-size:.88rem;
    color:var(--muted)
}
.room-facts li{
    display:flex;
    align-items:center;
    gap:.35rem
}
.room-facts i{
    color:var(--brand-text)
}
.room-row{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:clamp(1.5rem,4vw,3.5rem);
    align-items:center
}
.room-row+.room-row{
    margin-top:clamp(3rem,6vw,5rem)
}
.room-row:nth-child(even) .rr-img{
    order:2
}
.rr-img{
    border-radius:var(--radius);
    overflow:hidden;
    aspect-ratio:45/32;
    display:block
}
.rr-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.rr-body h3{
    font-size:clamp(1.7rem,1.3rem + 1.2vw,2.3rem);
    font-weight:500;
    margin:.2rem 0 .7rem
}
.rr-feats{
    font-size:.9rem;
    color:var(--muted)
}
.rr-foot{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.6rem 1rem;
    margin-top:1.2rem;
    padding-top:1.2rem;
    border-top:1px dashed var(--line)
}
.rr-foot .tc-price{
    align-items:flex-start;
    margin-right:auto
}
@media (max-width:767.98px){
    .room-row{
        grid-template-columns:1fr
    }
    .room-row:nth-child(even) .rr-img{
        order:0
    }
}

/* 12 Features, stats, reviews ------------------------------------------------- */
.feature{
    display:flex;
    gap:1rem
}
.feature-ico{
    flex:none;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--surface);
    border:1.5px dashed color-mix(in srgb,var(--brand) 50%,transparent);
    color:var(--brand-text);
    font-size:1.35rem
}
.feature h3{
    font-size:1.18rem;
    margin:.2rem 0 .3rem
}
.feature p{
    margin:0;
    color:var(--muted);
    font-size:.95rem
}
.feature-card{
    height:100%;
    padding:1.75rem 1.6rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    transition:transform .3s,box-shadow .3s
}
.feature-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow)
}
.feature-card .feature-ico{
    margin-bottom:1.1rem
}
.feature-card h3{
    font-size:1.2rem;
    margin-bottom:.4rem
}
.feature-card p{
    margin:0;
    color:var(--muted);
    font-size:.95rem
}
.stat-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem
}
.stat{
    padding:1.25rem 1rem;
    text-align:center
}
.stat+.stat{
    border-left:1px dashed var(--line)
}
.stat b{
    display:block;
    font-family:var(--font-display);
    font-size:clamp(2.3rem,1.6rem + 2vw,3.4rem);
    font-weight:500;
    color:var(--ink);
    line-height:1;
    letter-spacing:-.03em
}
.stat span{
    display:block;
    margin-top:.5rem;
    font-size:.9rem;
    color:var(--muted)
}
.section-deep .stat b{
    color:#fff
}
.section-deep .stat+.stat{
    border-color:rgba(255,255,255,.15)
}
@media (max-width:767.98px){
    .stat-strip{
        grid-template-columns:1fr 1fr
    }
    .stat:nth-child(3){
        border-left:0
    }
}
.steps{
    counter-reset:step;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.5rem;
    position:relative
}
.step{
    position:relative;
    text-align:center;
    padding:0 .5rem
}
.step-num{
    position:relative;
    z-index:1;
    width:76px;
    height:76px;
    margin:0 auto 1.1rem;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--surface);
    border:2px dashed var(--brand);
    color:var(--brand-text);
    font-size:1.6rem
}
.step-num::after{
    counter-increment:step;
    content:counter(step);
    position:absolute;
    top:-4px;
    right:-4px;
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--brand-2);
    color:#1d1408;
    font-size:.78rem;
    font-weight:800;
    font-family:var(--font)
}
.step h3{
    font-size:1.15rem;
    margin-bottom:.35rem
}
.step p{
    color:var(--muted);
    font-size:.94rem;
    margin:0
}
.steps::before{
    content:"";
    position:absolute;
    top:38px;
    left:12%;
    right:12%;
    border-top:2px dashed var(--line)
}
@media (max-width:767.98px){
    .steps{
        grid-template-columns:1fr 1fr;
        row-gap:2rem
    }
    .steps::before{
        display:none
    }
}
.review-card{
    height:100%;
    margin:0;
    padding:1.75rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    display:flex;
    flex-direction:column
}
.review-card blockquote{
    margin:1rem 0 1.25rem;
    flex:1
}
.review-card blockquote p{
    margin:0;
    color:var(--ink);
    font-size:1.02rem;
    line-height:1.65
}
.review-card figcaption,.review-quote figcaption{
    display:flex;
    align-items:center;
    gap:.8rem
}
.review-card figcaption img,.review-quote figcaption img{
    border-radius:50%;
    object-fit:cover;
    flex:none
}
.review-card strong,.review-quote strong{
    display:block;
    color:var(--ink);
    font-size:.95rem
}
.review-card small,.review-quote small{
    color:var(--muted);
    font-size:.82rem
}
.review-quote{
    position:relative;
    margin:0;
    padding:2.5rem 0 0
}
.rq-mark{
    position:absolute;
    top:-1.5rem;
    left:-.4rem;
    font-family:var(--font-display);
    font-size:7rem;
    line-height:1;
    color:var(--brand-2);
    opacity:.9
}
.review-quote blockquote p{
    font-family:var(--font-display);
    font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);
    font-weight:400;
    line-height:1.35;
    color:var(--ink);
    font-style:italic
}
.review-quote .stars{
    margin-left:auto
}
.trust-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:1rem 2.5rem
}
.trust-badge{
    display:flex;
    align-items:center;
    gap:.6rem;
    font-size:.9rem;
    color:var(--muted)
}
.trust-badge b{
    font-family:var(--font-display);
    font-size:1.5rem;
    color:var(--ink);
    font-weight:600
}
.trust-badge i{
    font-size:1.4rem;
    color:var(--accent-text)
}
.logo-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:1.25rem 3rem
}
.logo-word{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    font-family:var(--font-display);
    font-size:1.35rem;
    font-weight:600;
    color:var(--muted);
    transition:opacity .2s,color .2s;
    white-space:nowrap
}
.logo-word i{
    font-size:1.2rem
}
.logo-word:hover{
    opacity:1;
    color:var(--ink)
}

/* Travel style tiles (Home 1) */
.style-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:1rem
}
.style-tile{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.25rem;
    padding:1.4rem .75rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    text-align:center;
    color:var(--ink);
    transition:transform .3s,box-shadow .3s,border-color .3s
}
.style-tile i{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin-bottom:.5rem;
    border-radius:50%;
    background:var(--sand);
    color:var(--brand-text);
    font-size:1.5rem;
    transition:background .3s,color .3s
}
.style-tile span{
    font-weight:800;
    font-size:.98rem
}
.style-tile small{
    color:var(--muted);
    font-size:.8rem
}
.style-tile:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow);
    border-color:transparent;
    color:var(--ink)
}
.style-tile:hover i{
    background:var(--brand);
    color:var(--on-brand)
}
@media (max-width:991.98px){
    .style-grid{
        grid-template-columns:repeat(3,1fr)
    }
}
@media (max-width:575.98px){
    .style-grid{
        grid-template-columns:repeat(2,1fr)
    }
}

/* 13 Journal (blog) cards --------------------------------------------------------- */
.post-card{
    height:100%;
    display:flex;
    flex-direction:column
}
.pc-img{
    position:relative;
    display:block;
    aspect-ratio:40/28;
    overflow:hidden;
    border-radius:var(--radius);
    background:var(--sand)
}
.pc-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s
}
.post-card:hover .pc-img img{
    transform:scale(1.05)
}
.pc-cat{
    display:inline-block;
    padding:.28rem .75rem;
    border-radius:99px;
    background:var(--brand-2-soft);
    color:var(--ink);
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase
}
.pc-img .pc-cat{
    position:absolute;
    left:1rem;
    top:1rem;
    background:var(--surface)
}
.pc-body{
    padding:1rem .2rem 0
}
.pc-body h3{
    font-size:1.3rem;
    font-weight:500;
    margin:.35rem 0 .7rem;
    line-height:1.25
}
.pc-body h3 a,.post-row h2 a{
    color:var(--ink)
}
.pc-body h3 a:hover,.post-row h2 a:hover{
    color:var(--brand-text)
}
.pc-meta{
    font-size:.82rem;
    color:var(--muted);
    margin:0;
    display:flex;
    align-items:center;
    gap:.5rem
}
.pc-meta img,.pc-author img{
    border-radius:50%;
    object-fit:cover
}
.pc-author{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-size:.88rem;
    font-weight:700;
    color:var(--ink);
    margin:0
}
.post-row{
    display:grid;
    grid-template-columns:minmax(0,380px) 1fr;
    gap:1.75rem;
    align-items:center
}
.post-row+.post-row{
    margin-top:2rem;
    padding-top:2rem;
    border-top:1px dashed var(--line)
}
.pr-thumb{
    border-radius:var(--radius);
    overflow:hidden;
    aspect-ratio:38/26;
    display:block
}
.pr-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s
}
.post-row:hover .pr-thumb img{
    transform:scale(1.05)
}
.post-row h2{
    font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);
    font-weight:500;
    margin:.6rem 0 .5rem
}
.post-row p{
    color:var(--muted)
}
@media (max-width:767.98px){
    .post-row{
        grid-template-columns:1fr
    }
}

/* 14 Travel experts ------------------------------------------------------------------ */
.expert-card{
    height:100%;
    text-align:center
}
.ec-img{
    position:relative;
    display:block;
    aspect-ratio:30/36;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--sand)
}
.ec-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s
}
.expert-card:hover .ec-img img{
    transform:scale(1.05)
}
.ec-count{
    position:absolute;
    right:.9rem;
    top:.9rem;
    width:70px;
    height:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--brand-2);
    color:#1d1408;
    font-size:.62rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
    line-height:1.1;
    transform:rotate(8deg)
}
.ec-count b{
    font-family:var(--font-display);
    font-size:1.45rem;
    letter-spacing:0
}
.ec-body{
    padding-top:1rem
}
.ec-body h3{
    font-size:1.25rem;
    margin:0 0 .2rem
}
.ec-body h3 a{
    color:var(--ink)
}
.ec-body p{
    margin:0;
    color:var(--muted);
    font-size:.9rem
}
.ec-langs{
    margin-top:.35rem!important;
    font-size:.82rem!important
}
.ec-langs i{
    color:var(--brand-text);
    margin-right:.3rem
}
.expert-mini{
    display:flex;
    align-items:center;
    gap:.7rem;
    color:var(--ink)
}
.expert-mini img{
    border-radius:50%;
    object-fit:cover;
    flex:none
}
.expert-mini strong{
    display:block;
    font-size:.95rem
}
.expert-mini small{
    color:var(--muted);
    font-size:.82rem
}

/* 15 Packages, plans & deals ----------------------------------------------------------- */
.price-card{
    position:relative;
    height:100%;
    display:flex;
    flex-direction:column;
    padding:2rem 1.75rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line)
}
.price-card h3{
    font-size:1.35rem;
    margin-bottom:.3rem
}
.price-card>p{
    color:var(--muted);
    font-size:.94rem
}
.pcard-price{
    display:flex;
    align-items:baseline;
    gap:.4rem;
    margin:.5rem 0 1.25rem
}
.pcard-price b,.pcard-price .money{
    font-family:var(--font-display);
    font-size:2.8rem;
    color:var(--ink);
    letter-spacing:-.03em;
    line-height:1;
    font-weight:500
}
.pcard-price span{
    color:var(--muted);
    font-size:.9rem
}
.price-card ul{
    margin:0 0 1.75rem;
    flex:1
}
.price-card li{
    display:flex;
    gap:.55rem;
    padding:.35rem 0;
    color:var(--ink);
    font-size:.95rem
}
.price-card li i{
    color:var(--accent-text);
    font-size:1.1rem
}
.price-card.is-featured{
    background:var(--deep);
    border-color:var(--deep);
    color:color-mix(in srgb,#fff 72%,var(--deep));
    box-shadow:var(--shadow-lg)
}
.price-card.is-featured h3,.price-card.is-featured li,.price-card.is-featured .pcard-price b,.price-card.is-featured .pcard-price .money{
    color:#fff
}
.price-card.is-featured li i{
    color:var(--brand-2)
}
.price-card.is-featured>p,.price-card.is-featured .pcard-price span{
    color:color-mix(in srgb,#fff 65%,var(--deep))
}
.plan-tag{
    position:absolute;
    top:-.85rem;
    left:1.75rem;
    padding:.3rem .8rem;
    border-radius:99px;
    background:var(--brand-2);
    color:#1d1408;
    font-size:.75rem;
    font-weight:800
}
/* Deal card with countdown: data-countdown="2026-12-31T23:59:59" on .countdown */
.deal-card{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--surface);
    border:1px solid var(--line)
}
.deal-card>img{
    width:100%;
    height:100%;
    object-fit:cover;
    min-height:280px
}
.deal-body{
    padding:clamp(1.5rem,3vw,2.5rem);
    display:flex;
    flex-direction:column;
    justify-content:center
}
.deal-off{
    display:inline-flex;
    align-items:baseline;
    gap:.25rem;
    font-family:var(--font-display);
    font-size:3.2rem;
    line-height:1;
    color:var(--brand-text);
    font-weight:500
}
.deal-off small{
    font-family:var(--font);
    font-size:1rem;
    font-weight:700;
    color:var(--muted)
}
.countdown{
    display:flex;
    gap:.5rem
}
.countdown span{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:62px;
    padding:.55rem .4rem;
    border-radius:var(--radius-xs);
    background:var(--deep);
    color:#fff;
    font-size:.66rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight:700
}
.countdown b{
    font-family:var(--font-display);
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0;
    line-height:1.1
}
[data-bs-theme="dark"] .countdown span{
    background:var(--tint)
}
@media (max-width:767.98px){
    .deal-card{
        grid-template-columns:1fr
    }
}

/* 16 CTA bands & app band --------------------------------------------------------- */
.cta-band{
    position:relative;
    overflow:hidden;
    border-radius:calc(var(--radius) + 10px);
    padding:clamp(2.5rem,6vw,4.5rem);
    color:#fff;
    isolation:isolate
}
.cta-band>img.cta-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-2
}
.cta-band::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(100deg,color-mix(in srgb,var(--deep) 90%,transparent) 20%,color-mix(in srgb,var(--deep) 30%,transparent))
}
.cta-band h2{
    color:#fff;
    font-size:clamp(2rem,1.4rem + 2.4vw,3.3rem);
    font-weight:500
}
.cta-band h2 em{
    color:var(--brand-2)
}
.cta-band p{
    color:rgba(255,255,255,.85);
    max-width:540px
}
.cta-band .stamp{
    position:absolute;
    right:clamp(1rem,4vw,3rem);
    top:clamp(1rem,4vw,2.5rem);
    width:140px;
    height:140px
}
.app-band{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:2rem;
    align-items:center;
    padding:clamp(2rem,5vw,3.5rem);
    border-radius:calc(var(--radius) + 10px);
    background:var(--brand);
    color:var(--on-brand);
    overflow:hidden;
    position:relative
}
.app-band h2{
    color:var(--on-brand)
}
.store-btn{
    display:inline-flex;
    align-items:center;
    gap:.7rem;
    padding:.6rem 1.1rem;
    border-radius:14px;
    background:#111;
    color:#fff;
    line-height:1.1
}
.store-btn i{
    font-size:1.6rem
}
.store-btn small{
    display:block;
    font-size:.68rem;
    opacity:.75
}
.store-btn b{
    font-size:1rem
}
.store-btn:hover{
    color:#fff;
    background:#000;
    transform:translateY(-2px)
}
@media (max-width:767.98px){
    .app-band{
        grid-template-columns:1fr
    }
}

/* 17 FAQ, tabs, itinerary, timeline --------------------------------------------------- */
.faq .accordion-item{
    border:0;
    border-bottom:1px dashed var(--line);
    background:transparent
}
.faq .accordion-button{
    padding:1.2rem 0;
    background:transparent;
    box-shadow:none;
    font-family:var(--font-display);
    font-size:1.18rem;
    font-weight:500;
    color:var(--ink)
}
.faq .accordion-button::after{
    background-image:none;
    content:"\F64D";
    font-family:bootstrap-icons;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--sand);
    color:var(--brand-text);
    font-size:1rem;
    transform:none;
    transition:transform .3s,background .3s
}
.faq .accordion-button:not(.collapsed)::after{
    transform:rotate(45deg);
    background:var(--brand);
    color:var(--on-brand)
}
.faq .accordion-body{
    padding:0 3rem 1.3rem 0;
    color:var(--muted)
}
.pill-tabs{
    display:inline-flex;
    flex-wrap:wrap;
    gap:.3rem;
    padding:.3rem;
    border-radius:99px;
    background:var(--surface);
    border:1px solid var(--line)
}
.pill-tabs button,.pill-tabs a{
    border:0;
    background:transparent;
    padding:.5rem 1.05rem;
    border-radius:99px;
    font-weight:700;
    font-size:.9rem;
    color:var(--muted)
}
.pill-tabs .active,.pill-tabs [aria-selected="true"]{
    background:var(--deep);
    color:#fff
}
[data-bs-theme="dark"] .pill-tabs .active,[data-bs-theme="dark"] .pill-tabs [aria-selected="true"]{
    background:var(--ink);
    color:var(--deep)
}
.filter-chips{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem
}
.filter-chips button{
    border:1.5px solid var(--line);
    background:var(--surface);
    color:var(--ink);
    border-radius:99px;
    padding:.45rem 1rem;
    font-weight:700;
    font-size:.88rem;
    transition:all .2s
}
.filter-chips button:hover{
    border-color:var(--brand)
}
.filter-chips button.active{
    background:var(--brand);
    border-color:var(--brand);
    color:var(--on-brand)
}
.is-filtered-out{
    display:none!important
}
/* Day-by-day itinerary: <ol class="itinerary"><li><details>... */
.itinerary{
    list-style:none;
    margin:0;
    padding:0;
    position:relative
}
.itinerary::before{
    content:"";
    position:absolute;
    left:23px;
    top:14px;
    bottom:14px;
    border-left:2px dashed var(--line)
}
.itinerary>li{
    position:relative;
    padding-left:4rem;
    padding-bottom:1rem
}
.it-day{
    position:absolute;
    left:0;
    top:0;
    width:48px;
    height:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--surface);
    border:2px solid var(--brand);
    color:var(--brand-text);
    font-size:.58rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    line-height:1
}
.it-day b{
    font-family:var(--font-display);
    font-size:1.2rem;
    letter-spacing:0;
    color:var(--ink)
}
.itinerary details{
    border-radius:var(--radius-sm);
    background:var(--surface);
    border:1px solid var(--line)
}
.itinerary summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.85rem 1.1rem;
    list-style:none;
    cursor:pointer;
    font-family:var(--font-display);
    font-size:1.12rem;
    color:var(--ink)
}
.itinerary summary::-webkit-details-marker{
    display:none
}
.itinerary summary::after{
    content:"\F282";
    font-family:bootstrap-icons;
    font-size:.85rem;
    color:var(--muted);
    transition:transform .25s
}
.itinerary details[open] summary::after{
    transform:rotate(180deg)
}
.itinerary details>div{
    padding:0 1.1rem 1.1rem;
    color:var(--muted)
}
.it-tags{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    margin-top:.6rem
}
.it-tags span{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    padding:.2rem .6rem;
    border-radius:99px;
    background:var(--tint);
    font-size:.78rem;
    font-weight:700;
    color:var(--ink)
}
.timeline{
    list-style:none;
    position:relative;
    margin:0;
    padding:0
}
.timeline::before{
    content:"";
    position:absolute;
    left:23px;
    top:10px;
    bottom:10px;
    border-left:2px dashed var(--line)
}
.timeline li{
    position:relative;
    display:flex;
    gap:1.25rem;
    padding:0 0 1.75rem
}
.tl-dot{
    flex:none;
    position:relative;
    z-index:1;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--brand);
    color:var(--on-brand);
    font-weight:800;
    font-size:.95rem;
    box-shadow:0 0 0 6px var(--bg)
}
.timeline h3{
    font-size:1.15rem;
    margin:.6rem 0 .3rem
}
.timeline p{
    margin:0;
    color:var(--muted)
}

/* 18 Inner pages: page hero, sidebar, filters, toolbar --------------------------------- */
.page-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(4rem,9vw,7rem) 0 clamp(3.5rem,7vw,5.5rem);
    color:#fff;
    text-align:center
}
.page-hero>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-2
}
.page-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(10,16,15,.55),rgba(10,16,15,.62))
}
.page-hero h1{
    color:#fff;
    font-size:clamp(2.4rem,1.6rem + 3vw,4.2rem);
    font-weight:500;
    margin:.6rem 0 .7rem
}
.page-hero h1 em{
    color:var(--brand-2)
}
.page-hero p{
    color:rgba(255,255,255,.88);
    max-width:620px;
    margin:0 auto;
    font-size:1.06rem
}
.page-hero.is-plain{
    background:var(--sand);
    color:var(--text)
}
.page-hero.is-plain::before{
    display:none
}
.page-hero.is-plain h1{
    color:var(--ink)
}
.page-hero.is-plain h1 em{
    color:var(--brand-text)
}
.page-hero.is-plain p{
    color:var(--muted)
}
.crumbs{
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.4rem;
    margin:0;
    padding:.4rem 1rem;
    list-style:none;
    border-radius:99px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    font-size:.85rem;
    font-weight:600
}
.crumbs li+li::before{
    content:"/";
    margin-right:.4rem;
    opacity:.6
}
.crumbs a{
    color:#fff
}
.crumbs [aria-current]{
    color:var(--brand-2)
}
.page-hero.is-plain .crumbs{
    background:var(--surface);
    border-color:var(--line)
}
.page-hero.is-plain .crumbs a{
    color:var(--ink)
}
.page-hero.is-plain .crumbs [aria-current]{
    color:var(--brand-text)
}
.widget{
    padding:1.4rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line)
}
.widget+.widget{
    margin-top:1.25rem
}
.widget-title{
    font-size:1.12rem;
    margin:0 0 1rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem
}
.filter-group+.filter-group{
    margin-top:1.1rem;
    padding-top:1.1rem;
    border-top:1px dashed var(--line)
}
.filter-group h3,.filter-title{
    font-family:var(--font);
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--muted);
    margin:0 0 .65rem
}
.filter-group .form-check{
    margin-bottom:.35rem
}
.filter-group .form-check-label{
    display:flex;
    justify-content:space-between;
    gap:.5rem;
    width:100%;
    font-size:.92rem;
    color:var(--ink);
    font-weight:600
}
.filter-group .form-check-label small{
    color:var(--muted);
    font-weight:600
}
.range-out{
    display:flex;
    justify-content:space-between;
    font-size:.85rem;
    font-weight:700;
    color:var(--ink)
}
.toolbar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-bottom:1.5rem;
    padding:.6rem .6rem .6rem 1.1rem;
    border-radius:99px;
    background:var(--surface);
    border:1px solid var(--line)
}
.toolbar p{
    margin:0;
    font-size:.92rem
}
.toolbar p b{
    color:var(--ink)
}
.toolbar .form-select{
    width:auto;
    border-radius:99px;
    padding-block:.45rem;
    font-size:.9rem;
    font-weight:600
}
.view-btns{
    display:inline-flex;
    gap:.25rem
}
.view-btns button{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1.5px solid var(--line);
    background:var(--surface);
    color:var(--muted)
}
.view-btns button.active{
    border-color:var(--brand);
    color:var(--brand-text);
    background:var(--brand-soft)
}
.filter-empty,.list-empty{
    padding:2.5rem 1rem;
    text-align:center;
    border-radius:var(--radius);
    border:2px dashed var(--line);
    color:var(--muted)
}
.filter-empty i,.list-empty i{
    display:block;
    font-size:2.2rem;
    color:var(--brand-text);
    margin-bottom:.5rem
}
.pager{
    display:flex;
    justify-content:center;
    gap:.4rem;
    margin-top:2.5rem
}
.pager a,.pager span{
    min-width:44px;
    height:44px;
    display:grid;
    place-items:center;
    padding:0 .5rem;
    border-radius:50%;
    border:1.5px solid var(--line);
    color:var(--ink);
    font-weight:700;
    background:var(--surface)
}
.pager .active{
    background:var(--brand);
    border-color:var(--brand);
    color:var(--on-brand)
}
.pager a:hover{
    border-color:var(--brand)
}
.filters-toggle{
    display:none
}
@media (max-width:991.98px){
    .filters-toggle{
        display:inline-flex
    }
    .filters-panel{
        display:none
    }
    .filters-panel.is-open{
        display:block
    }
}
.content-body{
    font-size:1.04rem
}
.content-body h2{
    font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);
    margin:2.2rem 0 .9rem;
    font-weight:500
}
.content-body h3{
    font-size:1.35rem;
    margin:1.8rem 0 .7rem
}
.content-body p,.content-body li{
    color:var(--text)
}
.content-body img{
    border-radius:var(--radius)
}
.content-body blockquote{
    margin:2rem 0;
    padding:1.5rem 1.75rem;
    border-left:4px solid var(--brand-2);
    border-radius:0 var(--radius) var(--radius) 0;
    background:var(--sand);
    font-family:var(--font-display);
    font-size:1.3rem;
    font-style:italic;
    color:var(--ink)
}
.info-box{
    display:flex;
    gap:.9rem;
    padding:1rem 1.2rem;
    border-radius:var(--radius-sm);
    background:var(--accent-soft);
    color:var(--ink);
    font-size:.94rem
}
.info-box>i{
    color:var(--accent-text);
    font-size:1.3rem;
    line-height:1.4
}
.info-box.is-warm{
    background:var(--brand-2-soft)
}
.info-box.is-warm>i{
    color:var(--brand-2-text)
}
/* Booking box (tour details, room details): [data-trip-calc] / [data-stay-calc] in main.js */
.book-box{
    position:sticky;
    top:calc(var(--header-h) + 1.25rem);
    padding:1.5rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    box-shadow:var(--shadow)
}
.bb-price{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:.5rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
    border-bottom:1px dashed var(--line)
}
.bb-price .money{
    font-family:var(--font-display);
    font-size:2rem;
    color:var(--ink);
    font-weight:500
}
.bb-lines{
    list-style:none;
    margin:1rem 0;
    padding:1rem 0 0;
    border-top:1px dashed var(--line);
    font-size:.92rem
}
.bb-lines li{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding:.25rem 0
}
.bb-lines li.is-total{
    margin-top:.5rem;
    padding-top:.75rem;
    border-top:1px solid var(--line);
    font-weight:800;
    color:var(--ink);
    font-size:1.05rem
}
.bb-lines li.is-discount{
    color:var(--accent-text)
}
.travellers{
    display:grid;
    gap:.5rem
}
.travellers .tg-row{
    padding:.35rem 0
}
.extras-list label{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.55rem .75rem;
    border:1px solid var(--line);
    border-radius:var(--radius-xs);
    font-size:.9rem;
    color:var(--ink);
    cursor:pointer
}
.extras-list label+label{
    margin-top:.4rem
}
.extras-list label span{
    margin-left:auto;
    color:var(--muted);
    font-weight:700;
    font-size:.85rem
}
.extras-list input:checked~span{
    color:var(--brand-text)
}
.dates-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 .5rem
}
.dates-table td,.dates-table th{
    padding:.85rem 1rem;
    background:var(--surface);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line)
}
.dates-table th{
    background:transparent;
    border:0;
    padding-block:.2rem;
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--muted)
}
.dates-table td:first-child{
    border-left:1px solid var(--line);
    border-radius:var(--radius-sm) 0 0 var(--radius-sm)
}
.dates-table td:last-child{
    border-right:1px solid var(--line);
    border-radius:0 var(--radius-sm) var(--radius-sm) 0;
    text-align:right
}
.seats{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    font-weight:700;
    font-size:.85rem
}
.seats::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent)
}
.seats.is-low::before{
    background:var(--brand-2)
}
.seats.is-full{
    color:var(--muted)
}
.seats.is-full::before{
    background:var(--muted)
}
.gallery-mosaic{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:.6rem;
    height:clamp(320px,46vw,520px)
}
.gallery-mosaic a{
    position:relative;
    display:block;
    border-radius:var(--radius-sm);
    overflow:hidden
}
.gallery-mosaic a:first-child{
    grid-row:1/3;
    border-radius:var(--radius) var(--radius-sm) var(--radius-sm) var(--radius)
}
.gallery-mosaic img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s
}
.gallery-mosaic a:hover img{
    transform:scale(1.05)
}
.gm-more{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(10,16,15,.5);
    color:#fff;
    font-weight:800
}
@media (max-width:767.98px){
    .gallery-mosaic{
        grid-template-columns:1fr 1fr;
        height:auto
    }
    .gallery-mosaic a{
        aspect-ratio:1
    }
    .gallery-mosaic a:first-child{
        grid-column:1/-1;
        grid-row:auto;
        aspect-ratio:16/10
    }
}
.facts-bar{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:.75rem
}
.fact{
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:.9rem 1rem;
    border-radius:var(--radius-sm);
    background:var(--surface);
    border:1px solid var(--line)
}
.fact i{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--sand);
    color:var(--brand-text);
    font-size:1.1rem;
    flex:none
}
.fact small{
    display:block;
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight:800;
    color:var(--muted)
}
.fact b{
    color:var(--ink);
    font-size:.98rem
}
.map-card{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    border:1px solid var(--line);
    background:var(--tint);
    min-height:380px
}
.map-card iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:380px;
    border:0;
    filter:saturate(.8) sepia(.12)
}
[data-bs-theme="dark"] .map-card iframe{
    filter:invert(.9) hue-rotate(180deg) saturate(.5)
}
.map-pin{
    position:absolute;
    left:1rem;
    bottom:1rem;
    display:flex;
    flex-direction:column;
    padding:1rem 1.25rem;
    border-radius:16px;
    background:var(--surface);
    box-shadow:var(--shadow);
    max-width:300px
}
.map-pin strong{
    color:var(--ink)
}
.map-pin span{
    font-size:.9rem;
    color:var(--muted)
}

/* 19 Shop, cart, checkout, account ---------------------------------------------- */
.product-card{
    height:100%;
    display:flex;
    flex-direction:column;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    overflow:hidden;
    transition:transform .3s,box-shadow .3s
}
.product-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow)
}
.pr-img{
    position:relative;
    aspect-ratio:1;
    overflow:hidden;
    background:var(--sand)
}
.pr-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s
}
.product-card:hover .pr-img img{
    transform:scale(1.05)
}
.pr-quick{
    position:absolute;
    left:50%;
    bottom:1rem;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.45rem .9rem;
    border:0;
    border-radius:99px;
    background:var(--surface);
    color:var(--ink);
    font-size:.82rem;
    font-weight:700;
    box-shadow:var(--shadow-sm);
    opacity:0;
    transform:translate(-50%,8px);
    transition:opacity .25s,transform .25s
}
.product-card:hover .pr-quick,.pr-quick:focus-visible{
    opacity:1;
    transform:translate(-50%,0)
}
@media (hover:none){
    .pr-quick{
        opacity:1;
        transform:translate(-50%,0)
    }
}
.pr-body{
    padding:1.1rem 1.25rem .4rem;
    flex:1
}
.pr-cat{
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--brand-text)
}
.pr-body h3{
    font-size:1.12rem;
    margin:.3rem 0 .4rem
}
.pr-body h3 a{
    color:var(--ink)
}
.pr-text{
    font-size:.88rem;
    color:var(--muted);
    margin-bottom:.5rem
}
.pr-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    padding:.9rem 1.25rem 1.2rem
}
.pr-price{
    display:flex;
    align-items:baseline;
    gap:.4rem
}
.pr-price b{
    color:var(--ink);
    font-size:1.12rem
}
.pr-price del{
    color:var(--muted);
    font-size:.85rem
}
.shop-grid.is-list>div{
    flex:0 0 100%;
    max-width:100%
}
.shop-grid.is-list .product-card{
    flex-direction:row
}
.shop-grid.is-list .pr-img{
    width:220px;
    flex:none
}
.shop-grid.is-list .pr-foot{
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    border-left:1px dashed var(--line)
}
@media (max-width:575.98px){
    .shop-grid.is-list .product-card{
        flex-direction:column
    }
    .shop-grid.is-list .pr-img{
        width:100%
    }
}
.ct-table{
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    overflow:hidden
}
.ct-head,.ct-row{
    display:grid;
    grid-template-columns:2.4fr 1fr 1.2fr 1fr 48px;
    gap:1rem;
    align-items:center;
    padding:1rem 1.25rem
}
.ct-head{
    background:var(--tint);
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight:800;
    color:var(--muted)
}
.ct-row+.ct-row{
    border-top:1px dashed var(--line)
}
.ct-prod{
    display:flex;
    align-items:center;
    gap:.9rem;
    min-width:0
}
.ct-prod img{
    border-radius:var(--radius-xs);
    object-fit:cover;
    flex:none
}
.ct-prod strong{
    display:block;
    color:var(--ink);
    line-height:1.3
}
.ct-prod small{
    color:var(--muted);
    font-size:.82rem
}
.ct-total{
    font-weight:800;
    color:var(--ink)
}
.ct-wish{
    grid-template-columns:2.4fr 1fr 1fr 1.6fr
}
.ct-actions{
    display:flex;
    gap:.4rem;
    justify-content:flex-end
}
@media (max-width:767.98px){
    .ct-head{
        display:none
    }
    .ct-row,.ct-wish{
        grid-template-columns:1fr auto;
        gap:.5rem 1rem
    }
    .ct-prod{
        grid-column:1/-1
    }
    .ct-row [data-label]::before{
        content:attr(data-label) ": ";
        color:var(--muted);
        font-weight:600;
        font-size:.82rem
    }
}
.mc-remove{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:var(--tint);
    color:var(--muted)
}
.mc-remove:hover{
    background:#fde8e6;
    color:#b42318
}
.totals{
    list-style:none;
    margin:0;
    padding:0
}
.totals li{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding:.5rem 0;
    font-size:.95rem
}
.totals li+li{
    border-top:1px dashed var(--line)
}
.totals li.is-total{
    font-size:1.15rem;
    font-weight:800;
    color:var(--ink)
}
.totals li.is-discount{
    color:var(--accent-text)
}
.coupon-msg{
    font-size:.86rem;
    margin:.5rem 0 0;
    font-weight:600
}
.coupon-msg.is-ok{
    color:var(--accent-text)
}
.coupon-msg.is-err{
    color:#b42318
}
.pay-option{
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:.9rem 1rem;
    border:1.5px solid var(--line);
    border-radius:var(--radius-sm);
    cursor:pointer;
    background:var(--surface)
}
.pay-option+.pay-option{
    margin-top:.5rem
}
.pay-option:has(input:checked){
    border-color:var(--brand);
    background:var(--brand-soft)
}
.pay-option b{
    color:var(--ink)
}
.pay-option small{
    display:block;
    color:var(--muted);
    font-size:.82rem
}
.pay-option i{
    margin-left:auto;
    font-size:1.3rem;
    color:var(--muted)
}
.co-items{
    list-style:none;
    margin:0;
    padding:0
}
.co-items li{
    display:flex;
    align-items:center;
    gap:.8rem;
    padding:.6rem 0
}
.co-items li+li{
    border-top:1px dashed var(--line)
}
.co-items img{
    border-radius:var(--radius-xs);
    object-fit:cover
}
.co-items strong{
    display:block;
    color:var(--ink);
    font-size:.92rem;
    line-height:1.3
}
.co-items small{
    color:var(--muted)
}
.co-items b{
    margin-left:auto;
    color:var(--ink)
}
.acc-nav{
    display:flex;
    flex-direction:column;
    gap:.2rem
}
.acc-nav a{
    display:flex;
    align-items:center;
    gap:.7rem;
    padding:.7rem .9rem;
    border-radius:var(--radius-xs);
    color:var(--ink);
    font-weight:600
}
.acc-nav a:hover{
    background:var(--tint)
}
.acc-nav a.active{
    background:var(--brand-soft);
    color:var(--brand-text)
}
[data-acc-pane]{
    display:none
}
[data-acc-pane].is-active{
    display:block
}
.qv-modal .modal-content{
    border:0;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--surface)
}
.qv-modal .btn-close{
    position:absolute;
    top:1rem;
    right:1rem;
    z-index:2;
    background-color:var(--surface);
    border-radius:50%;
    padding:.6rem
}
.qv-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    aspect-ratio:1
}
.qv-body{
    padding:2rem
}
.qv-body h2{
    font-size:1.6rem;
    margin:.4rem 0
}
.qv-price{
    font-size:1.4rem;
    margin:.6rem 0
}
.qv-price b{
    color:var(--ink)
}
.qv-buy{
    display:flex;
    gap:.6rem;
    margin:1rem 0
}
.qv-perks{
    display:grid;
    gap:.35rem;
    font-size:.88rem;
    color:var(--muted)
}
.qv-perks i{
    color:var(--accent-text);
    margin-right:.4rem
}
.qv-more{
    display:inline-block;
    margin-top:1rem;
    font-weight:700
}
.sticky-atc{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1024;
    padding:.7rem 0;
    background:var(--surface);
    border-top:1px solid var(--line);
    box-shadow:0 -12px 30px -18px color-mix(in srgb,var(--deep) 45%,transparent);
    transform:translateY(110%);
    transition:transform .35s
}
.sticky-atc.is-on{
    transform:none
}
.sticky-atc img{
    border-radius:var(--radius-xs);
    object-fit:cover
}
.satc-name{
    flex:1;
    min-width:0
}
.satc-name strong{
    display:block;
    color:var(--ink);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.satc-name small{
    color:var(--muted)
}
.satc-price{
    color:var(--ink);
    font-size:1.1rem
}

/* 20 Footer ---------------------------------------------------------------------- */
.site-footer{
    position:relative;
    background:var(--deep);
    color:color-mix(in srgb,#fff 66%,var(--deep));
    font-size:.95rem;
    margin-top:clamp(5rem,9vw,7rem)
}
.footer-news{
    position:relative;
    top:calc(-1 * clamp(3rem,6vw,4.5rem));
    margin-bottom:calc(-1 * clamp(3rem,6vw,4.5rem) + 1rem)
}
.fn-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.5rem 2.5rem;
    align-items:center;
    padding:clamp(1.75rem,4vw,2.75rem);
    border-radius:calc(var(--radius) + 8px);
    background:var(--brand-2);
    color:#2a1d0a;
    box-shadow:var(--shadow-lg);
    background-image:var(--grain)
}
.fn-copy .hand{
    color:#7a3d14
}
.fn-box h2{
    color:#1d1408;
    font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);
    font-weight:500;
    margin:.2rem 0 .4rem
}
.fn-box p{
    margin:0;
    color:#4b3818
}
.fn-form{
    display:flex;
    gap:.5rem;
    padding:.4rem;
    border-radius:99px;
    background:#fff
}
.fn-form .form-control{
    border:0;
    background:transparent;
    color:#1d1408;
    border-radius:99px;
    padding-left:1.1rem
}
.fn-form .form-control::placeholder{
    color:#8a7a62
}
.fn-form .form-control:focus{
    box-shadow:none
}
.fn-form .btn{
    flex:none
}
.fn-box .form-done{
    background:#fff;
    color:#1d1408
}
@media (max-width:767.98px){
    .fn-box{
        grid-template-columns:1fr
    }
    .fn-form{
        flex-wrap:wrap;
        border-radius:var(--radius)
    }
    .fn-form .btn{
        width:100%
    }
}
.footer-main{
    padding-top:2rem
}
.footer-title{
    font-family:var(--font);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:1.1rem
}
.footer-links li{
    padding:.28rem 0
}
.footer-links a,.footer-contact a{
    color:color-mix(in srgb,#fff 80%,var(--deep))
}
.footer-links a:hover,.footer-contact a:hover{
    color:var(--brand-2)
}
.footer-contact li{
    display:flex;
    gap:.65rem;
    padding:.3rem 0
}
.footer-contact i{
    color:var(--brand-2)
}
.footer-social{
    display:flex;
    gap:.5rem;
    margin-top:1.25rem
}
.footer-social a{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    transition:background .2s,border-color .2s,color .2s
}
.footer-social a:hover{
    background:var(--brand-2);
    border-color:var(--brand-2);
    color:#1d1408
}
.footer-pay{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-top:1rem;
    color:#fff;
    font-size:1.3rem
}
.footer-pay span{
    font-size:.82rem;
    color:color-mix(in srgb,#fff 60%,var(--deep));
    margin-left:.25rem
}
.footer-bottom{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.5rem 2rem;
    margin-top:3rem;
    padding:1.5rem 0;
    border-top:1px solid rgba(255,255,255,.1);
    font-size:.86rem
}
.footer-bottom p{
    margin:0
}
.footer-bottom a{
    color:color-mix(in srgb,#fff 80%,var(--deep))
}
.lp-footer{
    padding:2rem 0;
    background:var(--deep);
    color:color-mix(in srgb,#fff 66%,var(--deep));
    font-size:.9rem
}
.lp-footer p{
    margin:0
}
.lp-footer a{
    color:#fff
}

/* 21 Overlays: search, mini cart, popup, switcher, cookies -------------------------- */
.preloader{
    position:fixed;
    inset:0;
    z-index:2000;
    display:grid;
    place-items:center;
    background:var(--bg);
    transition:opacity .45s,visibility .45s
}
.preloader.is-done{
    opacity:0;
    visibility:hidden
}
.pl-mark .brand-mark{
    width:62px;
    height:62px;
    animation:plSpin 1.4s ease-in-out infinite
}
@keyframes plSpin{
    50%{
        transform:rotate(-12deg) scale(.9)
    }
}
.no-js .preloader{
    display:none
}
.search-modal .modal-content{
    border:0;
    border-radius:var(--radius);
    background:var(--surface);
    padding:1rem 1.25rem;
    box-shadow:var(--shadow-lg)
}
.search-modal form{
    display:flex;
    align-items:center;
    gap:.75rem
}
.search-modal form>i{
    font-size:1.4rem;
    color:var(--brand-text)
}
.search-modal .form-control{
    border:0;
    font-size:1.3rem;
    padding:.6rem 0;
    box-shadow:none;
    background:transparent
}
.search-hints{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    align-items:center;
    padding-top:.9rem;
    margin-top:.5rem;
    border-top:1px dashed var(--line);
    font-size:.88rem;
    color:var(--muted)
}
.search-hints a{
    padding:.25rem .75rem;
    border-radius:99px;
    background:var(--tint);
    color:var(--ink);
    font-weight:600
}
.search-hints a:hover{
    background:var(--brand-soft);
    color:var(--brand-text)
}
.search-live{
    margin-top:.75rem;
    border-top:1px dashed var(--line);
    padding-top:.5rem
}
.search-live ul{
    margin:0
}
.search-live li a{
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:.55rem .5rem;
    border-radius:var(--radius-xs);
    color:var(--ink)
}
.search-live li a:hover{
    background:var(--tint)
}
.search-live li i{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--sand);
    color:var(--brand-text);
    flex:none
}
.search-live strong{
    display:block;
    font-size:.95rem
}
.search-live small{
    color:var(--muted);
    font-size:.8rem
}
.sl-empty{
    color:var(--muted);
    padding:.5rem
}
.sl-all{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    margin:.5rem;
    font-weight:700;
    font-size:.9rem
}
.news-popup .modal-content{
    border:0;
    border-radius:calc(var(--radius) + 4px);
    overflow:hidden;
    background:var(--surface)
}
.news-popup .btn-close{
    position:absolute;
    top:1rem;
    right:1rem;
    z-index:2;
    background-color:var(--surface);
    border-radius:50%;
    padding:.6rem;
    opacity:.9
}
.np-img{
    position:relative
}
.np-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    min-height:240px
}
.np-stamp{
    position:absolute;
    right:-30px;
    bottom:1.5rem;
    color:#fff;
    width:110px;
    height:110px
}
.np-body{
    padding:clamp(1.75rem,4vw,2.75rem)
}
.np-body h2{
    font-size:1.9rem;
    margin:.7rem 0 .6rem;
    font-weight:500
}
.np-body p{
    color:var(--muted)
}
.np-body small{
    display:block;
    margin-top:.75rem;
    color:var(--muted)
}
.form-done{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.85rem 1.1rem;
    border-radius:var(--radius-sm);
    background:var(--accent-soft);
    color:var(--ink);
    font-weight:600
}
.form-done i{
    color:var(--accent-text);
    font-size:1.25rem
}
/* "Sample data" tag on simulated widgets (availability, prices, weather). Remove it once real data is connected. */
.demo-tag{
    display:inline-block;
    margin-inline-start:.35rem;
    padding:.05rem .5rem;
    border:1px dashed currentColor;
    border-radius:99px;
    font-family:var(--font);
    font-size:.66rem;
    font-weight:700;
    letter-spacing:.06em;
    line-height:1.5;
    text-transform:uppercase;
    vertical-align:middle;
    white-space:nowrap
}
.mini-cart{
    --bs-offcanvas-width:min(400px,94vw);
    background:var(--bg)
}
.mc-ship{
    padding:.8rem 1rem;
    border-radius:var(--radius-sm);
    background:var(--sand);
    font-size:.86rem;
    margin-bottom:1rem
}
.mc-ship[hidden]{
    display:none
}
.mc-bar{
    height:6px;
    border-radius:9px;
    background:var(--surface);
    margin-top:.5rem;
    overflow:hidden
}
.mc-bar i{
    display:block;
    height:100%;
    width:0;
    background:var(--brand);
    border-radius:9px;
    transition:width .4s
}
.mc-items li{
    display:flex;
    align-items:center;
    gap:.8rem;
    padding:.75rem 0;
    border-bottom:1px dashed var(--line)
}
.mc-items img{
    border-radius:var(--radius-xs);
    object-fit:cover
}
.mc-items span{
    flex:1;
    min-width:0
}
.mc-items strong{
    display:block;
    color:var(--ink);
    font-size:.92rem;
    line-height:1.3
}
.mc-items small{
    color:var(--muted);
    font-size:.8rem
}
.mc-empty{
    text-align:center;
    padding:2.5rem 0;
    color:var(--muted)
}
.mc-empty i{
    font-size:2.6rem;
    color:var(--brand-text)
}
.mc-empty[hidden]{
    display:none
}
.mc-foot{
    padding:1.25rem;
    border-top:1px solid var(--line);
    background:var(--surface)
}
.mc-foot b{
    color:var(--ink)
}
.toast-c{
    position:fixed;
    left:50%;
    bottom:1.5rem;
    z-index:1090;
    display:flex;
    align-items:center;
    gap:.7rem;
    padding:.75rem 1rem .75rem 1.1rem;
    border-radius:99px;
    background:var(--deep);
    color:#fff;
    font-size:.92rem;
    font-weight:600;
    box-shadow:var(--shadow-lg);
    transform:translate(-50%,150%);
    transition:transform .35s cubic-bezier(.2,.7,.2,1);
    max-width:calc(100% - 2rem)
}
.toast-c.is-on{
    transform:translate(-50%,0)
}
.toast-c i{
    color:var(--brand-2);
    font-size:1.15rem
}
.toast-c a{
    color:var(--brand-2);
    text-decoration:underline;
    text-underline-offset:3px;
    margin-left:.25rem;
    white-space:nowrap
}
@media (max-width:575.98px){
    .toast-c{
        bottom:5.5rem
    }
}
.lightbox{
    position:fixed;
    inset:0;
    z-index:2100;
    display:none;
    align-items:center;
    justify-content:center;
    padding:4rem 1rem;
    background:rgba(8,10,10,.92)
}
.lightbox.is-open{
    display:flex
}
.lb-body{
    width:min(1100px,100%)
}
.lb-body figure{
    margin:0;
    text-align:center
}
.lb-body img{
    max-height:78vh;
    border-radius:var(--radius-sm)
}
.lb-body figcaption{
    color:#ddd;
    margin-top:.75rem;
    font-size:.92rem
}
.lb-btn{
    position:absolute;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:1.2rem
}
.lb-btn:hover{
    background:#fff;
    color:#111
}
.lb-close{
    top:1rem;
    right:1rem
}
.lb-prev{
    left:1rem;
    top:50%;
    margin-top:-24px
}
.lb-next{
    right:1rem;
    top:50%;
    margin-top:-24px
}
.to-top{
    position:fixed;
    right:1.25rem;
    bottom:1.25rem;
    z-index:1020;
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:var(--surface);
    color:var(--ink);
    font-size:1.1rem;
    box-shadow:var(--shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .3s,transform .3s,visibility .3s
}
.to-top svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    transform:rotate(-90deg)
}
.to-top circle{
    fill:none;
    stroke:var(--brand);
    stroke-width:2.5;
    stroke-dasharray:100;
    stroke-dashoffset:calc(100 - var(--progress,0));
    stroke-linecap:round
}
.to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:none
}
.mobile-cta{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1025;
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:.5rem;
    padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));
    background:var(--surface);
    border-top:1px solid var(--line);
    box-shadow:0 -8px 24px -12px color-mix(in srgb,var(--deep) 25%,transparent)
}
.mobile-cta a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    padding:.75rem;
    border-radius:99px;
    font-weight:700;
    color:var(--ink);
    border:1.5px solid var(--line)
}
.mobile-cta a.is-main{
    background:var(--brand);
    border-color:var(--brand);
    color:var(--on-brand)
}
@media (max-width:575.98px){
    body:not(.is-bare):not(.is-print-doc){
        padding-bottom:72px
    }
    .to-top{
        bottom:5.25rem
    }
}
.chat-float{
    position:fixed;
    left:1.25rem;
    bottom:1.25rem;
    z-index:1020;
    display:flex;
    align-items:center;
    gap:.5rem;
    height:50px;
    padding:0 1.1rem 0 .9rem;
    border-radius:99px;
    background:#1f9d55;
    color:#fff;
    font-weight:700;
    font-size:.9rem;
    box-shadow:0 12px 26px -10px rgba(31,157,85,.7);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .3s,transform .3s,visibility .3s
}
.chat-float i{
    font-size:1.4rem
}
.chat-float:hover{
    color:#fff;
    background:#178a48
}
.chat-float.is-visible{
    opacity:1;
    visibility:visible;
    transform:none
}
@media (max-width:575.98px){
    .chat-float{
        bottom:5.25rem;
        left:.9rem;
        padding:0;
        width:50px;
        justify-content:center
    }
    .chat-float span{
        display:none
    }
}
.cookie-bar{
    position:fixed;
    left:50%;
    bottom:1.25rem;
    z-index:1040;
    transform:translateX(-50%);
    width:min(780px,calc(100% - 2rem));
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 1.25rem;
    border-radius:var(--radius);
    background:var(--surface);
    border:1px solid var(--line);
    box-shadow:var(--shadow-lg);
    font-size:.9rem
}
.cookie-bar[hidden]{
    display:none
}
.cookie-ico{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--brand-2-soft);
    color:var(--brand-2-text);
    font-size:1.4rem;
    flex:none
}
.cookie-bar p{
    margin:0;
    flex:1
}
.cookie-bar strong{
    color:var(--ink)
}
.cookie-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    align-items:center
}
.cookie-set{
    color:var(--ink);
    text-decoration:underline;
    text-underline-offset:3px
}
.cookie-bar.is-open{
    flex-wrap:wrap
}
.cookie-bar.is-open>p{
    flex-basis:calc(100% - 4rem)
}
.cookie-prefs{
    flex-basis:100%;
    display:grid;
    gap:.5rem;
    grid-template-columns:repeat(3,1fr)
}
.cookie-prefs[hidden]{
    display:none
}
.cookie-cat{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:.75rem;
    padding:.7rem .85rem;
    border:1px solid var(--line);
    border-radius:var(--radius-sm);
    cursor:pointer;
    background:var(--tint)
}
.cookie-cat strong{
    display:block;
    color:var(--ink);
    font-size:.9rem
}
.cookie-cat small{
    display:block;
    color:var(--muted);
    font-size:.8rem;
    line-height:1.4
}
.cookie-cat .form-check-input{
    margin:0;
    cursor:pointer;
    flex:none
}
@media (max-width:767.98px){
    .cookie-prefs{
        grid-template-columns:1fr;
        max-height:40vh;
        overflow-y:auto
    }
    .cookie-bar{
        flex-wrap:wrap;
        bottom:5.25rem
    }
    .cookie-ico{
        display:none
    }
}
.switcher-toggle{
    position:fixed;
    right:0;
    top:40%;
    z-index:1045;
    width:48px;
    height:48px;
    border:0;
    border-radius:16px 0 0 16px;
    background:var(--deep);
    color:var(--brand-2);
    font-size:1.25rem;
    box-shadow:var(--shadow);
    display:grid;
    place-items:center;
    transition:right .35s cubic-bezier(.2,.7,.2,1)
}
.switcher-toggle[aria-expanded="true"]{
    right:290px
}
.switcher-toggle i{
    animation:spin 6s linear infinite
}
.switcher{
    position:fixed;
    right:0;
    top:50%;
    z-index:1046;
    width:290px;
    max-height:92vh;
    overflow:auto;
    padding:1.25rem;
    background:var(--surface);
    border:1px solid var(--line);
    border-right:0;
    border-radius:var(--radius) 0 0 var(--radius);
    box-shadow:var(--shadow-lg);
    transform:translate(105%,-50%);
    transition:transform .35s cubic-bezier(.2,.7,.2,1)
}
.switcher.is-open{
    transform:translate(0,-50%)
}
.switcher-title{
    font-family:var(--font-display);
    font-weight:600;
    font-size:1.25rem;
    color:var(--ink);
    margin:0
}
.switcher .lbl{
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:800;
    color:var(--muted);
    margin:1.1rem 0 .5rem
}
.swatches{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:.45rem
}
.swatches button{
    aspect-ratio:1;
    border-radius:50%;
    border:3px solid var(--surface);
    background:var(--sw);
    box-shadow:0 0 0 1px var(--line);
    transition:transform .2s
}
.swatches button:hover{
    transform:scale(1.1)
}
.swatches button.active{
    box-shadow:0 0 0 2px var(--ink)
}
.custom-color{
    display:flex;
    align-items:center;
    gap:.6rem;
    font-size:.9rem;
    font-weight:600;
    color:var(--ink);
    cursor:pointer
}
.custom-color input{
    width:38px;
    height:38px;
    border:1px solid var(--line);
    border-radius:10px;
    padding:2px;
    background:var(--surface);
    cursor:pointer
}
.mode-btns{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(70px,1fr));
    gap:.4rem
}
.mode-btns>*{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    padding:.5rem;
    border:1.5px solid var(--line);
    border-radius:10px;
    background:var(--surface);
    color:var(--ink);
    font-size:.86rem;
    font-weight:700
}
.mode-btns>.active,.mode-btns>*:hover{
    border-color:var(--brand);
    color:var(--brand-text)
}
[data-bs-theme="light"] .mode-btns [data-mode="light"],[data-bs-theme="dark"] .mode-btns [data-mode="dark"],.mode-btns [data-radius].active{
    border-color:var(--brand);
    background:var(--brand-soft);
    color:var(--brand-text)
}

/* 22 Utilities, rails, chips, motion ------------------------------------------------- */
/* Horizontal rail (carousel): <div class="rail" data-rail> items </div> + buttons [data-rail-prev]/[data-rail-next] with data-target="#id" */
.rail{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:var(--rail-w,minmax(280px,1fr));
    gap:var(--rail-gap,1.25rem);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    padding:4px 2px 1rem;
    scrollbar-width:thin;
    scrollbar-color:var(--line) transparent;
    overscroll-behavior-x:contain
}
.rail>*{
    scroll-snap-align:start
}
.rail::-webkit-scrollbar{
    height:6px
}
.rail::-webkit-scrollbar-thumb{
    background:var(--line);
    border-radius:9px
}
/* Rails with arrow buttons hide their scrollbar; overflow-y:hidden stops a second, vertical bar (the cards' shadows are taller than the rail). A rail without buttons keeps a slim bar so a mouse can scroll it. */
.rail{
    overflow-y:hidden;
    scrollbar-width:none
}
.rail::-webkit-scrollbar{
    display:none
}
.section:not(:has([data-rail-next])) .rail{
    scrollbar-width:thin
}
.section:not(:has([data-rail-next])) .rail::-webkit-scrollbar{
    display:block;
    height:6px
}
.table-responsive{
    overflow-y:hidden
}
.rail-4{
    --rail-w:calc((100% - 3 * 1.25rem) / 4)
}
.rail-3{
    --rail-w:calc((100% - 2 * 1.25rem) / 3)
}
@media (max-width:991.98px){
    .rail-4,.rail-3{
        --rail-w:calc((100% - 1.25rem) / 2.2)
    }
}
@media (max-width:575.98px){
    .rail-4,.rail-3{
        --rail-w:82%
    }
}
.rail-nav{
    display:flex;
    gap:.5rem
}
.rail-nav button{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1.5px solid var(--line);
    background:var(--surface);
    color:var(--ink);
    font-size:1.1rem;
    transition:all .2s
}
.rail-nav button:hover:not(:disabled){
    background:var(--deep);
    border-color:var(--deep);
    color:#fff
}
.rail-nav button:disabled{
    opacity:.4
}
.section-deep .rail-nav button{
    background:transparent;
    border-color:rgba(255,255,255,.25);
    color:#fff
}
.chip{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.25rem .7rem;
    border-radius:99px;
    font-size:.78rem;
    font-weight:700;
    background:var(--tint);
    color:var(--ink)
}
.chip-ok{
    background:var(--accent-soft);
    color:var(--accent-text)
}
.chip-warn{
    background:var(--brand-2-soft);
    color:var(--brand-2-text)
}
.chip-brand{
    background:var(--brand-soft);
    color:var(--brand-text)
}
.badge-soft{
    display:inline-block;
    padding:.3rem .75rem;
    border-radius:99px;
    background:var(--brand-soft);
    color:var(--brand-text);
    font-size:.78rem;
    font-weight:800
}
.img-cover{
    width:100%;
    height:100%;
    object-fit:cover
}
.rounded-xl{
    border-radius:var(--radius)!important
}
.shadow-soft{
    box-shadow:var(--shadow)
}
.bg-surface{
    background:var(--surface)
}
.border-dashed{
    border:1.5px dashed var(--line)!important
}
.ratio-photo{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--sand)
}
.ratio-photo img{
    width:100%;
    height:100%;
    object-fit:cover
}
.video-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
.reveal{
    opacity:0;
    transform:translateY(26px);
    transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)
}
.reveal.is-in{
    opacity:1;
    transform:none
}
.no-js .reveal{
    opacity:1;
    transform:none
}
.float-y{
    animation:floatY 6s ease-in-out infinite
}
@keyframes floatY{
    50%{
        transform:translateY(-12px)
    }
}
.marquee{
    overflow:hidden;
    white-space:nowrap;
    -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)
}
.marquee-track{
    display:inline-flex;
    gap:3rem;
    animation:marquee 40s linear infinite;
    padding-right:3rem
}
.marquee:hover .marquee-track{
    animation-play-state:paused
}
@keyframes marquee{
    to{
        transform:translateX(-50%)
    }
}
@media (prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto
    }
    *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important
    }
    .reveal{
        opacity:1;
        transform:none
    }
}
/* Bootstrap's g-5 gutter is wider than the container padding on phones; keep it inside */
@media (max-width:575.98px){
    .row.g-5,.row.gx-5{
        --bs-gutter-x:1.5rem
    }
    :root{
        --header-h:68px
    }
    .brand-name{
        font-size:1.4rem
    }
    .brand-mark{
        width:36px;
        height:36px
    }
}

/* 23 Dark mode details --------------------------------------------------------------- */
[data-bs-theme="dark"] .wish-btn{
    background:rgba(20,22,21,.85);
    color:#f4ede4
}
[data-bs-theme="dark"] .polaroid{
    background:#f4ede4
}
[data-bs-theme="dark"] .site-footer,[data-bs-theme="dark"] .topbar,[data-bs-theme="dark"] .lp-footer{
    background:color-mix(in srgb,var(--deep-base) 40%,#080a09)
}
[data-bs-theme="dark"] .section-deep{
    background:color-mix(in srgb,var(--deep-base) 45%,#090b0a)
}
[data-bs-theme="dark"] .tc-badge{
    color:#1d1408
}
[data-bs-theme="dark"] .mc-remove:hover{
    background:rgba(255,120,100,.15);
    color:#ff9d8f
}
[data-bs-theme="dark"] .btn-light{
    background:#f4ede4
}
[data-bs-theme="dark"] .form-select{
    --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cdc4b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
[data-bs-theme="dark"] .stamp{
    color:var(--brand-2)
}

/* 24 Print ------------------------------------------------------------------------- */
@media print{
    .switcher,.switcher-toggle,.chat-float,.to-top,.cookie-bar,.mobile-cta,.preloader,.topbar,.site-header,.site-footer,.no-print{
        display:none!important
    }
    body{
        background:#fff;
        padding:0!important
    }
    .reveal{
        opacity:1!important;
        transform:none!important
    }
}

/* 25 Shared page overrides ---------------------------------------------------- */
/* Small adjustments of shared components that several page styles rely on. */
/* from account.css */
.it-tags{
    display:flex;
    flex-wrap:wrap;
    gap:.35rem
}
.it-tags a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px
}
@media (max-width:767.98px){
    .ct-head.ct-wish{
        display:none
    }
}
.hc-stars{
    display:flex;
    align-items:center;
    gap:.5rem;
    font-size:.85rem;
    color:var(--muted)
}
.hc-stars .stars{
    color:var(--brand-2-base)
}
@media print{
    html,body{
        background:#fff!important
    }
    .sticky-atc{
        display:none!important
    }
}
.shop-grid .product-card .pr-text{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.shop-grid.is-list .pr-text{
    -webkit-line-clamp:unset
}
@media (max-width:575.98px){
    .toolbar{
        border-radius:var(--radius)
    }
}
@media (max-width:575.98px){
    body:has(.sticky-atc.is-on) .mobile-cta{
        display:none
    }
}
.sticky-atc .satc-name small{
    display:block
}
.ct-table .ct-row{
    min-height:96px
}
.co-items{
    max-height:340px;
    overflow:auto
}
.timeline h3{
    font-size:1.08rem
}
@media print{
    [data-order-page] .btn,[data-order-page] .d-grid{
        display:none!important
    }
}
@media (max-width:575.98px){
    .ct-row .ct-actions{
        grid-column:1/-1;
        justify-content:flex-start
    }
}
/* from company.css */
.section-deep .stat span{
    color:color-mix(in srgb,#fff 70%,var(--deep))
}
@media (max-width:575.98px){
    #expertGrid{
        --bs-gutter-x:.9rem
    }
}
@media (max-width:575.98px){
    .map-pin{
        right:1rem
    }
}
.feature-card h3 .chip{
    vertical-align:middle;
    font-family:var(--font);
    font-size:.7rem
}
/* from homes-18-24.css */
.section-deep .price-card:not(.is-featured) h3{
    color:var(--ink)
}
.hero-kicker b{
    white-space:nowrap
}
/* from homes-2-9.css */
@media (max-width:575.98px){
    [data-isl-grid]{
        --bs-gutter-x:.75rem;
        --bs-gutter-y:.75rem
    }
}
/* from hotel.css */
@media (max-width:991.98px){
    .book-box{
        position:static
    }
}
[data-cap-note]{
    white-space:nowrap
}
.section-deep .form-done{
    color:var(--ink)
}
.hero-photo .demo-tag{
    color:rgba(255,255,255,.8)
}
/* from tours.css */
.filter-group .form-check-label span{
    display:inline-flex;
    align-items:center;
    gap:.35rem
}
.filter-group .form-check-label i{
    color:var(--brand-text)
}
.range-out output{
    font-weight:800
}
.view-btns a{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1.5px solid var(--line);
    background:var(--surface);
    color:var(--muted)
}
.view-btns a:hover{
    border-color:var(--brand);
    color:var(--brand-text)
}
.view-btns a.active{
    border-color:var(--brand);
    color:var(--brand-text);
    background:var(--brand-soft)
}
@media (max-width:575.98px){
    .toolbar{
        border-radius:var(--radius-sm);
        padding:.6rem
    }
    .toolbar>div{
        width:100%
    }
    .toolbar .form-select{
        width:100%
    }
}
.dates-table td small{
    font-size:.8rem
}
.dates-table b{
    color:var(--ink)
}
.table-responsive .dates-table{
    min-width:560px
}
.book-box .form-label{
    margin-bottom:.35rem
}
@media (max-width:991.98px){
    .book-box{
        position:static
    }
}
.filter-chips button small{
    opacity:.65;
    font-weight:700;
    margin-left:.15rem
}
.dd-title{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:.25rem 1.25rem;
    color:#fff;
    font-size:clamp(4rem,2rem + 9vw,9.5rem);
    font-weight:500;
    line-height:.9;
    letter-spacing:-.04em;
    margin:0 0 1rem
}
.dd-title .hand{
    font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem);
    color:var(--brand-2);
    transform:rotate(-4deg);
    margin-bottom:.8rem;
    letter-spacing:0
}
#hotelList,#tourList{
    display:grid;
    gap:1rem
}
#hotelList>.hotel-row,#tourList>.tour-row{
    margin:0
}
.review-card .score{
    margin-bottom:.75rem
}
#book,#stayBox{
    scroll-margin-top:calc(var(--header-h) + 1rem)
}
[data-video][hidden]{
    display:none!important
}