/* card stylings */
[data-nsmc] .package-card.extraspace {
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .5rem;
}
 
/* card header background color */
[data-nsmc] .extraspace:hover.package-card > .card-header {
    background-color: #099c98;
    color: white;
    }


[data-nsmc] .extraspace.package-card .price {
	 /* font-size: 1.3rem; */
	 color: inherit;
	 font-weight: 600;
    }
[data-nsmc] .extraspace.package-card .price .starting_at {
  font-size: 0.75rem;
  font-style: italic;
  color: #099c98;
}
[data-nsmc] .package-card .price .price_itself {
  /* color: red; */
}
[data-nsmc] .package-card .price .price_suffix {
  /* color: red; */
}



/* Make columns flex containers so cards can stretch */
[data-nsmc] .row.g-4.align-items-start > [class*="col"] {
  display: flex;
}

/* Ensure each card stretches to fill its column */
[data-nsmc] .row.g-4.align-items-start > [class*="col"] > .package-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Let body fill remaining space; your mt-auto CTA then anchors at bottom */
[data-nsmc] .package-card .card-body {
  line-height: 1.5;
  flex: 1 1 auto;
}