/* ══════════════════════════════════════════════════════════════════════════
   v3.45 — Signature Amenities: redesigned to match the "Collection" card
   language (bigger full-bleed imagery, wider cards, left-aligned body,
   bordered/shadowed surface with a hover lift) instead of the old small
   center-aligned, uniformly-padded icon tiles.
   ══════════════════════════════════════════════════════════════════════════ */

.hl-highlights-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));
  gap:clamp(1.25rem,2.4vw,2rem);
}

.hl-highlight-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:left;
  background:var(--hl-white);
  border:1px solid var(--hl-border);
  border-radius:var(--hl-radius-lg);
  overflow:hidden;
  box-shadow:var(--hl-shadow-sm);
  padding:0;
  transition:transform var(--hl-transition),box-shadow var(--hl-transition),border-color var(--hl-transition);
}
.hl-highlight-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--hl-shadow-lg);
  border-color:color-mix(in srgb,var(--hl-gold) 40%,var(--hl-border));
}

/* Full-bleed image, larger than the old 4/3 tile inset with margin */
.hl-highlight-card__media{
  width:100%;
  aspect-ratio:4/3;
  border-radius:0;
  overflow:hidden;
  margin:0;
}
.hl-highlight-card__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
.hl-highlight-card:hover .hl-highlight-card__media img{ transform:scale(1.06); }

/* Icon-only cards (no photo) keep a centered glyph, same as before,
   but sized to sit comfortably above the new body padding */
.hl-highlight-card:not(.has-image){
  align-items:center;
  text-align:center;
  padding:2rem 1.25rem 1.75rem;
}
.hl-highlight-card:not(.has-image) .hl-highlight-card__icon{
  margin:0 auto 1rem;
}

.hl-highlight-card__body{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:clamp(1.15rem,2vw,1.6rem);
  flex:1;
}
.hl-highlight-card:not(.has-image) .hl-highlight-card__body{
  padding:0;
  align-items:center;
  text-align:center;
}

.hl-highlight-card h4{ font-weight:600; margin:0; font-size:1.05rem; }
.hl-highlight-card p{ font-size:.88rem; color:var(--hl-text-muted); line-height:1.65; margin:0; }

.hl-highlight-card__explore{
  margin-top:.35rem;
  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); }