/* EHCNYC - Homepage Tweaks: program showcase redesign. Loaded on the front page only. */

/* Hide the "Save up to $100 OFF" badge on every program. */
.program-offer{display:none !important;}

/* Each program becomes an elevated card with a brand gradient accent + hover lift. */
.program-item-row{
	background:#ffffff;
	border:1px solid #edf1f3;
	border-radius:24px;
	box-shadow:0 14px 46px rgba(9,46,57,.10);
	padding:clamp(20px,3vw,40px) !important;
	margin-bottom:32px;
	align-items:center;
	transition:transform .25s ease, box-shadow .25s ease;
	overflow:hidden;
	position:relative;
}
.program-item-row:hover{transform:translateY(-4px);box-shadow:0 24px 64px rgba(9,46,57,.15);}
.program-item-row::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#8BCBDD,#092E39);}

/* Heading + moved subtitle. */
.opening-section-txt h2.normal-typeface{margin:0 0 8px;line-height:1.08;}
.ehc-subtitle{color:#5a6b73;font-size:0.45em;font-weight:600;vertical-align:middle;}

/* "Multi-dose vial (MDV)" as a teal pill. */
.opening-section-txt .mb-3{
	display:inline-block;
	color:#48929c;
	background:#eef7fa;
	border-radius:999px;
	padding:5px 14px;
	font-size:.8em;
	font-weight:600;
	margin-bottom:20px !important;
}

/* Price hero: small eyebrow over a big bold number. */
.opening-section-txt .larger-font{margin:6px 0 22px;}
.ehc-price-eyebrow{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#93a0a8;font-weight:700;margin-bottom:3px;}
.ehc-price-num{display:block;font-size:clamp(34px,4vw,46px);font-weight:800;color:#092E39;line-height:1;}

/* Benefits as a teal checkmark list, with a divider above. */
.ehc-benefits{list-style:none;margin:0 0 22px;padding:20px 0 0;border-top:1px solid #eef2f4;}
.ehc-benefits li{position:relative;padding-left:32px;margin:0 0 12px;line-height:1.45;color:#3c4a52;}
.ehc-benefits li::before{
	content:"\2713";
	position:absolute;left:0;top:1px;
	width:22px;height:22px;line-height:22px;text-align:center;
	border-radius:50%;background:#8BCBDD;color:#092E39;
	font-size:13px;font-weight:700;
}

.opening-section-txt .pink-asterisk{font-size:.82em;color:#93a0a8;margin-top:12px;}

/* Buttons: rounder, bolder, hover lift; primary is a teal gradient with a glow.
   Kept side by side and equal-width at EVERY screen size - nowrap + flex:1 1 0
   means the two buttons shrink together instead of wrapping unevenly, so they
   stay aligned on mobile and at heavy desktop zoom. */
.opening-section-txt .ehc-btn-group{display:flex !important;flex-wrap:nowrap !important;gap:12px !important;margin-top:26px;align-items:stretch !important;}
.opening-section-txt .ehc-btn{flex:1 1 0 !important;min-width:0 !important;box-sizing:border-box !important;text-align:center !important;white-space:nowrap !important;border-radius:12px;padding:14px 12px !important;font-weight:700;transition:transform .15s ease, box-shadow .18s ease;}
.opening-section-txt .ehc-btn.ehc-cta{background:linear-gradient(135deg,#4fa0b0,#2f7f8f) !important;border:none !important;box-shadow:0 8px 22px rgba(72,153,170,.4);}
.opening-section-txt .ehc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,46,57,.2);}