/* ═══════════════════════════════════════════════════════════════════
   Nomad Trails Mongolia — shared stylesheet for index.html + details.html
   Palette: "pine & copper" dark editorial (established in Redesign v2).
   Rename the brand: search "Nomad Trails" in the .html files.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --pine:#0F1614; --pine-2:#16211D; --pine-3:#1B2823; --moss:#243B31;
  --bone:#EFEAE0; --bone-dim:#B9B2A4; --copper:#C97B4A; --copper-hot:#E2915C;
  --hair:rgba(239,234,224,.14);
  --good:#7FB77E; --bad:#C96A5E;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,sans-serif;background:var(--pine);color:var(--bone);line-height:1.65}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;line-height:1.1;font-weight:600}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--copper-hot);text-transform:uppercase}
section{padding:88px 0}
h2{font-size:clamp(30px,4.5vw,44px);margin-top:10px}
.lead{max-width:680px;color:var(--bone-dim);font-size:17px;margin-top:14px}

/* ── Header ── */
header{position:absolute;top:0;left:0;right:0;z-index:20}
header.solid{position:static;background:var(--pine-2);border-bottom:1px solid var(--hair)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;max-width:1120px;margin:0 auto}
.logo{font-family:'Fraunces',serif;font-weight:700;font-size:20px;color:var(--bone)}
.logo span{color:var(--copper-hot)}
.nav-links{display:flex;gap:28px;font-size:14px;font-weight:600;color:var(--bone)}
.nav-links a{opacity:.85}
.nav-links a:hover{opacity:1;color:var(--copper-hot)}
@media(max-width:760px){.nav-links{gap:16px;font-size:13px}}
@media(max-width:560px){.nav-links a.hide-sm{display:none}}

/* ── Buttons ── */
.btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:800;font-size:15px;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--copper);color:#fff}
.btn-primary:hover{background:var(--copper-hot)}
.btn-ghost{border:1.5px solid rgba(239,234,224,.4);color:var(--bone)}
.cta-row{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}

/* ── Hero ── */
.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(15,22,20,.55) 0%,rgba(15,22,20,.15) 40%,rgba(15,22,20,.92) 100%),
  url('https://images.unsplash.com/photo-1493787039806-2edcbe808750?auto=format&fit=crop&w=1920&q=75') center/cover no-repeat}
.hero-inner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:140px 24px 90px}
.hero .eyebrow{margin-bottom:14px}
.hero h1{font-size:clamp(40px,7vw,76px);max-width:800px;color:var(--bone)}
.hero h1 em{font-style:italic;color:var(--copper-hot)}
.hero p{margin-top:20px;font-size:18px;max-width:580px;color:var(--bone-dim)}
.hero-facts{position:relative;z-index:2;border-top:1px solid var(--hair)}
.hero-facts .wrap{display:flex;gap:36px;flex-wrap:wrap;padding-top:22px;padding-bottom:26px;font-size:13px;color:var(--bone-dim)}
.hero-facts b{color:var(--bone)}

/* Page hero — shorter, used on details.html */
.page-hero{padding:74px 0 0;border-bottom:1px solid var(--hair)}
.page-hero h1{font-size:clamp(34px,5.5vw,56px);max-width:820px}
.page-hero p{margin-top:16px;max-width:680px;color:var(--bone-dim);font-size:17px}
.page-hero .wrap{padding-bottom:56px}

/* ── Expedition cards ── */
.exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;margin-top:48px}
.exp{background:var(--pine-2);border:1px solid var(--hair);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.exp:hover{transform:translateY(-5px);border-color:rgba(226,145,92,.45)}
.exp img{height:210px;width:100%;object-fit:cover}
.exp-body{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1}
.exp h3{font-size:23px}
.exp .meta{font-size:13px;font-weight:700;color:var(--copper-hot);letter-spacing:.06em;text-transform:uppercase}
.exp p{font-size:14.5px;color:var(--bone-dim);flex:1}
.exp ul{list-style:none;font-size:13.5px;color:var(--bone-dim);display:flex;flex-direction:column;gap:6px;margin:4px 0}
.exp ul li::before{content:"— ";color:var(--copper)}
.price{font-weight:800;font-size:16px;color:var(--bone)}
.price span{font-weight:600;color:var(--bone-dim)}
.flag{display:inline-block;background:rgba(201,123,74,.16);border:1px solid rgba(226,145,92,.4);color:var(--copper-hot);font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:999px;text-transform:uppercase;align-self:flex-start}

/* ── Home water (split feature) ── */
.water{background:var(--pine-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.water-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
@media(max-width:860px){.water-grid{grid-template-columns:1fr;gap:34px}}
.water-photo{border-radius:20px;overflow:hidden;height:430px}
.water-photo img{width:100%;height:100%;object-fit:cover}
.water p{color:var(--bone-dim);margin-top:14px;font-size:15.5px}
.pinlist{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:15px}
.pinlist li{display:flex;gap:12px;font-size:14.5px;color:var(--bone-dim)}
.pinlist b{color:var(--bone);display:block;font-size:15px}
.pinlist .dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--copper);margin-top:8px}

/* ── River chips (the wider taimen range) ── */
.rivers{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.river-chip{border:1px solid var(--hair);background:var(--pine-3);border-radius:999px;padding:9px 16px;font-size:13.5px;color:var(--bone-dim)}
.river-chip b{color:var(--bone);font-weight:700}

/* ── Season bar ── */
.season{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:34px}
@media(max-width:700px){.season{grid-template-columns:repeat(2,1fr)}}
.mon{background:var(--pine-3);border:1px solid var(--hair);border-radius:14px;padding:16px 14px}
.mon.peak{background:rgba(201,123,74,.15);border-color:rgba(226,145,92,.5)}
.mon .m{font-family:'Fraunces',serif;font-size:19px;color:var(--bone)}
.mon .d{font-size:12.5px;color:var(--bone-dim);margin-top:5px}
.mon.peak .d{color:var(--copper-hot);font-weight:700}

/* ── Creator strip ── */
.creator{background:var(--moss)}
.creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin-top:42px}
.c-item h3{font-size:16.5px;font-family:'Manrope',sans-serif;font-weight:800;margin-bottom:6px}
.c-item p{font-size:14px;color:#C9D4C6}
.c-item .n{font-family:'Fraunces',serif;font-size:26px;color:var(--copper-hot);margin-bottom:8px}

/* ── Conservation ── */
.conserve{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.conserve .wrap{display:flex;gap:44px;align-items:center;flex-wrap:wrap}
.conserve img{width:340px;max-width:100%;border-radius:18px;object-fit:cover;height:260px}
.conserve-text{flex:1;min-width:280px}
.conserve p{color:var(--bone-dim);margin-top:12px;font-size:15.5px}

/* ── Included / not included ── */
.inout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
@media(max-width:760px){.inout{grid-template-columns:1fr}}
.inout-card{background:var(--pine-2);border:1px solid var(--hair);border-radius:20px;padding:32px}
.inout-card h3{font-size:20px;margin-bottom:6px}
.inout-card .sub{font-size:13px;color:var(--bone-dim);margin-bottom:18px}
.inout-card ul{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:14.5px;color:var(--bone-dim)}
.inout-card li{display:flex;gap:11px;align-items:flex-start}
.mark{flex:none;font-weight:800;font-size:13px;line-height:1.55}
.yes .mark{color:var(--good)}
.no .mark{color:var(--bad)}
.yes{border-color:rgba(127,183,126,.3)}
.no{border-color:rgba(201,106,94,.3)}

/* ── Destination cards (rich) ── */
.dest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:46px}
.dest{background:var(--pine-2);border:1px solid var(--hair);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.dest:hover{transform:translateY(-5px);border-color:rgba(226,145,92,.45)}
.dest img{height:200px;width:100%;object-fit:cover}
.dest-body{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.dest h3{font-size:22px}
.dest .meta{font-size:12.5px;font-weight:700;color:var(--copper-hot);letter-spacing:.06em;text-transform:uppercase}
.dest p{font-size:14.5px;color:var(--bone-dim)}
.dest .bullets{list-style:none;font-size:13.5px;color:var(--bone-dim);display:flex;flex-direction:column;gap:6px;flex:1}
.dest .bullets li::before{content:"— ";color:var(--copper)}
.dest .when{font-size:13px;color:var(--bone-dim);border-top:1px solid var(--hair);padding-top:13px}
.dest .when b{color:var(--bone)}

/* ── Spec table (details page) ── */
.spec{border-top:1px solid var(--hair);margin-top:20px}
.spec-row{display:grid;grid-template-columns:210px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--hair)}
@media(max-width:760px){.spec-row{grid-template-columns:1fr;gap:10px;padding:24px 0}}
.spec-key{font-family:'Fraunces',serif;font-size:20px;color:var(--bone)}
.spec-val{font-size:15.5px;color:var(--bone-dim)}
.spec-val p+p{margin-top:12px}
.spec-val b{color:var(--bone)}
.spec-val ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}
.spec-val ul li::before{content:"— ";color:var(--copper)}

/* price lines with dotted leaders, fishmongolia-style */
.plines{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.pline{display:flex;align-items:baseline;gap:10px;font-size:15.5px}
.pline .pl-name{color:var(--bone-dim)}
.pline .pl-fill{flex:1;border-bottom:1px dotted rgba(239,234,224,.28);transform:translateY(-4px)}
.pline .pl-num{color:var(--bone);font-weight:800;white-space:nowrap}

/* trips-at-a-glance table */
.tbl{width:100%;border-collapse:collapse;margin-top:30px;font-size:14.5px;min-width:640px}
.tbl th,.tbl td{text-align:left;padding:15px 14px;border-bottom:1px solid var(--hair);vertical-align:top}
.tbl th{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-hot);font-weight:800}
.tbl td{color:var(--bone-dim)}
.tbl td:first-child{color:var(--bone);font-weight:700}
.tbl-scroll{overflow-x:auto}

/* callout */
.note{background:var(--pine-2);border:1px solid var(--hair);border-left:3px solid var(--copper);border-radius:12px;padding:20px 24px;margin-top:26px;font-size:14.5px;color:var(--bone-dim)}
.note b{color:var(--bone)}

/* ── Contact ── */
.contact-card{margin-top:40px;background:var(--pine-2);border:1px solid var(--hair);border-radius:22px;padding:46px;display:flex;flex-wrap:wrap;gap:34px;justify-content:space-between;align-items:center}
.contact-lines{font-size:15px;line-height:2.1;color:var(--bone-dim)}
.contact-lines b{color:var(--bone)}
footer{padding:36px 24px;text-align:center;font-size:12.5px;color:#6E695E;line-height:2}
footer a{text-decoration:underline}