/* --------------------------------------------------
   Smile Package Card – core styles
---------------------------------------------------*/

.package-card{
  padding:2rem 1.5rem;
  border:1px solid var(--wp--preset--color--contrast-3,#e5e5e5);
  border-radius:1rem;
  background:#fff;
  box-shadow:0 6px 12px rgba(0,0,0,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
.package-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 18px rgba(0,0,0,.10);
}

.package-card .tagline{
  font-size:.95rem;
  color:var(--wp--preset--color--contrast-2,#666);
  margin-top:-.5rem;
  margin-bottom:1rem;
}

.package-card ul{
  margin:1rem 0 1.25rem;
  padding-left:1.1rem;
  list-style:"✔︎ ";
}

.package-card .price{
  font-size:1.15rem;
  margin-bottom:1rem;
}

/* Optional: “Most popular” highlight ----------------*/
.package-card.featured{
  border-color:var(--wp--preset--color--primary,#43aa8b);
  position:relative;
}
.package-card.featured::before{
  content:"Most popular";
  position:absolute;
  top:-10px;
  right:-10px;
  background:var(--wp--preset--color--primary,#43aa8b);
  color:#fff;
  font-size:.75rem;
  padding:.25rem .5rem;
  border-radius:.25rem;
}

/* Optional grid helper if you wrap cards in .package-grid --------*/
.package-grid{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}