/* Section styles shared by all pages */
/* ===== TRUST STRIP ===== */
.trust{padding:30px 0;background:var(--night);color:var(--on-night)}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust li{display:flex;align-items:baseline;gap:12px;font:500 1rem/1.4 var(--f-display)}
.trust li::before{content:"";width:12px;height:12px;flex:none;background:#E2B65B;clip-path:polygon(50% 0,61% 25%,85% 15%,75% 39%,100% 50%,75% 61%,85% 85%,61% 75%,50% 100%,39% 75%,15% 85%,25% 61%,0 50%,25% 39%,15% 15%,39% 25%);transform:translateY(1px)}
@media (max-width:900px){.trust ul{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.trust ul{grid-template-columns:1fr}}

/* ===== TOURS ===== */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.chip{border:0;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--night);font:600 .92rem/1 var(--f-display);padding:12px 18px;border-radius:999px;cursor:pointer;transition:background .3s var(--ease-out),color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.chip[aria-pressed="true"]{background:var(--night);color:#fff;box-shadow:none}
.tours{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
@media (max-width:1000px){.tours{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tours{grid-template-columns:1fr}}
.tour{background:var(--panel);border-radius:var(--r);padding:16px 16px 22px;box-shadow:0 1px 0 var(--line),0 30px 50px -40px rgba(15,35,56,.5);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),opacity .4s var(--ease-out)}
.tour:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--line),0 34px 60px -36px rgba(15,35,56,.55)}
.tour[hidden]{display:none}
.tour .img{aspect-ratio:4/4.3;overflow:hidden}
.tour .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.tour:hover .img img{transform:scale(1.05)}
.tour .meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:18px 6px 8px;font:400 .74rem/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-line)}
.tour .days-n{font:800 2.1rem/1 var(--f-display);color:var(--accent);letter-spacing:-.02em}
.tour h3{font-size:1.32rem;font-weight:700;margin:0 6px 8px}
.tour .route{margin:0 6px 14px;color:var(--text-secondary);font-size:.98rem;line-height:1.5}
.tour .acts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 6px 0}
details.days{margin:0 6px}
details.days summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line);font:600 .95rem/1.2 var(--f-display);color:var(--night)}
details.days summary::-webkit-details-marker{display:none}
details.days summary::after{content:"+";font:400 1.4rem/1 var(--f-display);color:var(--accent);transition:transform .35s var(--ease-out)}
details.days[open] summary::after{transform:rotate(45deg)}
details.days ol{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:12px;counter-reset:d}
details.days li{counter-increment:d;display:grid;grid-template-columns:44px 1fr;gap:10px;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}
details.days li::before{content:"Tag " counter(d);font:400 .7rem/1.6 var(--f-mono);letter-spacing:.06em;color:var(--gold-line);padding-top:2px}
details.days li b{display:block;color:var(--night);font:600 .98rem/1.3 var(--f-display);margin-bottom:2px}
.incl{margin:10px 0 0;font-size:.88rem;color:var(--text-secondary)}

/* ===== EXPERIENCES (night) ===== */
.exp{display:grid;gap:clamp(56px,7vw,96px)}
.exp-row{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.exp-row:nth-child(even) .exp-img{order:2}
.exp-img{aspect-ratio:4/3;border-radius:240px 240px var(--r) var(--r);overflow:hidden;position:relative}
.exp-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.8s var(--ease-out)}
.in .exp-img img{transform:scale(1)}
.exp-txt .n{font:400 .78rem/1 var(--f-mono);letter-spacing:.2em;color:#E2B65B}
.exp-txt h3{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;margin:.4em 0 .5em}
.exp-txt p{color:var(--on-night-2);max-width:52ch}
.exp-txt ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px;color:var(--on-night)}
.exp-txt li{display:flex;gap:10px;align-items:baseline}
.exp-txt li::before{content:"";width:6px;height:6px;border-radius:50%;background:#E2B65B;flex:none;transform:translateY(-2px)}
@media (max-width:820px){.exp-row{grid-template-columns:1fr}.exp-row:nth-child(even) .exp-img{order:0}}

/* ===== TREKKING ===== */
.trek{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,90px);align-items:start}
.trek-head{position:sticky;top:110px}
.trek-list{display:grid;gap:22px}
.trek-item{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;background:var(--panel);border-radius:var(--r);padding:16px 24px 16px 16px;box-shadow:0 1px 0 var(--line)}
.trek-item .ti{aspect-ratio:3/4;overflow:hidden}
.trek-item .ti img{width:100%;height:100%;object-fit:cover}
.trek-item h3{font-size:1.35rem;font-weight:700;margin:6px 0 8px}
.trek-item p{color:var(--text-secondary);font-size:.98rem;margin-bottom:12px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tag{font:400 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--canvas-deep);color:#5A4630}
.link{font:600 .95rem/1 var(--f-display);color:var(--accent-hover);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 0}
.link:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.trek{grid-template-columns:1fr}.trek-head{position:static}}
@media (max-width:520px){.trek-item{grid-template-columns:96px 1fr;padding:14px;gap:16px}}

/* ===== STEPS ===== */
.steps-sec{background:var(--canvas-deep)}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.steps svg.path{position:absolute;left:8%;right:8%;top:44px;width:84%;height:30px;overflow:visible;color:var(--gold)}
.steps svg.path path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.2s var(--ease-out) .3s}
.steps.in svg.path path{stroke-dashoffset:0}
.step{position:relative;text-align:center;padding:0 10px}
.step .ic{width:88px;height:88px;margin:0 auto 22px;border-radius:50% 50% 14px 14px;background:var(--night);color:#F0C677;display:flex;align-items:center;justify-content:center;position:relative}
.step .ic svg{width:38px;height:38px}
.step .num{font:400 .74rem/1 var(--f-mono);letter-spacing:.2em;color:var(--gold-line)}
.step h3{font-size:1.35rem;font-weight:700;margin:.5em 0 .4em}
.step p{color:var(--text-secondary);max-width:34ch;margin-inline:auto}
@media (max-width:820px){.steps{grid-template-columns:1fr;gap:44px}.steps svg.path{display:none}}

/* ===== ABOUT + GALLERY ===== */
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:start}
.about p{color:var(--on-night-2)}
.about .facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.about .fact{border-top:1px solid rgba(255,255,255,.16);padding-top:14px}
.about .fact b{display:block;font:800 1.2rem/1.2 var(--f-display);color:#fff;margin-bottom:4px}
.about .fact span{font-size:.95rem;color:var(--on-night-2)}
.gallery{columns:3 160px;column-gap:12px}
.gallery figure{margin:0 0 12px;break-inside:avoid;border-radius:12px;overflow:hidden;background:#1d3550}
.gallery img{width:100%;height:auto;transition:transform 1s var(--ease-out)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery-note{font-size:.9rem;color:var(--on-night-2);margin-top:14px}
@media (max-width:900px){.about{grid-template-columns:1fr}}

/* ===== SUR MESURE ===== */
.sm-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:980px){.sm-grid{grid-template-columns:1fr}}
.map-card{background:var(--night);border-radius:var(--r);padding:22px;color:var(--on-night);position:sticky;top:96px}
@media (max-width:980px){.map-card{position:static}}
.map-card .hint{font:400 .78rem/1.4 var(--f-mono);letter-spacing:.08em;color:#E2B65B;margin:0 0 12px}
.map{width:100%;height:auto;display:block}
.map .land{fill:#16304B;stroke:#C69A3C;stroke-width:1.2;stroke-linejoin:round}
.map .fade{pointer-events:none}
.map .route{fill:none;stroke:#E8963F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 7}
.map .city{cursor:pointer}
.map .city circle.dot{fill:#F3E9D8;stroke:#0F2338;stroke-width:2;transition:fill .3s,r .3s}
.map .city circle.hit{fill:transparent}
.map .city text{font:500 12.5px var(--f-display);fill:#C9BBA4;paint-order:stroke;stroke:#16304B;stroke-width:3px;transition:fill .3s}
.map .city:hover text,.map .city:focus text{fill:#fff}
.map .city.on circle.dot{fill:#E8963F}
.map .city.on text{fill:#FFE2B8}
.map .city .badge{font:700 10px var(--f-display);fill:#0F2338;stroke:none;text-anchor:middle;pointer-events:none}
.map .city:focus{outline:none}
.map .city:focus-visible circle.dot{stroke:#E8963F;stroke-width:4}
.picked{display:flex;flex-wrap:wrap;gap:6px;min-height:34px;margin-top:12px;align-items:center}
.picked .pill{font:500 .85rem/1 var(--f-display);background:rgba(232,150,63,.18);color:#FFE2B8;padding:7px 10px;border-radius:999px}
.picked .empty{font-size:.92rem;color:var(--on-night-2)}
.map-tools{display:flex;gap:10px;margin-top:12px}
.map-tools button{background:none;border:0;color:#F0C677;font:600 .88rem/1 var(--f-display);cursor:pointer;padding:10px 4px}
form.smf{display:grid;gap:18px;background:var(--panel);border-radius:var(--r);padding:clamp(22px,3vw,36px);box-shadow:0 1px 0 var(--line),0 30px 60px -44px rgba(15,35,56,.5)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){.f2{grid-template-columns:1fr}}
.fld{display:grid;gap:7px}
.fld label,.fld legend{font:600 .9rem/1.2 var(--f-display);color:var(--night)}
.fld .opt{font:400 .8rem/1 var(--f-body);color:var(--text-secondary);font-style:italic}
.fld input,.fld select,.fld textarea{width:100%;font:400 1rem/1.4 var(--f-body);color:var(--text-primary);background:#fff;border:1.5px solid var(--line-strong);border-radius:12px;padding:12px 14px;transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.fld textarea{min-height:96px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-muted)}
fieldset.fld{border:0;padding:0;margin:0}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{font:500 .9rem/1 var(--f-display);display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer;transition:background .25s,box-shadow .25s,color .25s}
.checks input{position:absolute;opacity:0;width:1px;height:1px}
.checks label:has(input:checked){background:var(--night);color:#fff;box-shadow:none}
.checks label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.form-note{font-size:.9rem;color:var(--text-secondary);margin:0}
.sent{display:none;background:#E9F4EC;border-radius:12px;padding:16px 18px;color:#174D2C;font-size:.98rem}
.sent.show{display:block}
.sent a{color:#174D2C;font-weight:600}

/* ===== MAGAZIN ===== */
.mag-sec{background:var(--canvas-deep)}
.posts{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:24px}
.posts .post:first-child{grid-row:span 2}
.posts .post:first-child .ph{aspect-ratio:auto;flex:1;min-height:280px}
.posts .post:first-child h3{font-size:1.6rem}
.posts .post:nth-child(4){grid-column:2 / 4;flex-direction:row}
.posts .post:nth-child(4) .ph{aspect-ratio:auto;width:42%;flex:none}
@media (max-width:980px){.posts{grid-template-columns:1fr 1fr}.posts .post:first-child{grid-column:span 2;grid-row:auto}.posts .post:nth-child(4){grid-column:auto;flex-direction:column}.posts .post:nth-child(4) .ph{width:auto;aspect-ratio:16/10}}
@media (max-width:600px){.posts{grid-template-columns:1fr}.posts .post:first-child{grid-column:auto}}

/* ===== FAQ ===== */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
@media (max-width:860px){.faq{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:22px 0;font:600 1.12rem/1.35 var(--f-display);color:var(--night)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.5rem/1 var(--f-display);color:var(--accent);transition:transform .35s var(--ease-out);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--text-secondary);margin:-6px 0 22px;max-width:60ch}

/* ===== FINAL CTA ===== */
.final{position:relative;min-height:92vh;display:flex;align-items:flex-start;padding-top:clamp(70px,11vh,120px);overflow:hidden;color:var(--night)}
.final .bg{position:absolute;inset:0;background:#C98A55 url("/assets/hero-ending.jpg") 50% 100%/cover no-repeat;transform:scale(1.06);transform-origin:50% 100%;transition:transform 2.4s var(--ease-out)}
.final.in .bg{transform:scale(1)}
.final::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,238,216,.72),rgba(255,238,216,.5) 45%,rgba(255,238,216,0) 70%)}
.final .wrap{position:relative;z-index:1;text-align:center;display:grid;justify-items:center}
.final h2{font-weight:800;font-size:clamp(2.6rem,6vw,5.4rem);max-width:14ch;line-height:1}
.final p{font-size:1.18rem;max-width:44ch;margin:22px 0 26px;color:#2A2216;background:rgba(255,242,224,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 22px;border-radius:16px}
.final .arch-draw{width:90px;height:110px;color:var(--night);margin-bottom:18px}
.final .arch-draw path{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 2.4s var(--ease-out) .2s}
.final.in .arch-draw path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.final .arch-draw path,.steps svg.path path{stroke-dashoffset:0}.exp-img img,.final .bg{transform:none}}