.signup_page_custom .storeAccount {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  align-items: center;
}

.signup_page_custom h3.startjoin {
display: flex;
  align-items: center;
  justify-content: center;
}

.signup_page_custom h3.startjoin::before {
  content: "Step 1:";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  padding-right:6px;
}

.signup_page_custom .selectM h3::before {
  content: "Step 2:";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  padding-right:6px;
}

.signup_page_custom .paymentMethod h3::before {
  content: "Step 3:";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  padding-right:6px;
}

.signup_page_custom .rebill_info {
	width:100%;
margin: auto;
margin-top:25px !important;
font-size:13px;
font-weight: 500;
opacity: 0.6;
}

.signup_page_custom .rebill_info_mobile {
display:none;
}
  

.price_mobile {display: none !important;}

.signup_page_custom .membership_opt_select {
	width:100%;
margin: auto;
margin-top:10px !important;
padding:14px 20px;
font-weight: 600;
font-size:15px;
}


.signup_page_custom .createAccount {margin: auto;width: 100%;max-width: 1280px;}

.signup_page_custom .createFull {max-width: 640px;margin: auto;}

.signup_page_custom .createFull {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 15px;
}

.signup_page_custom .createFull .createHalf {
  width: auto !important;
  flex: 1 1 0 !important;
  min-width: 0;
}

.signup_page_custom .customFull {
  padding-bottom: 24px;
  display: flex;
  justify-content: space-between;
}

.signup_page_custom .cAccount, .signup_page_custom .paymentMethod {text-align: center;}

.signup_page_custom .paymentMethod {padding-bottom: 20px;margin-top: 40px;}

.signup_page_custom .paymentM label {margin-right: 5px;}

.signup_page_custom .paymentM img {height: 60px;width: auto;}

.signup_page_custom .paymentM {display: flex;justify-content: center;align-items: center;gap: 12px;flex-wrap: wrap;}

.signup_page_custom .cAccount h3, .signup_page_custom .paymentMethod h3 {padding-bottom: 25px;}

.signup_page_custom .storePic, .signup_page_custom .benefits, .signup_page_custom .memberships label i {display: none !important;}

.signup_page_custom .memberships {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}

.signup_page_custom .membership {float:none !important;
	width: 100%;
	top:0;
	display: block;
	font-size:17px;
line-height: 1.6;
padding-bottom:25px;
}

.signup_page_custom .membership span {
  font-weight: 600;}

.signup_page_custom .couponform,.signup { width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.signup_page_custom .price {
 font-size: 3rem;
}

.signup_page_custom .price span {
  display: block;
}

.signup_page_custom .createBox {
  height: 41px;
  border: 1px solid #dfdfdf;
  padding: 0 16px;
  font-size: 15px;
  color: #797a7a;
  width: 100%;
}


/* override existing block layout */
.signup_page_custom .memberships label {
  display: flex;              /* was block */
  align-items: center;
  margin-bottom: 0;           /* remove vertical stacking spacing */
  height: fit-content;
  text-align: center;
  width: calc(33.333% - 9px); /* 3 per row */
  box-sizing: border-box;
  max-width: 280px;
  padding: 25px;
}


.signup_page_custom .memberships label {
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: all 0.2s ease;
  background: #fff;
}


/* highlight selected */
.signup_page_custom .memberships label:has(input:checked) {
  border-color: #4caf50;
  background: #e8f5e9;
}

.signup_page_custom .price {
  float: none !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  width: 100%;text-align: center;
}



.signup_page_custom .memberships label {
  display: flex;
  flex-direction: column;   /* THIS is what you are missing */
  align-items: flex-start;  /* keeps everything left aligned */
}

.signup_page_custom .membership {
  float: none !important;
  top: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  position: static !important;
}

.signup_page_custom .rebill_info_standard {display: none;}

.membership_opt_select::before {
	content: "CHOOSE PLAN";
}

.memberships label:has(input.join_option:checked) .membership_opt_select::before {
	content: "SELECTED";
}

.price-rel {
	display: inline-block !important;
	font-size: 0.6em;
	vertical-align: top;
	position: relative;
	top: 0.15em;
}

@media (max-width: 900px) {
  .signup_page_custom .memberships label {
	width: calc(50% - 7px); /* 2 per row */
  }
  .signup_page_custom .paymentM label {margin-right: 0px;}
  .signup_page_custom .paymentM img {height: 35px;width: auto;}
}


@media (max-width: 767px) {
	
	
	.signup_page_custom .memberships {display: block;}
	
	.signup_page_custom .memberships label {
	  margin-bottom: 13px;
	  height: fit-content;	  	  
	  box-sizing: border-box;
	  width: 100%;
	  max-width: 780px !important;
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: center;
	}
	
	.signup_page_custom .rebill_info_standard {display: block !important;}
	
	.signup_page_custom .membership_opt_select {display: none;}
	
 
.price_mobile {display: inline-block !important;}
	
	.memberships span {
	  margin: auto;
	}
	
.signup_page_custom .text_med {
		width: 100%;
		text-align: left !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}
	
	.membership span {
	 font-weight: normal !important;
	}
	
	.membership_duration {display: none;}	
	
	.signup_page_custom .membership {
	text-align: left;
		font-weight: 600;
		text-transform: uppercase;
		padding-bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: left;
		
		}
	
	.memberships .price {
		font-size: 22px;
		font-weight: 700;
		text-align: right;
		width: auto;
		flex-shrink: 0;
		margin-left: auto;
	}
	
	
	
	.price-rel {
		display: inline-block !important;
		font-size: 22px;
		vertical-align: top;
		position: relative;
		top: 0;
	}
	
	.signup_page_custom .rebill_info {
		width:100%;
	margin: auto;
	margin-top:25px !important;
	font-size:13px;
	font-weight: 500;
	opacity: 0.6;
	display: none;
	}
	
	.signup_page_custom .rebill_info_mobile {
	display:inline-block;
	}
	
	
  }