/* Page pays — refonte du 23/10/2026, d'après la maquette v2 validée par François (« go pour Pays », relevée au pixel : marges de 70 px, cartes de 420 px, gouttière de 20 px, rayon de 4 px).
   S'ajoute à city-near.css (base .cn) et à region.css (jetons --rg-*, carte avec cœur .rg-card / .rg-card-p / .rg-hrt, bouton .rg-btn, lien .rg-lk, titres .rg-h2 / .rg-sub).
   Préfixe cy- ; rien ne touche les autres pages. Héros scindé : le texte à gauche, la photo à droite, RIEN posé dessus ; son crédit dessous. Aucune étoile, aucun texte sur une photo sauf le cœur. */

.cy{--cy-band:#f4f2ee}
.cy .cy-nw{white-space:nowrap}
.cy .cy-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cy .cy-lk2{color:var(--rg-ink);font-weight:400;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:#b9bcc2}
.cy .cy-lk2:hover{text-decoration-color:var(--rg-ink)}

/* ── 1. Héros scindé ── */
.cy-hero{display:grid;grid-template-columns:minmax(0,1fr) 56.3%;align-items:start}
.cy-hero-t{padding:30px 14px 0 max(70px,calc((100vw - 1440px)/2 + 70px))}
.cy .cy-crumb{font-size:12.5px;color:var(--rg-meta)}
.cy .cy-crumb ol{display:flex;gap:2px 10px;flex-wrap:wrap}
.cy .cy-crumb li:not(:last-child)::after{content:"/";margin-left:10px;opacity:.6}
.cy .cy-crumb a:hover{text-decoration:underline}
.cy .cy-h1{font-size:45px;line-height:56px;font-weight:500;letter-spacing:-.02em;margin-top:30px;color:var(--rg-ink);text-wrap:balance}
.cy .cy-tag{font-size:24px;line-height:32px;font-weight:500;margin-top:10px;color:var(--rg-ink);letter-spacing:-.01em}
.cy .cy-lead{font-size:17.5px;line-height:28px;color:var(--rg-body);margin-top:10px;max-width:520px}
.cy .cy-by{font-size:12.5px;color:var(--rg-meta);margin-top:12px}
.cy .cy-hero .cy-btn{margin-top:18px;min-height:50px;width:409px;max-width:100%;padding:0 20px;border-radius:4px;font-size:16px;gap:14px}
.cy-hero-f{margin:0;min-width:0}
.cy .cy-hero-img{height:490px;object-position:var(--cy-focus,50% 50%)}
.cy .cy-hero-cr{font-size:11.5px;line-height:16px;color:var(--rg-mute);padding:8px 0 0 0}
.cy .cy-hero-cr a{text-decoration:underline;text-underline-offset:2px}
.cy-hero--text{grid-template-columns:1fr}
.cy-hero--text .cy-hero-t{padding-bottom:36px}

/* ── 2. Où faire de la randonnée… ── */
.cy .cy-pv-s{padding-top:52px}
.cy .cy-pvs{margin-top:18px;row-gap:18px}
.cy .cy-pv-ph{height:224px}
.cy .cy-pv-b{padding:13px 22px 17px;display:flex;flex-direction:column;flex:1}
.cy .cy-pv-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cy .cy-pv-n{font-size:20px;line-height:27px;font-weight:600;letter-spacing:-.015em;color:var(--rg-ink)}
.cy .cy-pv-n a:hover,.cy .cy-pp-n a:hover{text-decoration:underline}
.cy .cy-pv-c{font-size:13.5px;color:var(--rg-mute);white-space:nowrap}
.cy .cy-pv-p{font-size:15px;line-height:22px;color:var(--rg-meta);margin-top:3px;flex:1}
.cy .cy-pv-d{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--rg-body);margin-top:12px}
.cy .cy-pv-d .rg-i{margin-top:2px;color:var(--rg-ink);width:16px;height:16px}
.cy .cy-pv-d a,.cy .cy-pp-d a{color:var(--rg-ink);font-weight:500}
.cy .cy-pv-d a:hover,.cy .cy-pp-d a:hover{text-decoration:underline}
.cy .cy-pv-l{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px;font-size:14.5px}
.cy .cy-pps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:18px}
.cy .cy-pp-ph{height:150px}
.cy .cy-pp-b{padding:11px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.cy .cy-pp-n{font-size:15.5px;line-height:21px;font-weight:600;color:var(--rg-ink);letter-spacing:-.01em}
.cy .cy-pp-c{font-size:12.5px;line-height:18px;color:var(--rg-mute);margin-top:1px}
.cy .cy-pp-d{font-size:12.5px;line-height:18px;color:var(--rg-body);margin-top:7px;flex:1}
.cy .cy-pp-b .rg-lk{display:inline;font-size:13px;line-height:18px;margin-top:9px}
.cy .cy-pp-b .rg-lk .rg-i{display:inline;vertical-align:-2px;margin-left:5px;width:13px;height:13px}
.cy .cy-pp-b .cy-lk2{font-size:12.5px;line-height:18px;margin-top:5px}
.cy .cy-pv-note{font-size:12.5px;color:var(--rg-mute);margin-top:12px}

/* ── 3. Quel voyage de randonnée as-tu en tête ? ── */
.cy .cy-vy-s{padding-top:52px}
.cy .cy-vys{margin-top:16px}
.cy .cy-vy-ph{height:246px}
.cy .cy-vy-b{padding:14px 22px 18px;display:flex;flex-direction:column;flex:1}
.cy .cy-vy-n{font-size:20px;line-height:27px;font-weight:600;letter-spacing:-.015em;color:var(--rg-ink)}
.cy .cy-vy-p{font-size:15px;line-height:22px;color:var(--rg-meta);margin-top:4px;flex:1}
.cy .cy-vy-e{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--rg-body);margin-top:14px}
.cy .cy-vy-e .rg-i{margin-top:2px;color:var(--rg-ink);width:16px;height:16px}
.cy .cy-vy-e a{color:var(--rg-ink);font-weight:500}
.cy .cy-vy-e a:hover{text-decoration:underline}
.cy .cy-cc-m{display:flex;align-items:center;gap:13px;margin-top:12px;font-size:13.8px;color:var(--rg-meta);white-space:nowrap}
.cy .cy-cc-m span{display:inline-flex;align-items:center;gap:7px}
.cy .cy-cc-m .rg-i-m{width:18px;height:18px}
.cy .cy-cc-m .rg-lk{margin-left:auto;font-size:14.4px;gap:6px}
.cy .cy-vy-x{margin-top:16px;font-size:14.5px;color:var(--rg-body);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cy .cy-vy-x .rg-lk{font-size:14.5px}

/* ── 4. Le bon paysage, au bon moment ── */
.cy .cy-bm{display:grid;grid-template-columns:50.35% minmax(0,1fr);background:var(--cy-band);margin-top:48px;min-height:286px}
.cy .cy-bm--text{grid-template-columns:1fr;padding:34px 0 34px max(70px,calc((100vw - 1440px)/2 + 70px))}
.cy .cy-bm-ph{height:100%;min-height:286px}
.cy .cy-bm-t{padding:24px 36px 24px 40px;display:flex;flex-direction:column;justify-content:center}
.cy .cy-bm--text .cy-bm-t{padding:0}
.cy .cy-bm .rg-h2{font-size:31px;line-height:38px}
.cy .cy-bm-p{font-size:15.5px;line-height:24px;color:var(--rg-body);margin-top:8px}
.cy .cy-bm-l{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:20px;flex-wrap:wrap}
.cy .cy-bm-l li{display:inline-flex;align-items:center;gap:8px;color:var(--rg-ink)}
.cy .cy-bm-l .rg-i-m{width:20px;height:20px}
.cy .cy-bm-l .rg-lk{font-size:13.6px;gap:5px;color:var(--rg-redd)}
.cy .cy-bm-cr{font-size:11.5px;color:var(--rg-mute);margin-top:16px}

/* ── 5. Avant de prendre la route ── */
.cy .cy-av-s{padding-top:48px}
.cy .cy-av{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.cy .cy-av-c{display:grid;grid-template-columns:30px minmax(0,1fr);gap:20px;padding:4px 36px 4px 0}
.cy .cy-av-c+.cy-av-c{border-left:1px solid var(--rg-line);padding-left:36px}
.cy .cy-av-i{width:32px;height:32px;color:var(--rg-ink)}
.cy .cy-av-c h3{font-size:16.5px;line-height:23px;font-weight:600;color:var(--rg-ink)}
.cy .cy-av-c p{font-size:14.3px;line-height:22px;color:var(--rg-meta);margin-top:6px}
.cy .cy-rx{background:var(--cy-band);border-radius:4px;margin-top:28px;padding:24px 30px 20px}
.cy .cy-rx-h{display:grid;grid-template-columns:40px minmax(0,1fr);gap:22px;align-items:center}
.cy .cy-rx-i{width:40px;height:40px;color:var(--rg-ink)}
.cy .cy-rx-h h3{font-size:17.5px;line-height:24px;font-weight:600;color:var(--rg-ink)}
.cy .cy-rx-h p{font-size:14.3px;line-height:21px;color:var(--rg-meta);margin-top:2px}
.cy .cy-rx-l{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cy .cy-rx-l li{background:#fff;border-radius:4px;padding:14px 16px;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(20,24,33,.05)}
.cy .cy-rx-l b{font-size:14.5px;font-weight:600;color:var(--rg-ink)}
.cy .cy-rx-l p{font-size:13.3px;line-height:19.5px;color:var(--rg-body);margin-top:4px;flex:1}
.cy .cy-rx-l .rg-lk{font-size:13px;margin-top:10px;gap:5px;align-self:flex-start}
.cy .cy-rx-l .rg-lk .rg-i{width:13px;height:13px}
.cy .cy-rx-n{font-size:12px;color:var(--rg-mute);margin-top:12px}

/* ── 6. Questions fréquentes ── */
.cy .cy-f{padding-top:44px;padding-bottom:44px}
.cy .cy-fq{margin-top:12px;border-top:1px solid var(--rg-line)}
.cy .cy-fq details{border-bottom:1px solid var(--rg-line)}
.cy .cy-fq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:0 6px 0 14px;cursor:pointer}
.cy .cy-fq summary::-webkit-details-marker{display:none}
.cy .cy-fq summary:focus-visible{outline:2px solid var(--rg-red);outline-offset:-2px}
.cy .cy-fq h3{font-size:15.5px;font-weight:500;color:var(--rg-ink)}
.cy .cy-fq .rg-i-q{width:18px;height:18px}
.cy .cy-fq details[open] .rg-i-q{transform:rotate(180deg)}
.cy .cy-fq p{padding:0 60px 16px 14px;font-size:14.8px;line-height:1.6;color:var(--rg-body);max-width:1000px}

/* ── Tablette : le héros se pose sur une colonne, les rangées de cartes se resserrent ── */
@media (max-width:1023px){
  .cy-hero{display:flex;flex-direction:column-reverse}
  .cy .cy-hero-img{height:auto;aspect-ratio:4/3;max-height:520px}
  .cy .cy-hero-cr{padding:6px 24px 0}
  .cy-hero-t{padding:14px 24px 4px}
  .cy .cy-h1{margin-top:18px}
  .cy .cy-lead{max-width:none}
  .cy .cy-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cy .cy-pps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cy .cy-bm{display:block;min-height:0;margin-top:44px}
  .cy .cy-bm-ph{height:auto;min-height:0;aspect-ratio:16/9}
  .cy .cy-bm-t{padding:24px 24px 28px}
  .cy .cy-bm--text{padding:28px 24px}
  .cy .cy-av{grid-template-columns:minmax(0,1fr);gap:18px}
  .cy .cy-av-c,.cy .cy-av-c+.cy-av-c{border:0;padding:0}
  .cy .cy-rx-l{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── Mobile ── */
@media (max-width:700px){
  .cy .cy-dbr{display:none}
  .cy-hero-t{padding:14px 16px 4px}
  .cy .cy-hero-cr{padding:6px 16px 0}
  .cy .cy-hero-img{aspect-ratio:4/3}
  .cy .cy-h1{font-size:34px;line-height:40px}
  .cy .cy-tag{font-size:20px;line-height:28px}
  .cy .cy-lead{font-size:16.5px;line-height:25px}
  .cy .cy-hero .cy-btn{width:100%}
  .cy .cy-pv-s{padding-top:44px}
  .cy .cy-g3{grid-template-columns:minmax(0,1fr);gap:16px}
  .cy .cy-pv-ph{height:auto;aspect-ratio:16/8.5}
  .cy .cy-pv-b{padding:13px 18px 16px}
  .cy .cy-pps{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}
  .cy .cy-pp{display:grid;grid-template-columns:132px minmax(0,1fr)}
  .cy .cy-pp>a{display:block}
  .cy .cy-pp-ph{height:100%;min-height:150px}
  .cy .cy-pp-b{padding:11px 14px 13px}
  .cy .cy-pp-n{font-size:16px}
  .cy .cy-vy-s{padding-top:44px}
  .cy .cy-vy-ph{height:auto;aspect-ratio:16/9}
  .cy .cy-vy-b{padding:14px 18px 18px}
  .cy .cy-cc-m{gap:8px 14px;font-size:14.5px;flex-wrap:wrap}
  .cy .cy-vy-x{display:block}
  .cy .cy-vy-x .rg-lk{margin-top:4px}
  .cy .cy-bm .rg-h2{font-size:26px;line-height:32px}
  .cy .cy-bm-t{padding:24px 16px 28px}
  .cy .cy-bm--text{padding:28px 16px}
  .cy .cy-bm-l{flex-direction:column;gap:12px}
  .cy .cy-av-s{padding-top:44px}
  .cy .cy-av-c,.cy .cy-av-c+.cy-av-c{gap:14px;grid-template-columns:28px minmax(0,1fr)}
  .cy .cy-av-i{width:28px;height:28px}
  .cy .cy-rx{padding:20px 16px 16px;margin-left:-16px;margin-right:-16px;border-radius:0}
  .cy .cy-rx-h{grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
  .cy .cy-rx-i{width:32px;height:32px}
  .cy .cy-rx-h h3{font-size:16.5px}
  .cy .cy-rx-l{grid-template-columns:minmax(0,1fr);gap:0;background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(20,24,33,.05)}
  .cy .cy-rx-l li{box-shadow:none;border-radius:0;padding:12px 14px}
  .cy .cy-rx-l li+li{border-top:1px solid var(--rg-line)}
  .cy .cy-rx-l .rg-lk{margin-top:6px}
  .cy .cy-f{padding-top:44px}
  .cy .cy-fq summary{padding:10px 2px}
  .cy .cy-fq h3{font-size:15px}
  .cy .cy-fq p{padding:0 2px 14px}
}