/* ═══════════════════════════════════════════════════════════════════════
   Pages packs — sections de fiche produit : médiathèque, itinéraire
   jour par jour, inclus / non inclus. Charte olive, mêmes repères
   typographiques que les pages lieux.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Médiathèque ────────────────────────────────────────────────────── */
.pk-galerie{ display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin:1.2rem 0 2.4rem; }
.pk-galerie .pk-img{
  position:relative; aspect-ratio:4/3; border-radius:10px; overflow:hidden;
  background-size:cover; background-position:center; border:0; padding:0;
  cursor:zoom-in; transition:transform .2s, box-shadow .2s;
}
.pk-galerie .pk-img:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,.16); }
/* emplacement à remplir : même motif rayé que les blocs photo du site */
.pk-galerie .pk-vide{
  aspect-ratio:4/3; border-radius:10px; cursor:default;
  background:repeating-linear-gradient(135deg,rgba(200,164,64,.09) 0 9px,transparent 9px 18px),
             linear-gradient(160deg,#2A5238,#152E1F);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.5); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;
}
/* Visionneuse plein écran */
.pk-visio{
  position:fixed; inset:0; z-index:3000; background:rgba(12,24,18,.94);
  display:none; align-items:center; justify-content:center; padding:1.5rem;
}
.pk-visio.on{ display:flex; }
.pk-visio img{ max-width:100%; max-height:88vh; border-radius:10px; }
.pk-visio .pk-fermer{
  position:absolute; top:1rem; right:1.2rem; width:42px; height:42px; border:0; border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff; font-size:1.5rem; line-height:1; cursor:pointer;
}
.pk-visio .pk-nav{
  position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border:0;
  border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:1.4rem; cursor:pointer;
}
.pk-visio .pk-prec{ left:1rem; } .pk-visio .pk-suiv{ right:1rem; }

/* ── Itinéraire jour par jour ───────────────────────────────────────── */
.pk-jours{ margin:1.2rem 0 2.4rem; }
.pk-jour{ display:flex; gap:1.1rem; padding:1.1rem 0; border-top:1px solid rgba(27,58,40,.12); }
.pk-jour:first-child{ border-top:0; }
.pk-jour .pk-num{
  flex:0 0 auto; width:42px; height:42px; border-radius:50%; background:var(--green); color:var(--gold);
  display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif; font-size:1.05rem; font-weight:700;
}
.pk-jour h3{ font-family:'Playfair Display',serif; color:var(--navy); font-size:1.12rem; margin-bottom:.3rem; }
.pk-jour p{ font-size:.92rem; color:#3a4139; line-height:1.6; }
.pk-jour .pk-etape{
  display:block; margin-top:.35rem; font-size:.72rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; color:var(--gold);
}

/* ── Inclus / non inclus ────────────────────────────────────────────── */
.pk-deux{ display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin:1.2rem 0 1rem; }
.pk-boite{ border:1px solid rgba(27,58,40,.14); border-radius:12px; padding:1.3rem 1.4rem; background:var(--white); }
.pk-boite h3{
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  margin-bottom:.9rem; padding-bottom:.6rem; border-bottom:2px solid;
}
.pk-boite.pk-inc h3{ color:var(--green); border-color:var(--green); }
.pk-boite.pk-exc h3{ color:var(--red);   border-color:var(--red); }
.pk-boite ul{ list-style:none; }
.pk-boite li{ position:relative; padding-left:1.6rem; margin-bottom:.55rem; font-size:.9rem; color:#3a4139; line-height:1.5; }
.pk-boite li::before{ position:absolute; left:0; top:0; font-weight:700; }
.pk-boite.pk-inc li::before{ content:'\2713'; color:var(--green); }
.pk-boite.pk-exc li::before{ content:'\2715'; color:var(--red); }
.pk-note{ font-size:.82rem; color:var(--gray); line-height:1.6; margin-bottom:2.2rem; }

/* ── Téléphone ──────────────────────────────────────────────────────── */
@media (max-width:700px){
  .pk-galerie{ grid-template-columns:1fr 1fr; gap:.6rem; }
  .pk-deux{ grid-template-columns:1fr; }
  .pk-jour{ gap:.85rem; }
  .pk-jour .pk-num{ width:36px; height:36px; font-size:.95rem; }
}