/* ══════════════════════════════════════════════════════════════════════════
   v3.44 — Experiences "View in Detail" flow
   - Collection cards + Signature Amenities get an Explore/View-in-Detail link
   - New standalone /experiences/{slug}/ detail page
   ══════════════════════════════════════════════════════════════════════════ */

/* Collection card: foot now stacks meta + a row of actions */
.hl-xp-card__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem 1.25rem;
  margin-top:.65rem;
  padding-top:.65rem;
  border-top:1px solid var(--hl-border);
}
.hl-xp-card__explore{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.8rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--hl-dark);
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.hl-xp-card__explore span{ transition:transform var(--hl-transition); }
.hl-xp-card__explore:hover{ color:var(--hl-gold-dark); }
.hl-xp-card__explore:hover span{ transform:translateX(4px); }

/* Signature Amenities: optional photo + Explore link */
.hl-highlight-card{ position:relative; display:flex; flex-direction:column; align-items:center; }
.hl-highlight-card__media{
  width:100%;
  aspect-ratio:4/3;
  border-radius:var(--hl-radius);
  overflow:hidden;
  margin-bottom:1rem;
}
.hl-highlight-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.hl-highlight-card__explore{
  margin-top:.75rem;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.76rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--hl-gold-dark);
  font-weight:600;
  text-decoration:none;
}
.hl-highlight-card__explore span{ transition:transform var(--hl-transition); }
.hl-highlight-card__explore:hover span{ transform:translateX(4px); }

/* ══ Experience/Amenity detail page ══════════════════════════════════════ */
.hl-xd-gallery{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:1rem;
  margin-bottom:2.5rem;
}
.hl-xd-gallery__main{
  border-radius:var(--hl-radius);
  overflow:hidden;
  aspect-ratio:4/3;
}
.hl-xd-gallery__main img{ width:100%; height:100%; object-fit:cover; display:block; }
.hl-xd-gallery__side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:1rem;
}
.hl-xd-gallery__side img{
  width:100%; height:100%; object-fit:cover; display:block;
  border-radius:var(--hl-radius);
}
.hl-xd-gallery--single{ grid-template-columns:1fr; }
.hl-xd-gallery--single .hl-xd-gallery__main{ aspect-ratio:16/9; }

.hl-xd-body{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:3rem;
  align-items:start;
}
.hl-xd-copy p{
  font-size:1rem;
  line-height:1.9;
  color:var(--hl-text-secondary);
  margin-bottom:1.25rem;
}
.hl-xd-facts{
  background:var(--hl-subtle,#f7f5f1);
  border-radius:var(--hl-radius);
  padding:1.75rem;
  display:flex;
  flex-direction:column;
  gap:1.1rem;
}
.hl-xd-facts__row{ display:flex; flex-direction:column; gap:.2rem; }
.hl-xd-facts__row span{ font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--hl-text-muted); }
.hl-xd-facts__row strong{ font-size:1.05rem; color:var(--hl-dark); font-weight:600; }
.hl-xd-facts .hl-btn{ width:100%; text-align:center; justify-content:center; }

.hl-xd-back{
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.78rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--hl-text-muted); text-decoration:none; margin-bottom:1.5rem;
}
.hl-xd-back:hover{ color:var(--hl-gold-dark); }

@media (max-width: 782px){
  .hl-xd-gallery{ grid-template-columns:1fr; }
  .hl-xd-gallery__side{ grid-template-columns:1fr 1fr; grid-template-rows:none; }
  .hl-xd-body{ grid-template-columns:1fr; gap:2rem; }
}