/* Selvana — shared styling for the generated tour pages.
   One file rather than a copy inside each page: 94 pages carrying their own
   copy of this would add several megabytes and make a design change a
   94-file edit. */
:root{--emerald:#0F5C43;--forest:#0A3D2E;--teal:#2FA6A0;--gold:#C9A24B;
--gold-deep:#a9852f;--sand:#F5EFE3;--ink:#14261f;--grey:#5f6f67;
--radius:18px;--shadow:0 18px 45px -20px rgba(10,61,46,.35)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);
background:var(--sand);line-height:1.65;overflow-x:hidden;
-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;
line-height:1.18;color:var(--forest)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}
.eyebrow{font-weight:600;letter-spacing:.26em;text-transform:uppercase;
font-size:.72rem;color:var(--gold-deep)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
font-weight:600;font-size:.95rem;padding:.85rem 1.7rem;border-radius:100px;
border:2px solid transparent;transition:.25s}
.btn-gold{background:var(--gold);color:var(--forest)}
.btn-gold:hover{background:var(--gold-deep);color:#fff}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.16)}
.btn-outline{background:transparent;border-color:var(--emerald);color:var(--emerald)}
.btn-outline:hover{background:var(--emerald);color:#fff}

.topbar{background:var(--forest);color:#dfeae4;font-size:.82rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;
padding:8px 24px;flex-wrap:wrap}
.topbar a{color:#dfeae4}.topbar a:hover{color:var(--gold)}
.lang a{padding:2px 8px;border-radius:6px;font-weight:600}
.lang a.on{background:var(--gold);color:var(--forest)}

header{position:sticky;top:0;z-index:60;background:rgba(245,239,227,.94);
backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,92,67,.12)}
nav{display:flex;align-items:center;justify-content:space-between;
padding:12px 24px;max-width:1000px;margin:0 auto;gap:14px}
.word{font-family:'Playfair Display',serif;font-weight:700;font-size:1.3rem;
letter-spacing:.12em;color:var(--emerald)}
.navr a{color:var(--forest);font-weight:500;font-size:.92rem}
.navr a:hover{color:var(--gold-deep)}

.hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;
color:#fff;overflow:hidden;background:var(--forest)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-bg{position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(10,61,46,.3),rgba(10,61,46,.35) 40%,rgba(10,61,46,.92))}
.hero .wrap{position:relative;z-index:2;padding-top:70px;padding-bottom:44px}
.crumb{font-size:.82rem;color:#cfe0d9;margin-bottom:12px}
.crumb a:hover{color:var(--gold)}
.hero h1{color:#fff;font-size:2.5rem;margin:8px 0 10px;max-width:22ch}
.pull{font-size:1.1rem;color:#e8f2ee;font-style:italic;max-width:46ch;
margin-bottom:22px}
.badge{display:inline-block;background:var(--gold);color:var(--forest);
font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
padding:4px 11px;border-radius:100px;margin-bottom:10px}
.facts{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px;
padding-top:20px;border-top:1px solid rgba(255,255,255,.25)}
.fact b{display:block;font-size:1.15rem;color:#fff;font-weight:600}
.fact span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
color:#a9c9bd}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

main{padding:56px 0 20px}
.card{background:#fff;border-radius:var(--radius);padding:34px 32px;
margin-bottom:24px;box-shadow:var(--shadow)}
.card h2{font-size:1.5rem;margin-bottom:12px}
.card p{margin:.6rem 0;color:#2c3f37}
.note{background:var(--sand);border-left:3px solid var(--gold);
border-radius:0 10px 10px 0;padding:14px 18px;margin:16px 0}
.note b{color:var(--forest)}
.note p{margin:.2rem 0;font-size:.94rem}

.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
gap:12px;margin-top:16px}
.gal img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}

.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
gap:16px;margin-top:16px}
.relcard{background:#fff;border-radius:14px;overflow:hidden;
box-shadow:var(--shadow);transition:.25s}
.relcard:hover{transform:translateY(-3px)}
.relcard img{aspect-ratio:2/1;object-fit:cover;width:100%}
.relbody{padding:14px 16px}
.relbody h3{font-size:1rem;margin-bottom:6px}
.relprice{color:var(--gold-deep);font-weight:700;font-size:.92rem}

.bookbar{background:var(--emerald);color:#fff;border-radius:var(--radius);
padding:34px 32px;text-align:center;margin-bottom:24px}
.bookbar h2{color:#fff;font-size:1.6rem;margin-bottom:8px}
.bookbar p{color:#d5e8e0;max-width:46ch;margin:0 auto 20px}

footer{background:var(--forest);color:#b9d2c8;padding:34px 0 40px;
font-size:.87rem;margin-top:26px}
footer a{color:#e4d3a8}
footer .wrap>div{margin:.3rem 0}

@media(max-width:640px){
 .hero h1{font-size:1.75rem}
 .hero{min-height:52vh}
 .card,.bookbar{padding:24px 20px}
 .facts{gap:18px}
}