/* Стиль страниц отдельных туров TENGRI (генерируются scripts/build-content.js).
   Общий лёгкий файл — подключается на каждой странице /tury/<slug>/. */
:root{
  --ink:#0B0B0D; --night:#101219; --paper:#F2EFE6; --paper-dim:#cbc7bb;
  --amber:#E8531B; --amber-soft:#F5853F; --teal:#3FB8C4; --muted:#8A8578;
  --line:rgba(242,239,230,.14); --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:'Manrope',system-ui,sans-serif;font-weight:300;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:960px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}

/* nav */
header.tnav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,5vw,48px);background:rgba(16,18,25,.72);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.tnav .brand{font-family:'Unbounded',sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em}
header.tnav .brand sup{color:var(--amber)}
header.tnav nav a{font-size:14px;color:var(--paper-dim);margin-left:22px}
header.tnav nav a:hover{color:var(--paper)}
@media(max-width:640px){header.tnav nav a{margin-left:14px;font-size:13px}}

/* breadcrumb */
.crumbs{font-size:13px;color:var(--muted);padding:22px 0 0}
.crumbs a:hover{color:var(--paper)}
.crumbs span{color:var(--paper-dim)}

/* hero */
.thero{padding:26px 0 8px}
.thero .tag{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);border:1px solid var(--line);border-radius:999px;padding:5px 13px;margin-bottom:18px}
.thero h1{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(30px,6vw,54px);line-height:1.04;letter-spacing:-.01em}
.thero .meta{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:baseline;margin-top:20px}
.thero .price{font-family:'Unbounded',sans-serif;font-weight:600;font-size:clamp(24px,4vw,34px);color:var(--amber-soft)}
.thero .price small{font-size:14px;color:var(--muted);font-family:'Manrope',sans-serif}
.thero .dur{font-size:15px;color:var(--paper-dim)}

.tcover{margin:28px 0;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--night)}
.tcover img{width:100%;height:100%;object-fit:cover}

.lead{font-size:clamp(17px,2.4vw,20px);color:var(--paper);max-width:70ch;margin:6px 0 30px}

section.block{padding:26px 0;border-top:1px solid var(--line)}
section.block h2{font-family:'Unbounded',sans-serif;font-weight:600;font-size:22px;margin-bottom:18px}

/* program */
.prog{list-style:none;display:grid;gap:14px}
.prog li{position:relative;padding-left:26px;color:var(--paper-dim);font-size:16px}
.prog li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--amber)}

/* details */
.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 26px}
.details .row .k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.details .row .v{font-size:16px;color:var(--paper)}

/* cta */
.tcta{margin:34px 0 10px;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--night)}
.tcta h2{margin-bottom:8px}
.tcta p{color:var(--paper-dim);margin-bottom:20px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:500;font-size:15px;border:1px solid transparent;transition:.2s var(--ease)}
.btn.primary{background:var(--amber);color:var(--ink)}
.btn.primary:hover{background:var(--amber-soft)}
.btn.ghost{border-color:var(--line);color:var(--paper)}
.btn.ghost:hover{border-color:var(--paper)}

/* other tours */
.more-tours{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.more-tours a{font-size:14px;color:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:8px 15px}
.more-tours a:hover{color:var(--paper);border-color:var(--paper)}

footer.tfoot{margin-top:40px;padding:34px clamp(20px,5vw,48px);border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer.tfoot a{color:var(--paper-dim)}
footer.tfoot a:hover{color:var(--paper)}
footer.tfoot .fcontacts{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:10px}