<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1243/dORX12430762.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Online,Registration" />
<meta name="title" content="Online Registration - CHAI CENTER-CHABAD" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="390169-390177-1510773-537697" />
<meta name="article-keywords" content="16026-2185-1709-2471-1674-8495-2170-2898-20962" />
<meta name="scope-aid" content="390169" />
<meta name="scope-aid" content="390177" />
<meta name="scope-aid" content="1510773" />
<meta name="scope-aid" content="537697" />
<meta name="article-keyword" content="16026" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="1709" />
<meta name="article-keyword" content="2471" />
<meta name="article-keyword" content="1674" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.mychaicenter.com/templates/articlecco_cdo/aid/537697/jewish/Online-Registration.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Online Registration - CHAI CENTER-CHABAD" /><link rel="canonical" href="https://www.mychaicenter.com/templates/articlecco_cdo/aid/537697/jewish/Online-Registration.htm" />
<link rel="icon" type="image/png" href="https://www.mychaicenter.com/media/images/1243/dORX12430762.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/global.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/skins/beige.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/navy.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/hebrew_school/new-styles.css" id="k16026" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/fundraising/FundraisingTickerltr.css" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css" id="kprettyPhoto" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Online Registration - CHAI CENTER-CHABAD
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2007-07-08","primaryArticleId":537697,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Hebrew School ","contentLevel3":"Online Registration","siteName":"CHAI CENTER-CHABAD"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":2,"hebrewDate":"5786-04-15"}});
		dataLayer.push({ 'articleHierarchy': '-390169-390177-1510773-537697-', 'keywords': '-k20962-k2898-k2170-k8495-k1674-k2471-k1709-k2185-k16026-', 'k': '-390169-390177-1510773-537697--k20962-k2898-k2170-k8495-k1674-k2471-k1709-k2185-k16026-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 1690645;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "2c25e207";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c3.statcounter.com/counter.php?sc_project=1690645&amp;java=0&amp;security=2c25e207&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="g5R683IMfZg7Hww8bf2qlUC8cAz7tu_PiY0RUu0vy3s" />

<script>
const h1 = document.querySelector('h1');
if (h1 && h1.innerHTML === 'Page Not Found') {
 window.location.href = '/';
}
</script></head>
<body class="lang_en dir_ltr cco_body form secure section_branch">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>MyChaiCenter.com</b>
</div>
	<div id="header">
		<div class="wrapper">
			
<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/tools/feedback.asp">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/6486697">About</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link donate_link">
					<a href="/4970020">Donate</a>
				</div>
				
			
			
				<div class="topBarLink">
					

<div id="loginHeaderContainer" class="">
	
</div>

				</div>
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div id="header_container" class="clearfix">
				<div id="header_branding" class="no_outline  logo">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left right_padding"><a href="/"><img src="https://w2.chabad.org/media/images/1243/dORX12430762.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="CHAI CENTER-CHABAD" class="site_title" style="margin-left:115px;">CHAI CENTER-CHABAD<span class="site_subtitle clearfix">A independent affiliate of the Chabad Centers of Coral Springs</span></a>
				</div>
			</div>
			
			
			<script>
var primaryNavigationVersion = "635675976000000000";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper desktop-only" data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="6486697" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/6486697/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/6486697/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="6486697"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7349975" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7349976/jewish/Our-Recipe.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="7349976">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Our Recipe</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349977/jewish/Volunteer.htm" class="item" id="menu_item2-2" data-menu-level="2" data-aid="7349977">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Volunteer</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349981/jewish/Donate.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="7349981">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Donate</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349982/jewish/Contact-Us.htm" class="item" id="menu_item2-4" data-menu-level="2" data-aid="7349982">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Contact Us</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7349978/jewish/Upcoming-Events.htm" class="child_item default" data-menu-level="3" data-aid="7349978"><span>Upcoming Events</span></a>
<a href="/templates/articlecco_cdo/aid/7349979/jewish/Join-the-Volunteer-List.htm" class="child_item default" data-menu-level="3" data-aid="7349979"><span>Join the Volunteer List</span></a>
<a href="/templates/articlecco_cdo/aid/7349980/jewish/Create-Your-Own-Kindness-Project.htm" class="child_item default" data-menu-level="3" data-aid="7349980"><span>Create Your Own Kindness Project</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7349983/jewish/Refer-or-Request-a-Meal.htm" class="child_item default" data-menu-level="3" data-aid="7349983"><span>Refer or Request a Meal</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/7349975/jewish/Kitchen-of-Kindness.htm" class="parent">Kitchen&nbsp;of<br />Kindness</a></div></span><a href="/templates/section_cdo/aid/7349975/jewish/Kitchen-of-Kindness.htm" class="bg_extension js-parent-menu-link" data-aid="7349975"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="5330464" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.mychaicenter.com/building" class="parent">Capital<br />Campaign</a></div></span><a href="http://www.mychaicenter.com/building" class="bg_extension js-parent-menu-link" data-aid="5330464"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="1314483" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/5618285/jewish/JLI.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="5618285">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>JLI</span>
</a>
<a href="/templates/articlecco_cdo/aid/5965839/jewish/Learn-to-Read-Hebrew.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="5965839">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Learn to Read Hebrew </span>
</a>
<a href="/templates/articlecco_cdo/aid/1314485/jewish/Instructors.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="1314485">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Instructors</span>
</a>
<a href="/templates/articlecco_cdo/aid/1314487/jewish/Online-Study.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="1314487">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Online Study</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/1314483/jewish/Adult-Education.htm" class="parent">Adult<br />Education</a></div></span><a href="/templates/section_cdo/aid/1314483/jewish/Adult-Education.htm" class="bg_extension js-parent-menu-link" data-aid="1314483"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7351781" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.chaicentermikvah.com" class="parent">Chai&nbsp;Center<br />Mikvah</a></div></span><a href="http://www.chaicentermikvah.com" class="bg_extension js-parent-menu-link" data-aid="7351781"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7350292" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/section_cdo/aid/7350292/jewish/Chai-Center-Event-Hall.htm" class="parent">Chai&nbsp;Center<br />Event&nbsp;Hall</a></div></span><a href="/templates/section_cdo/aid/7350292/jewish/Chai-Center-Event-Hall.htm" class="bg_extension js-parent-menu-link" data-aid="7350292"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="3728917" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.mychaicenterpreschool.com" class="parent">Preschool</a></div></span><a href="http://www.mychaicenterpreschool.com" class="bg_extension js-parent-menu-link" data-aid="3728917"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="4128868" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="parent">Donate<br />Online</a></div></span><a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="bg_extension js-parent-menu-link" data-aid="4128868"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style>
div#ContentArea {
    float: unset;
    width: auto;
    margin: auto;
}
.ProgramsContainer .TitlesContainer {
display:block
}
</style>

<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_content_head">
<table border="0" cellSpacing="0" cellPadding="0" width="100%">
<tbody>
<tr>
<td class="chabad_logo" align="left">
<h1>

<div>
<a href="/1510773">
<img border="0" alt="Chabad Hebrew School" src="https://w2.chabad.org/images/shluchim/minisites/themes/hebrew_school/hebrew_logo.png" width="159" height="107" /></a></div>
<div></div></h1></td>
<td class="chabad_text_head">

<img border="0" alt="Educate your child... educate a generation!" src="https://w2.chabad.org/images/shluchim/minisites/themes/hebrew_school/hebrew_text_head.png" /></td></tr></tbody></table></div>

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=1510773" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7369867" class="parent">Registration </a>
</li>

</ul>
</div>
</div>


</div>
<div id="chabad_body_content">
<div actions="copy,delete" id="ContentArea" name="content_area" detached="true" type="static" class="chabad_left_colum"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Online Registration</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" >
	


		<form 
			autocomplete="off" 
			action="/templates/articlecco.asp?aid=537697" 
			method="post" id="form1" 
			
			onSubmit="return Co.Forms.Validation.Validate(this);">
			<input type="hidden" name="site" value="">
			<input type="hidden" name="sc" value="">
		
			<div >
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<div id="formBody">
      <p>                     </p>
<table dir="ltr" cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
<tbody>
<tr>
<td valign="top" width="100%">
<div id="formBody">
<p align="center">
<font color="#1C5C94" size="3">
<strong>Hebrew School Registration Form </strong></font>
                </p>
<p align="center">
<font color="#1C5C94" size="3">
<strong>Sep 2025- June 2026</strong></font>
                </p>
<p align="justify">                               </p>
<table dir="ltr" bordercolor="#1C5C94" cellspacing="0" cellpadding="2" width="100%" bgcolor="#BDE0FF" border="2" style="font-size: 10pt; font-family: Verdana; border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p><strong><font color="#1C5C94">Part I: Student Information</font></strong>                                                                                       <br>
<br>
<input tabindex="1" size="18" required="true" style="height: 22px; width: 155px" name="Last Name" value="Last Name" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="16" required="false" style="height: 22px; width: 154px" name="First Name" value="First Name" type="text"><font size="2" face="Verdana">  <br>
</font><input tabindex="1" size="16" required="false" style="height: 22px; width: 155px" name="Hebrew Name" value="Hebrew Name" type="text"><input tabindex="1" size="11" required="true" style="height: 22px; width: 106px" name="Date of Birth" value="Date of Birth" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="3" required="true" style="height: 22px; width: 44px" name="Age" value="Age" type="text"><font size="2" face="Verdana">  <br>
                        Gender: <input tabindex="1" type="radio" name="Male" value="Male">Male    <input tabindex="1" type="radio" name="Female" value="Female">Female  <br>
</font><input tabindex="1" size="11" required="true" style="height: 22px; width: 111px" name="Grade Entering" value="Grade Entering" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="25" required="true" style="height: 22px; width: 198px" name="School Attending" value="School Attending" type="text"><font size="2" face="Verdana">  <br>
</font><input tabindex="1" size="16" required="false" style="height: 22px; width: 154px" name="Student's E-mail" value="Student's E-mail" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="17" required="true" style="height: 22px; width: 155px" name="Phone" value="Home Phone" type="text">                                                                                      <br>
<input tabindex="1" size="17" required="true" style="height: 22px; width: 154px" name="Address" value="Address" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="12" required="true" style="height: 22px; width: 105px" name="City" value="City" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="5" required="false" style="height: 22px; width: 45px" name="Zip" value="Zip" type="text"></p>
</td>
</tr>
</tbody>
</table>
<br>
<table dir="ltr" bordercolor="#1C5C94" cellspacing="0" cellpadding="2" width="100%" bgcolor="#BDE0FF" border="2" style="font-size: 10pt; font-family: Arial; border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p>
                          <font size="2" face="Verdana">
                            <font color="#1C5C94"><strong>Part II: Parent's Information</strong></font>                                                                                           <br>
<br>
</font><input tabindex="1" required="true" name="Father's Name" value="Father's Name" type="text"><strong><font size="2" face="Verdana"> </font></strong><input tabindex="1" required="true" name="F Hebrew Name" value="Hebrew Name" type="text">                                                                                         <font face="Verdana">                                                                                           <font size="2"><strong>  <br>
</strong> Jewish from birth? <input tabindex="1" type="radio" name="Father J" value="Father J">Yes   <input tabindex="1" type="radio" name="Father NJ" value="Father NJ">Not Jewish <br>
<input tabindex="1" type="radio" name="Father Converted" value="Father Converted">Converted-<font size="1">Please submit copy of conversion papers <br>
</font>
                            </font>
                          </font><input tabindex="1" required="true" name="Mother's Name" value="Mother's Name" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" required="true" name="M Hebrew Name" value="Hebrew Name" type="text">                                                                                        <br>
<font size="2" face="Verdana">Jewish from birth? <input tabindex="1" type="radio" name="Mo J" value="on">Yes   <input tabindex="1" type="radio" name="mo not J" value="on">Not Jewish  <br>
<input tabindex="1" type="radio" name="Mo convert" value="on">Converted-<font size="1">Please submit copy of conversion papers</font>                                                                                                 <br>
</font><input tabindex="1" required="false" name="Parent E-mail" value="Parent E-mail" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" size="19" required="false" style="height: 22px; width: 153px" name="Synagogue Affiliation (if any)" value="Synagogue Affiliation" type="text"><font size="2" face="Verdana">  <br>
</font><input tabindex="1" required="true" name="Father's Cell" value="Father's Cell" type="text"><font size="2" face="Verdana"> </font><input tabindex="1" required="true" name="Mother's Cell" value="Mother's Cell" type="text"></p>
</td>
</tr>
</tbody>
</table>
<br>
<table dir="ltr" bordercolor="#1C5C94" cellspacing="0" cellpadding="2" width="100%" bgcolor="#BDE0FF" border="2" style="font-size: 10pt; font-family: Arial; border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p>
<strong><font color="#1C5C94" size="2" face="Verdana">Part III: Religious &amp; Educational History</font></strong></p>
<p><strong><font color="#1C5C94" size="2" face="Verdana">
<input tabindex="1" type="radio" name="first year in hebre school" value="on"></font></strong><span style="color: #000000"><font size="2" face="Verdana">Is this your child a returning student <br>
</font></span><font size="2" face="Verdana">Does your child read Hebrew:  <br>
<input tabindex="1" type="radio" name="no read" value="no read"> No   <input tabindex="1" type="radio" name="somewhat read" value="somewhat read">Somewhat   <input tabindex="1" type="radio" name="well read" value="well read">Well <br>
                        Does your child speak/understand Hebrew: <br>
</font>
                          <font size="2" face="Verdana"><input tabindex="1" type="radio" name="no speak heb" value="on"> No   <input tabindex="1" type="radio" name="little speak heb" value="on">Somewhat   <input tabindex="1" type="radio" name="well speak heb" value="on">Well <br>
                        Previous Hebrew Education:  <br>
</font><textarea tabindex="1" cols="23" required="false" style="height: 22px; width: 213px" name="Prev Heb Edu"></textarea><br>
<font face="Verdana">
                            <font size="2">Does your child have any learning difficulties with general studies:  <br>
<input tabindex="1" type="radio" name="Learning Difficulties" value="Learning Difficulties"> Yes   <input tabindex="1" type="radio" name="No Learning Difficulties" value="No Learning Difficulties"> No <br>
                        If yes, please describe:  <br>
</font>
                          </font><textarea tabindex="1" rows="1" cols="22" required="false" style="height: 22px; width: 210px" name="Desc Learning Dif"></textarea></p>
</td>
</tr>
</tbody>
</table>
<br>
<table dir="ltr" bordercolor="#1C5C94" cellspacing="0" cellpadding="2" width="100%" bgcolor="#BDE0FF" border="2" style="font-size: 10pt; font-family: Arial; border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p>
<font color="#1C5C94"><strong>Part IV: Medical Information</strong> (confidential) <br>
</font>
                        </p>
<p><input tabindex="1" required="false" name="Family Physician" value="Family Physician" type="text"> <input tabindex="1" required="false" name="Phys Phone Number" value="Phone Number" type="text">                                                                                  <br>
                        Up to date with vaccinations: <input tabindex="1" type="radio" name="vaccin. yes" value="vaccin. yes">Yes   <input tabindex="1" type="radio" name="Vaccin No" value="Vaccin No">No <br>
                        Is there any special medical or other information (allergies, medication) regarding your child that our school should be aware of? <br>
<textarea tabindex="1" rows="1" required="false" style="height: 27px; width: 182px" name="add. medical info"></textarea><br>
                        Person to be contacted in case of emergency, when parents cannot be reached: <br>
<input tabindex="1" required="false" name="contact med emergency" value="Name" type="text"> <input tabindex="1" required="false" name="phone med emergency" value="Phone" type="text">                                                                                         <br>
<input tabindex="1" size="37" required="false" style="height: 22px; width: 299px" name="Relation med emergency" value="Relationship to child" type="text"></p>
<table cellspacing="0" cellpadding="2" width="100%" border="1" style="border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p align="center">
<strong>Medical Release Form <br>
</strong><span style="font-family: 'Century Gothic'; mso-bidi-font-size: 11.0pt"><font face="Verdana">I hereby give consent to the administration of the Chai Center Hebrew School to take whatever medical measures they deem necessary, at my expense, for my child in the event of a medical emergency. <br>
<input tabindex="1" type="radio" name="med release accept" value="med release accept">Accept   <input tabindex="1" type="radio" name="med release decline" value="med release decline">Do not accept</font></span></p>
</td>
</tr>
</tbody>
</table>
<br>
                         </td>
</tr>
</tbody>
</table>
<br>
<table dir="ltr" bordercolor="#1C5C94" cellspacing="0" cellpadding="2" width="100%" bgcolor="#BDE0FF" border="2" style="font-size: 10pt; font-family: Arial; border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p>
<span style="font-family: 'Century Gothic'; mso-bidi-font-size: 11.0pt"><font color="#1C5C94" face="Verdana">
<strong>Part IV: Program &amp; Payment Information</strong></font></span></p>
<p align="justify">
                          <font face="Verdana" style="font-family: 'Century Gothic';"><input tabindex="1" type="radio" name="Heb School" value="Heb School"><strong><span style="font-size: 10pt; font-family: 'Century Gothic'; line-height: 125%">Hebrew</span></strong>                                                                                          <strong>                                                                                                        <span style="font-size: 10pt; font-family: 'Century Gothic'; line-height: 125%">School</span></strong></font>                                                                                   <font>                                                                                          <span style="font-family: 'Century Gothic'; font-size: 10pt; line-height: 125%;">                                                                                                       <font face="Verdana">Ages 5-13,  Sun. 10:00pm-12:00pm <br>
</font></span><span style="font-size: 10pt; line-height: 125%;"><font face="Century Gothic">    </font></span></font>
                          <font style="background-color: transparent;">                                                                                               <span style="line-height: 125%;"><strong style="font-family: 'Century Gothic';">                                                                                                                <font face="Verdana"> Tuition:</font></strong>                                                                                                     <strong>                                                                                                                <font face="Century Gothic">$75 One Child - $125 Two children </font></strong></span></font><em style="font-size: 10pt; background-color: transparent; font-family: 'Century Gothic';">                                                                                            <span style="font-size: 9pt; line-height: 125%;">                                                                                                       <font size="2" face="Verdana">(includes supplies/book fee)<em style="font-size: 11px; text-align: justify; font-family: 'Century Gothic';">                                                                                                                     <span style="line-height: 15px;">                                                                                                                               <font face="Verdana"><strong>10 monthly Payments</strong> </font></span></em></font></span></em></p>
<p align="justify">   </p>
<p class="SCHeading_1" align="justify">
<span style="font-size: 9pt; font-family: 'Century Gothic'; line-height: 125%; mso-bidi-font-size: 11.0pt"><em><input tabindex="1" type="radio" name="synagogue memebrship" value="on"><span style="font-size: 14px;">
<strong>Optional </strong></span>- </em><strong><em>S</em><font face="Verdana">ynagogue Membership</font>                                                                                                     <em>:</em><font size="2">$50 Per month</font></strong></span></p>
<p class="SCHeading_1" align="justify">
<span style="font-size: 9pt; font-family: 'Century Gothic'; line-height: 125%; mso-bidi-font-size: 11.0pt"><strong>While we will maintain Chabad’s policy that everyone is welcome to our shul regardless of payment, we recognize that membership also has advantages.</strong></span></p>
<p class="SCHeading_1" align="justify"> <span style="font-family: 'Century Gothic'; mso-bidi-font-size: 11.0pt">                                                                                           <em>                                                                                                    <span style="font-size: 9pt; font-family: 'Century Gothic'; line-height: 125%"> </span></em></span></p>
<p align="justify">
<span style="font-size: 10pt; font-family: 'Century Gothic'; line-height: 125%; mso-bidi-font-size: 11.0pt">Please select payment plan:</span></p>
<table dir="ltr" bordercolor="#000000" cellspacing="0" cellpadding="0" border="1" style="font-size: 10pt; font-family: Arial; border-collapse: collapse">
<tbody>
<tr>
<td width="16">
<p> </p>
</td>
<td width="192">
<p align="center">
<strong>                                          Payment Method</strong></p>
</td>
<td width="192">
<p align="center"> </p>
</td>
<td width="187">
<p align="center"> </p>
</td>
</tr>
<tr>
<td width="16">
<p align="center">
<input tabindex="1" type="radio" name="check comp" value="check comp"></p>
</td>
<td width="192">
<p align="center">A Monthly check</p>
</td>
<td width="192">
<p align="center"> </p>
</td>
<td width="187">
<p align="center"> </p>
</td>
</tr>
<tr>
<td width="16">
<p align="center">
<input tabindex="1" type="radio" name="month cc" value="month cc"></p>
</td>
<td width="192">
<p align="center">Please charge my credit card <em>monthly</em></p>
</td>
<td width="192">
<p align="center"> </p>
</td>
<td width="187">
<p align="center"> </p>
</td>
</tr>
</tbody>
</table>
<br>
<p align="justify">If paying by check or cash, full monthly payment must be submitted to the school office before any child will be permitted to attend classes. Checks should be payable to Chabad synagogue.</p>
<table cellspacing="0" cellpadding="2" width="100%" border="1" style="border-collapse: collapse">
<tbody>
<tr>
<td height="15" width="100%">
<p><strong>Credit Card Information <br>
<input tabindex="1" type="radio" name="visa" value="visa"></strong>Visa   <input tabindex="1" type="radio" name="Master Card" value="Master Card">Master Card   <input tabindex="1" type="radio" name="Amex" value="Amex">Amex</p>
<p>Credit Card number: <input tabindex="1" required="true" name="cc#" type="text"> </p>
<p>Expiration: <input tabindex="1" required="true" name="ccexp" type="text"></p>
<p>cvv <input type="text" name="cvv" tabindex="1" required="false"></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr align="right">
<td colspan="5" align="right">
<div align="center">
<p align="center">
                  <font color="#1C5C94" face="Courier New">To register in person stop the synagogue any time to pick up form  </font> </p>
</div>
</td>
</tr>
</tbody>
</table>
<p>                              </p>
    </div>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
					<div class="clearfix">
                    	


<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="b8de9b87-88fe-4098-ad70-491726f23dc6" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="b8de9b87-88fe-4098-ad70-491726f23dc6"></div>	

                    </div>
				
					<!------Begin Close Form------->
					<div class="ccoFormFooter">
						
							<div class="small bold center bottom_padding">
								<div class="grey f-small"></div></div>
						
						<div align="center"><input type="submit" value="Submit" name="SubmitCCO" tabindex="1000"/>
							<input type="reset" value="Reset" tabindex="1001" id="reset1" name="reset1"/></div>
						
							<p align="center" style="font-size: 8pt; color: #666666; font-family: Verdana, Helvetica; margin-bottom: 3px; margin-top: 6px;">
								<img valign="absbottom" src="https://w2.chabad.org/images/global/icons/lock.gif" width="16" height="16" alt="Secure"/>
								This page uses 128 bit SSL encryption to keep your data secure.
							</p>
						
					</div>
				
				<input type="hidden" name="FormCCOSubmited" value="true"/>
			</form>
			<!------End Close Form------->
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>
<div id="chabad_right_colum">







<div id="chabad_updates">
<div class="chabad_updates_head text">
<div>

Updates</div></div>
<div class="chabad_updates_body">
<div class="chabad_updates_gradient">
<div class="chabad_updates_text">

<div></div>
<div class="item">
<span style="font-family: trebuchet ms">﻿﻿Please contact our Director Chanie Bronstein for more info 954-798-6022</span></div>
<div class="item"></div></div></div></div>
<div class="chabad_updates_footer"></div></div>



<div id="co_calendar">
<div class="co_calendar_head">
<div>Upcoming events</div>
</div>
<div class="co_calendar_body">
<div class="co_calendar_gradient">
<div class="co_calendar_text calendar-width">

<div class="item first normal-width">
<div class="co_date">Jul. 03, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=7/3/2026&sectionid=1195807&mosadid=6503&cat=">
Friday Night Services
</a>
</div>
</div>

<div class="item normal-width">
<div class="co_date">Jul. 04, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=7/4/2026&sectionid=1195807&mosadid=6503&cat=">
Shabbat Services
</a>
</div>
</div>

<div class="item normal-width">
<div class="co_date">Jul. 10, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=7/10/2026&sectionid=1195807&mosadid=6503&cat=">
Friday Night Services
</a>
</div>
</div>

<div class="item last normal-width">
<div class="co_date">Jul. 11, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=7/11/2026&sectionid=1195807&mosadid=6503&cat=">
Shabbat Services
</a>
</div>
</div>

</div>
</div>
</div>
<div class="co_calendar_footer" ></div>
</div>


<div id="chabad_box_text">
<div class="chabad_box_text_head"></div>
<div class="chabad_box_text_body">
<div class="chabad_box_text_gradient">
<div class="chabad_box_text_comment">
<div class="item">

<div>
<span style="font-family: trebuchet ms">
<span style="font-family: trebuchet ms; font-size: 10px">
<span style="font-family: trebuchet ms; color: #800000">By year's end, along with the Aleph-Bet, Holiday learning and Hebrew literacy, your child will have developed a deep love and appreciation for their precious heritage, imbuing their every day with a sense of pride and purpose.</span></span></span></div></div></div></div></div>
<div class="chabad_box_text_footer"></div></div>

<div id="chabad_box_text">
<div class="chabad_box_text_head"></div>
<div class="chabad_box_text_body">
<div class="chabad_box_text_gradient">
<div class="chabad_box_text_comment">
<div class="item">

<div>
<a href="/Article.asp?AID=537697">You can register online by clicking here </a></div></div></div></div></div>
<div class="chabad_box_text_footer"></div></div></div></div>
</div>
<div id="border_bottom"></div>
</div>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f537697%2fjewish%2fOnline-Registration.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Online+Registration+-+CHAI+CENTER-CHABAD&amp;url=https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f537697%2fjewish%2fOnline-Registration.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Online+Registration+-+CHAI+CENTER-CHABAD https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f537697%2fjewish%2fOnline-Registration.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f537697%2fjewish%2fOnline-Registration.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Online+Registration+-+CHAI+CENTER-CHABAD">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 1510773);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
			<div class="g960 footer_family_text bottom_padding">
				
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><b>CHAI CENTER-CHABAD | 5761 Coral Ridge Drive | Coral Springs, FL 33076-3101 | 954-715-7254 | 501c3 EIN 46-4126349</b></div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />




Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




					
				</div>
			</div>
		</div>
	
			</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/scroller.js"></script>
<script type="text/javascript" src="/scripts/js/templates/modules/sitewideticker.js.asp?campaignid=2129&template=8533&sc=topbar"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/fundraisingCountDown.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/FormDecoder.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'CHAI CENTER-CHABAD'}; Co.ArticleId     = '537697';Co.SectionId     = 1510773;Co.PartnerSiteId = 0;Co.SiteId        = 6503;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'MyChaiCenter.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<script>
/**
 * Chai Center Kitchen Campaign – DOM Injection Script (v2)
 * Runs ONLY on pages whose URL contains /templates/articlecco_cdo/aid/7377803
 *
 * Changes vs v1:
 * • Scroll-progress bar (teal #47797c) fixed across the very top of the page
 * • Word-split animations on hero headline + section headings (from original HTML)
 * • Intersection-Observer driven reveal animations on cards, about section, etc.
 * • doGet / doPost now wired to ChaiKitchen_GoogleAppsScript.js (deploy that first)
 */

(function () {
  /* ── Guard: only run on the correct page ──────────────────────── */
  if (!window.location.href.includes('/templates/articlecco_cdo/aid/7377803')) return;

  /* ── Config ────────────────────────────────────────────────────── */
  // After deploying ChaiKitchen_GoogleAppsScript.js as a Web App, paste the URL here:
  const GAS_WEB_APP_URL = 'https://script.google.com/macros/s/AKfycbxhU_-m7z-urk_eycRaWwpXaJ8y0HjNgBXyQkBrJ_Y3Zy4oTLzgvmS6SrA2AKaBzXEWxA/exec';

  const GOOGLE_SHEET_JSON_URL = 'https://script.google.com/macros/s/AKfycbxhU_-m7z-urk_eycRaWwpXaJ8y0HjNgBXyQkBrJ_Y3Zy4oTLzgvmS6SrA2AKaBzXEWxA/exec?action=getReserved';

  /* ─────────────────────────────────────────────────────────────────
      STEP 0 – Remove "Back to Chai Center" banner
  ───────────────────────────────────────────────────────────────── */
  function removeBanner() {
    document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
    const obs = new MutationObserver(() => {
      document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
    });
    obs.observe(document.body, { childList: true, subtree: true });
  }

  /* ─────────────────────────────────────────────────────────────────
      STEP 1 – Inject Google Fonts + Design-system CSS
  ───────────────────────────────────────────────────────────────── */
  function injectCSS() {
    const fontLink = document.createElement('link');
    fontLink.rel = 'stylesheet';
    fontLink.href = 'https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Mulish:ital,wght@0,300;0,400;0,700;0,800;1,700;1,800&family=Outfit:wght@300;400;600;700;800&family=Montserrat:wght@700&display=swap';
    document.head.appendChild(fontLink);

    const style = document.createElement('style');
    style.id = 'chai-kitchen-styles';
    style.textContent = `
      /* ── Design Tokens ── */
      :root {
        --ck-hero-bg:      #1e3c3e !important;
        --ck-dark:         #1d3233 !important;
        --ck-sage:         #e8efe7 !important;
        --ck-sage-muted:   #dce2db !important;
        --ck-teal:         #47797c !important;
        --ck-teal-mid:     #588f92 !important;
        --ck-blue:         #1374be !important;
        --ck-white:        #ffffff !important;
        --ck-gray-bg:      #f6f6f6 !important;
        --ck-gray-border:  #d8d8d8 !important;
        --ck-text-mid:     #4c4c4c !important;
        --ck-text-sec:     #535353 !important;
        --ck-radius-sm:    5px !important;
        --ck-radius-md:    6px !important;
        --ck-radius-lg:    8px !important;
        --ck-radius-xl:    10px !important;
        --ck-radius-pill:  41px !important;
      }

      /* ── Global resets for the injected wrapper ── */
      #chai-kitchen-wrapper *,
      #chai-kitchen-wrapper *::before,
      #chai-kitchen-wrapper *::after {
        box-sizing: border-box !important;
      }
      #chai-kitchen-wrapper { 
        font-family: 'Mulish', Arial, sans-serif !important; 
        overflow-x: hidden !important; 
      }

      /* ═══════════════════════════════════════════════════════════════
         SCROLL PROGRESS BAR
         Fixed across top of viewport; fills left-to-right in teal
         as user scrolls the page.
      ═══════════════════════════════════════════════════════════════ */
      #ck-page-progress {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 10px !important;
        width: 0%;
        background: l#588f92 !important;
        z-index: 9999999 !important;
        transition: width 0.08s linear !important;
        pointer-events: none !important;
        border-radius: 0 3px 3px 0 !important;
        /* subtle glow so it pops on light and dark backgrounds */
        box-shadow: 0 0 8px rgba(71, 121, 124, 0.6) !important;
      }

      /* ═══════════════════════════════════════════════════════════════
         WORD / BLOCK ANIMATION SYSTEM
         .animate-words  → each word slides up on scroll into view
         .animate-block  → whole element fades + slides up on scroll
      ═══════════════════════════════════════════════════════════════ */

      /* Base hidden state for word containers */
      .animate-words .anim-word {
        display: inline-block !important;
        transform: translateY(110%) !important;
        opacity: 0 !important;
        transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1),
                    opacity   0.55s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      }
      /* Overflow clip on wrapper spans */
      .animate-words .anim-word-outer {
        display: inline-block !important;
        overflow: hidden !important;
        vertical-align: bottom !important;
      }

      /* Triggered state */
      .animate-words.is-visible .anim-word {
        transform: translateY(0%) !important;
        opacity: 1 !important;
      }

      /* Block animations */
      .animate-block {
        opacity: 0 !important;
        transform: translateY(28px) !important;
        transition: opacity 0.65s cubic-bezier(0.2, 0.8, 0.2, 1),
                    transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      }
      .animate-block.is-visible {
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      /* Staggered children inside a revealed parent */
      .animate-stagger > * {
        opacity: 0 !important;
        transform: translateY(22px) !important;
        transition: opacity 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
                    transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      }
      .animate-stagger.is-visible > * {
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      /* Card stagger: apply data-delay inline */
      .ck-d-card, .ck-a-tile {
        opacity: 0;
        transform: translateY(18px) !important;
        transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
                    transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
                    box-shadow 0.3s ease,
                    background-color 0.3s ease,
                    border-color 0.3s ease !important;
      }
      .ck-d-card.ck-anim-visible, .ck-a-tile.ck-anim-visible {
        opacity: 1;
        transform: translateY(0) !important;
      }
      /* After anim fires, allow hover transforms again */
      .ck-d-card.ck-anim-visible:hover:not(.ck-reserved),
      .ck-a-tile.ck-anim-visible:hover {
        transform: translateY(-2px) !important;
      }

      /* ── HERO ── */
      .ck-hero {
        background-color: #1e3c3e !important;
        position: relative !important; 
        min-height: 689px !important;
        overflow: hidden !important; 
        display: flex !important;
        align-items: stretch !important;
      }
      .ck-hero__blueprint {
        position: absolute !important; 
        left: -180px !important; 
        top: -212px !important;
        width: 570px !important; 
        height: 1176px !important;
        transform: rotate(-89.67deg) !important; 
        transform-origin: center center !important;
        opacity: 0.75 !important; 
        pointer-events: none !important;
      }
      .ck-hero__blueprint img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important; 
      }
      .ck-hero__photo {
        position: absolute !important; 
        right: 0 !important; 
        top: 0 !important;
        width: 50% !important; 
        height: 100% !important; 
        overflow: hidden !important;
        animation: ckSlideInRight 1.2s cubic-bezier(0.2,0.8,0.2,1) forwards !important;
      }
      .ck-hero__photo img {
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important;
        transition: transform 0.8s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      .ck-hero:hover .ck-hero__photo img { 
        transform: scale(1.02) !important; 
      }
      .ck-hero__photo::after {
        content: '' !important; 
        position: absolute !important; 
        inset: 0 !important;
        background: linear-gradient(225.77deg,rgba(102,102,102,.26) 12.59%,rgba(0,0,0,.26) 96.31%) !important;
      }
      .ck-hero__content {
        position: relative !important; 
        z-index: 2 !important;
        padding: 116px 0 96px 116px !important;
        display: flex !important; 
        flex-direction: column !important;
        gap: 37px !important; 
        max-width: 50% !important; 
        width: 100% !important;
      }
      .ck-hero__logo {
        width: 166px !important; 
        height: 112px !important; 
        overflow: hidden !important;
        opacity: 1 !important; 
        transform: translateY(16px) !important;
        animation: ckFadeUp 0.7s cubic-bezier(0.2,0.8,0.2,1) 0.3s forwards !important;
      }
      .ck-hero__logo img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: contain !important; 
        object-position: left top !important; 
      }
      .ck-hero__body { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 49px !important; 
      }
      .ck-hero__top { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 6px !important; 
      }
      .ck-hero__eyebrow {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 18px !important; 
        letter-spacing: 1.08px !important;
        text-transform: uppercase !important; 
        color: #ffffff !important;
        opacity: 1 !important;
        animation: ckFadeUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 0.5s forwards !important;
      }
      .ck-hero__headline {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 400 !important;
        font-size: clamp(34px, 3.5vw, 50px) !important; 
        line-height: 1.1 !important;
        color: #e8efe7 !important; 
        text-transform: capitalize !important;
      }
      .ck-hero__headline em   { font-style: italic !important; font-weight: 500 !important; }
      .ck-hero__headline strong { font-style: italic !important; font-weight: 700 !important; }

      /* Hero headline word-by-word entrance */
      .ck-hero__headline .anim-word-outer {
        display: inline-block !important; 
        overflow: hidden !important;
        vertical-align: bottom !important; 
        margin-right: 0.25em !important;
      }
      .ck-hero__headline .anim-word {
        display: inline-block !important;
        opacity: 0 !important;
        transform: translateY(110%) !important;
        transition: transform 0.6s cubic-bezier(0.2,0.8,0.2,1),
                    opacity 0.6s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      /* Words animate in immediately (hero is always visible on load) */
      .ck-hero__headline.ck-hero-words-ready .anim-word {
        opacity: 1 !important;
        transform: translateY(0%) !important;
      }

      /* CTA button entrance */
      .ck-hero .ck-btn-white {
        opacity: 1 !important;
        animation: ckFadeUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 1s forwards !important;
      }

      @keyframes ckFadeUp {
        from { opacity: 0; transform: translateY(18px); }
        to   { opacity: 1; transform: translateY(0); }
      }
      @keyframes ckSlideInRight {
        0%   { transform: translateX(100%); }
        100% { transform: translateX(0); }
      }

      /* ── Shared buttons ── */
      .ck-btn-white, .ck-btn-outline, .ck-btn-dark {
        display: inline-flex !important; 
        align-items: center !important;
        justify-content: center !important; 
        border-radius: 6px !important;
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        text-transform: uppercase !important; 
        cursor: pointer !important;
        text-decoration: none !important; 
        position: relative !important;
        overflow: hidden !important; 
        z-index: 1 !important;
        transition: color 0.3s ease, border-color 0.3s ease !important;
      }
      .ck-btn-white {
        padding: 14px 33px !important; 
        background: #ffffff !important;
        border: 1px solid transparent !important; 
        font-size: 20px !important;
        color: #1e3c3e !important; 
        align-self: flex-start;
      }
      .ck-btn-white::before {
        content: '' !important; 
        position: absolute !important;
        top: 0 !important; 
        left: 0 !important; 
        width: 0% !important;
        height: 100% !important; 
        background: #112526 !important;
        transition: width 0.3s ease !important; 
        z-index: -1 !important;
      }
      .ck-btn-white:hover::before { width: 100% !important; }
      .ck-btn-white:hover { color: #ffffff !important; border-color: #ffffff !important; }
      
      .ck-btn-outline {
        padding: 14px 31px !important; 
        border: 1px solid #000 !important;
        font-size: 16px !important; 
        color: #1d3233 !important;
        background: transparent !important;
      }
      .ck-btn-outline::before {
        content: '' !important; 
        position: absolute !important;
        top: 0 !important; 
        left: 0 !important; 
        width: 0% !important;
        height: 100% !important; 
        background: #1d3233 !important;
        transition: width 0.3s ease !important; 
        z-index: -1 !important;
      }
      .ck-btn-outline:hover::before { width: 100% !important; }
      .ck-btn-outline:hover { color: #ffffff !important; }
      
      .ck-btn-dark {
        padding: 14px 31px !important; 
        background: #1d3233 !important;
        border: 1px solid transparent !important; 
        font-size: 16px !important;
        color: #ffffff !important;
      }
      .ck-btn-dark::before {
        content: '' !important; 
        position: absolute !important;
        top: 0 !important; 
        left: 0 !important; 
        width: 0% !important;
        height: 100% !important; 
        background: #ffffff !important;
        transition: width 0.3s ease !important; 
        z-index: -1 !important;
      }
      .ck-btn-dark:hover::before { width: 100% !important; }
      .ck-btn-dark:hover { color: #1d3233 !important; border-color: #1d3233 !important; }

      /* ── Progress section ── */
      .ck-progress-section {
        background: #e8efe7 !important; 
        padding: 44px 24px !important;
      }
      .ck-progress-inner {
        max-width: 900px !important; 
        margin: 0 auto !important;
        display: flex !important; 
        flex-direction: column !important;
        gap: 18px !important; 
        align-items: center !important;
      }
      .ck-progress-stats { 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        gap: 2px !important; 
      }
      .ck-stat-line { 
        display: flex !important; 
        gap: 9px !important; 
        align-items: flex-end !important; 
        flex-wrap: wrap !important; 
        justify-content: center !important; 
      }
      .ck-stat-label {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 18px !important; 
        letter-spacing: 1.08px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important;
      }
      .ck-stat-value {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 700 !important;
        font-style: italic !important; 
        font-size: 25px !important; 
        color: #47797c !important;
      }
      .ck-progress-bar-wrap { 
        width: 100% !important; 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 23px !important; 
        align-items: center !important; 
      }
      .ck-progress-bar {
        width: 100% !important; 
        height: 48px !important; 
        background: #ffffff !important;
        border-radius: 41px !important; 
        overflow: hidden !important; 
        position: relative !important;
      }
      .ck-progress-fill {
        position: absolute !important; 
        left: 0 !important; 
        top: 0 !important;
        width: 0%; 
        height: 100% !important; 
        background: #588f92 !important;
        border-radius: 41px !important; 
        display: flex !important;
        align-items: center !important; 
        justify-content: flex-end !important;
        padding-right: 14px !important;
        transition: width 1.5s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      .ck-progress-pct {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-style: italic !important; 
        font-size: 16px !important;
        text-transform: uppercase !important; 
        color: #ffffff !important;
        opacity: 0 !important; 
        transition: opacity 0.5s ease 1s !important;
      }
      .ck-progress-fill.ck-filled .ck-progress-pct { 
        opacity: 1 !important; 
      }
      .ck-progress-buttons { 
        display: flex !important; 
        gap: 28px !important; 
        align-items: center !important; 
        flex-wrap: wrap !important; 
        justify-content: center !important; 
      }

      /* ── About section ── */
      .ck-about-section {
        background: #ffffff !important; 
        padding: 100px 0 !important; 
        overflow: hidden !important;
      }
      .ck-about-inner {
        max-width: 1440px !important; 
        margin: 0 auto !important; 
        padding: 0 80px !important;
        display: grid !important; 
        grid-template-columns: 48% 1fr !important;
        gap: 60px !important; 
        align-items: center !important;
      }
      .ck-about-images { 
        position: relative !important; 
        height: 660px !important; 
      }
      .ck-about-img-back {
        position: absolute !important; 
        left: 0 !important; 
        top: 40px !important;
        width: 440px !important; 
        height: 480px !important;
        overflow: hidden !important; 
        opacity: 0.3 !important;
      }
      .ck-about-img-back img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important; 
        transform: scaleY(-1) rotate(180deg) !important; 
      }
      .ck-about-img-main {
        position: absolute !important; 
        left: 54px !important; 
        top: 110px !important;
        width: 480px !important; 
        height: 550px !important; 
        overflow: hidden !important;
        opacity: 0 !important; 
        transform: translateX(-30px) !important;
        transition: opacity 0.9s cubic-bezier(0.2,0.8,0.2,1),
                    transform 0.9s cubic-bezier(0.2,0.8,0.2,1) !important;
      }
      .ck-about-img-main.is-visible { 
        opacity: 1 !important; 
        transform: translateX(0) !important; 
      }
      .ck-about-img-main img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: cover !important; 
      }
      .ck-about-img-main::after {
        content: '' !important; 
        position: absolute !important; 
        inset: 0 !important;
        background: linear-gradient(238.47deg,rgba(0,0,0,.2) 12.48%,rgba(102,102,102,.2) 90.36%) !important;
      }
      .ck-about-content { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 0px !important; 
      }
      .ck-section-eyebrow {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 18px !important; 
        letter-spacing: 1.08px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important; 
        margin: 0 !important;
      }
      .ck-about-intro {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 400 !important;
        font-size: 18px !important; 
        line-height: 1.65 !important; 
        color: #000 !important;
      }
      .ck-about-points { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 31px !important; 
        margin-top: 8px !important; 
      }
      .ck-about-point { 
        display: flex !important; 
        gap: 20px !important; 
        align-items: flex-start !important; 
      }
      .ck-about-point__icon { 
        flex-shrink: 0 !important; 
        width: 90px !important; 
        height: 120px !important; 
        overflow: hidden !important; 
        position: relative !important; 
      }
      .ck-about-point__icon img { 
        width: 100% !important; 
        height: 100% !important; 
        object-fit: contain !important; 
      }
      .ck-about-point__body { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 5px !important; 
      }
      .ck-about-point__title {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 700 !important;
        font-style: italic !important; 
        font-size: 25px !important;
        color: #1d3233 !important; 
        line-height: 1.2 !important;
      }
      .ck-about-point__text {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 400 !important;
        font-size: 18px !important; 
        line-height: 1.65 !important;
        color: #000 !important; 
        max-width: 517px !important;
        margin: 0;
      }

      /* ── Dedication header banner ── */
      .ck-ded-header-inject {
        background: #e8efe7 !important; 
        padding: 71px 115px 48px !important;
        text-align: center !important;
      }
      .ck-ded-header-title {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: clamp(20px, 2.1vw, 30px) !important; 
        letter-spacing: 1.8px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important;
        margin-bottom: 8px !important;
      }
      .ck-ded-header-sub {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 300 !important;
        font-size: 18px !important; 
        color: #000 !important; 
        line-height: 1.65 !important;
      }

      /* ── Category titles ── */
      .ck-cat-title {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 400 !important;
        font-style: italic !important; 
        font-size: clamp(36px, 3.8vw, 55px) !important;
        color: #1d3233 !important; 
        line-height: 0.85 !important;
        margin-bottom: 24px !important; 
        text-transform: capitalize !important;
      }

      /* ── Overriding JotForm container styling ── */
      #formContainer, #formContainer .form-all {
        font-family: 'Mulish', Arial, sans-serif !important;
        background: #e8efe7 !important;
        padding: 0 115px !important;
        max-width: 100% !important;
        width: 100% !important;
      }
      #formContainer .form-all {
        max-width: 1440px !important;
        margin: 0 auto !important;
        padding: 0 0 80px !important;
      }
      #formContainer .form-section { 
        list-style: none !important; 
        padding: 0 !important; 
      }

      /* ── Card styles for checkboxes ── */
      .ck-card-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 18px !important;
        margin-bottom: 24px !important;
      }
      .ck-d-card {
        background: #ffffff !important; 
        border: 0.845px solid #ffffff !important;
        border-radius: 6.762px !important; 
        min-height: 103px !important;
        overflow: hidden !important; 
        display: flex !important;
        align-items: center !important; 
        padding: 16px 34px !important;
        gap: 16px !important; 
        cursor: pointer !important;
        position: relative !important;
      }
      /* hover only after animation has run (class added by JS) */
      .ck-d-card.ck-anim-visible:hover:not(.ck-reserved) {
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
        transform: translateY(-2px) !important;
      }
      .ck-d-card--alt { 
        background: #dce2db !important; 
        border-color: #dce2db !important; 
      }
      .ck-d-card.ck-selected {
        background-color: #1d3233 !important; 
        border-color: #1d3233 !important;
      }
      .ck-d-card.ck-selected .ck-d-card__name,
      .ck-d-card.ck-selected .ck-d-card__amount { 
        color: #ffffff !important; 
      }
      .ck-d-card.ck-selected .ck-d-card__check {
        background-color: #ffffff !important; 
        border-color: #ffffff !important;
      }
      .ck-reserved { 
        opacity: 0.55 !important; 
        pointer-events: none !important; 
      }
      .ck-d-card__body { 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 12px !important; 
        flex: 1 !important; 
        min-width: 0 !important; 
      }
      .ck-d-card__name {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 800 !important;
        font-size: clamp(18px, 1.8vw, 22px) !important; 
        color: #1d3233 !important;
        text-transform: capitalize !important; 
        line-height: 1 !important;
        overflow: hidden !important; 
        text-overflow: ellipsis !important;
        transition: color 0.3s ease !important;
      }
      .ck-d-card__amount {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 400 !important;
        font-size: clamp(25px, 2.3vw, 30px) !important; 
        color: #1d3233 !important;
        line-height: 1 !important; 
        display: flex !important;
        align-items: center !important; 
        gap: 12px !important;
        transition: color 0.3s ease !important;
      }
      .ck-d-card__reserved-tag {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: 14px !important; 
        letter-spacing: 1px !important;
        text-transform: uppercase !important; 
        color: #47797c !important;
        background: rgba(71,121,124,.1) !important;
        padding: 4px 8px !important; 
        border-radius: 4px !important;
      }
      .ck-d-card__check {
        flex-shrink: 0 !important; 
        width: 39px !important; 
        height: 39px !important;
        border: 3px solid #1d3233 !important; 
        border-radius: 50% !important;
        margin-left: auto !important;
        transition: background-color 0.3s ease, border-color 0.3s ease !important;
      }

      /* ── Lead gifts row ── */
      .ck-lead-row { 
        display: grid !important; 
        grid-template-columns: 1fr 1fr !important; 
        gap: 18px !important; 
        margin-bottom: 18px !important; 
      }
      .ck-lead-row .ck-d-card { 
        min-height: 137px !important; 
        font-size: larger !important; 
      }
      .ck-lead-row .ck-d-card__name { 
        font-size: clamp(18px, 1.9vw, 27px) !important; 
      }
      .ck-lead-row .ck-d-card__amount { 
        font-size: clamp(25px, 2.4vw, 35px) !important; 
      }

      /* ── Other Donation Amounts tiles ── */
      .ck-other-title {
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 800 !important;
        font-size: clamp(20px, 2.1vw, 30px) !important; 
        letter-spacing: 1.8px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important;
        text-align: center !important; 
        margin-bottom: 24px !important;
      }
      .ck-amounts-row { 
        display: flex !important; 
        gap: 19px !important; 
        align-items: stretch !important; 
        flex-wrap: wrap !important; 
        justify-content: center !important; 
        width: 100% !important; 
        margin-bottom: 17px !important; 
      }
      .ck-a-tile {
        background: #ffffff !important; 
        border-radius: 5px !important;
        height: 139px !important; 
        width: 285px !important;
        flex-shrink: 0 !important; 
        position: relative !important;
        overflow: hidden !important; 
        cursor: pointer !important;
        border: 3px solid transparent !important;
      }
      .ck-a-tile.ck-anim-visible:hover {
        box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
        transform: translateY(-2px) !important;
      }
      .ck-a-tile.ck-selected { border-color: #1d3233 !important; }
      .ck-a-tile--alt { background: #dce2db !important; }
      .ck-a-tile__val {
        position: absolute !important; 
        top: 50% !important; 
        left: 50% !important;
        transform: translate(-50%,-50%) !important;
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 800 !important;
        font-size: 35px !important; 
        letter-spacing: 2.1px !important;
        text-transform: uppercase !important; 
        color: #1d3233 !important; 
        white-space: nowrap !important;
      }
      .ck-a-tile__check {
        position: absolute !important; 
        top: 23px !important; 
        right: 23px !important;
        width: 24.5px !important; 
        height: 25px !important;
        border: 1.888px solid #1d3233 !important; 
        border-radius: 54px !important;
        transition: background-color 0.3s !important;
      }
      .ck-a-tile.ck-selected .ck-a-tile__check { 
        background-color: #1d3233 !important; 
      }
      .ck-a-tile--custom { 
        width: 589px !important; 
        flex-shrink: 0 !important; 
      }
      .ck-a-tile--custom .ck-a-tile__label {
        position: absolute !important; 
        top: 50% !important; 
        left: 24px !important;
        transform: translateY(-50%) !important;
        font-family: 'Mulish', Arial, sans-serif !important; 
        font-weight: 700 !important;
        font-size: 13px !important; 
        letter-spacing: 1px !important;
        text-transform: uppercase !important; 
        color: #535353 !important;
        line-height: 1.3 !important; 
        text-align: left !important;
      }
      .ck-a-tile--custom .ck-a-tile__field {
        position: absolute !important; 
        top: 15px !important; 
        bottom: 15px !important;
        left: 110px !important; 
        right: 65px !important;
        background: #e8eceb !important; 
        border-radius: 4px !important;
        display: flex !important; 
        align-items: center !important;
        padding-left: 20px !important; 
        gap: 8px !important;
      }
      .ck-a-tile--custom .ck-a-tile__field span {
        font-family: 'Faustina', Georgia, serif !important; 
        font-weight: 400 !important;
        font-size: 35px !important; 
        color: rgba(29,50,51,.6) !important;
      }
      .ck-custom-amount-input {
        border: none !important; 
        background: transparent !important;
        outline: none !important; 
        font-family: 'Faustina', Georgia, serif !important;
        font-weight: 400 !important; 
        font-size: 35px !important;
        letter-spacing: 1px !important; 
        color: #1d3233 !important; 
        width: 100% !important;
      }
      .ck-custom-amount-input::placeholder { 
        color: rgba(29,50,51,.3) !important; 
      }

      /* ── Donor details form overrides ── */
      #formContainer .form-header-group { display: none !important; }
      #formContainer .form-all .form-section li.form-line {
        padding: 0 0 40px !important;
        border: none !important;
        background: transparent !important;
      }
      #formContainer .form-label-left {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 600 !important; 
        font-size: 20px !important;
        color: #1d3233 !important; 
        text-transform: capitalize !important;
        width: auto !important; 
        float: none !important;
        display: none !important; 
        margin-bottom: 8px !important;
      }
      #formContainer input[type="text"],
      #formContainer input[type="email"],
      #formContainer input[type="tel"],
      #formContainer select {
        background: #ffffff !important;
        border: 2.256px solid #ebebeb !important;
        border-radius: 10px !important; 
        height: 58px !important;
        width: 100% !important; 
        padding: 0 16px !important;
        font-family: 'Outfit', Arial, sans-serif !important;
        font-size: 16px !important; 
        color: #1d3233 !important;
        outline: none !important; 
        transition: border-color .2s !important;
        box-sizing: border-box !important;
      }
      #formContainer input:focus { border-color: #588f92 !important; }

      /* Hide the native JotForm checkbox lists – replaced by cards */
      #cid_3 .form-single-column,
      #cid_4 .form-single-column,
      #cid_5 .form-single-column,
      #cid_6 .form-single-column,
      #cid_7 .form-single-column,
      #cid_8 .form-single-column { display: none !important; }

      /* ── Total row ── */
      #total_amount, #cid_15 {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 30px !important;
        color: #1374be !important;
      }
      #id_15 {
        background: #f6f6f6 !important;
        border: 1.167px solid #d8d8d8 !important;
        border-radius: 11.675px !important;
        height: 96px !important; 
        padding: 0 26px !important;
        display: flex !important; 
        align-items: center !important;
        justify-content: space-between !important;
      }
      #label_15 {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 23px !important;
        color: #535353 !important; 
        text-transform: capitalize !important;
        float: none !important; 
        width: auto !important;
      }

      /* ── Payment options ── */
      #cid_16 { padding-top: 0 !important; }
      .form-payment-methods { 
        display: flex !important; 
        gap: 15px !important; 
        flex-wrap: wrap !important; 
      }
      .form-payment-methods .form-radio-item {
        background: #f6f6f6 !important; 
        border: 1.138px solid #d8d8d8 !important;
        border-radius: 10px !important; 
        height: 72px !important;
        min-width: 180px !important; 
        display: flex !important;
        align-items: center !important; 
        gap: 14px !important;
        padding: 0 22px !important; 
        cursor: pointer !important;
        transition: all .2s !important;
      }
      .form-payment-methods .form-radio-item input[type="radio"] { 
        margin-right: 8px !important; 
      }
      .form-payment-methods .form-radio-item label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 400 !important; 
        font-size: 18px !important;
        color: #4c4c4c !important; 
        cursor: pointer !important;
      }

      /* ── Submit button ── */
      #input_2 {
        background: #1d3233 !important; 
        border-radius: 4px !important;
        padding: 24px !important; 
        width: 439px !important; 
        max-width: 100% !important;
        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 700 !important; 
        font-size: 20px !important;
        color: #ffffff !important; 
        text-transform: uppercase !important;
        cursor: pointer !important; 
        border: none !important;
        display: block !important; 
        margin: 40px auto 0 !important;
        position: relative !important; 
        overflow: hidden !important;
        transition: background-color 0.3s ease !important;
      }
      #input_2:hover { background: #588f92 !important; }

      /* ── Donor section outer spacing ── */
      #ck-donor-wrapper-outer {
        background: #e8efe7 !important;
        padding: 0 115px 100px !important;
      }
      #ck-donor-box {
        background: rgba(255,255,255,.85) !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 40px rgba(0,0,0,.08) !important;
        padding: 72px 72px 80px !important;
        max-width: 997px !important;
        margin: 0 auto !important;
        position: relative !important;
      }
      #ck-donor-box-title {
        font-family: 'Mulish', Arial, sans-serif !important;
        font-weight: 800 !important;
        font-size: clamp(20px, 2.1vw, 30px) !important;
        letter-spacing: 1.8px !important;
        text-transform: uppercase !important;
        color: #1d3233 !important;
        text-align: center !important;
        margin: 0 0 60px !important;
        padding: 0 !important;
      }
      #ck-donor-box .form-line { padding-top: 0 !important; padding-bottom: 36px !important; }
      #ck-donor-box .form-label-left,
      #ck-donor-box label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 600 !important; 
        font-size: 20px !important;
        color: #1d3233 !important; 
        text-transform: capitalize !important;
        float: none !important; 
        display: block !important;
        width: 100% !important; 
        margin-bottom: 10px !important;
      }
      #ck-donor-box input[type="text"],
      #ck-donor-box input[type="email"],
      #ck-donor-box input[type="tel"],
      #ck-donor-box input[type="number"],
      #ck-donor-box select {
        background: #ffffff !important;
        border: 2.256px solid #ebebeb !important;
        border-radius: 10px !important; 
        height: 58px !important;
        width: 100% !important; 
        padding: 0 18px !important;
        font-family: 'Outfit', Arial, sans-serif !important;
        font-size: 16px !important; 
        color: #1d3233 !important;
        outline: none !important; 
        transition: border-color 0.2s !important;
        box-sizing: border-box !important; 
        margin-bottom: 6px !important;
      }
      #ck-donor-box input:focus, #ck-donor-box select:focus { border-color: #588f92 !important; }
      #ck-donor-box .form-sub-label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 300 !important; 
        font-size: 14px !important;
        color: #4c4c4c !important; 
        display: block !important; 
        margin-top: 4px !important;
      }
      #ck-donor-box #cid_10 {
        display: grid !important; 
        grid-template-columns: 1fr 1fr !important; 
        gap: 22px !important;
      }
      #ck-donor-box #cid_10 .form-sub-label-container { 
        display: flex !important; 
        flex-direction: column !important; 
      }
      #ck-donor-box .form-address-table { 
        width: 100% !important; 
        border-collapse: collapse !important; 
      }
      #ck-donor-box .form-address-table td { 
        padding: 0 0 14px !important; 
        vertical-align: top !important; 
      }
      #ck-donor-box .form-address-table tr td:first-child { 
        padding-right: 11px !important; 
      }
      #ck-donor-box #id_15 {
        background: #f6f6f6 !important; 
        border: 1.167px solid #d8d8d8 !important;
        border-radius: 12px !important; 
        height: 96px !important; 
        padding: 0 26px !important;
        display: flex !important; 
        align-items: center !important;
        justify-content: space-between !important; 
        margin-bottom: 36px !important;
      }
      #ck-donor-box #label_15 label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 23px !important;
        color: #535353 !important; 
        text-transform: capitalize !important; 
        margin: 0 !important;
      }
      #ck-donor-box #total_amount, #ck-donor-box #cid_15 {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 800 !important; 
        font-size: 30px !important;
        color: #1374be !important; 
        margin: 0 !important; 
        text-align: right;
      }
      .form-address-table { max-width: 100% !important; }
      #ck-donor-box .form-payment-methods { 
        display: flex !important; 
        gap: 15px !important; 
        flex-wrap: wrap !important; 
        padding: 0 !important; 
      }
      #ck-donor-box .form-payment-methods .form-radio-item {
        background: #f6f6f6 !important; 
        border: 1.138px solid #d8d8d8 !important;
        border-radius: 10px !important; 
        height: 72px !important; 
        min-width: 170px !important;
        display: flex !important; 
        align-items: center !important; 
        gap: 12px !important;
        padding: 0 22px !important; 
        cursor: pointer !important;
        transition: border-color 0.2s, background 0.2s !important;
      }
      #ck-donor-box .form-payment-methods .form-radio-item:has(input:checked) {
        background: rgba(45,164,255,.06) !important; 
        border-color: rgba(19,116,190,.7) !important;
      }
      #ck-donor-box .form-payment-methods input[type="radio"] {
        width: 20px !important; 
        height: 20px !important;
        accent-color: #1374be !important; 
        flex-shrink: 0 !important; 
        margin: 0 !important;
      }
      #ck-donor-box .form-payment-methods label {
        font-family: 'Outfit', Arial, sans-serif !important;
        font-weight: 400 !important; 
        font-size: 18px !important;
        color: #4c4c4c !important; 
        cursor: pointer !important;
        margin: 0 !important; 
        display: inline !important;
      }
      #ck-donor-box #id_2 { padding-top: 12px !important; }
      #ck-donor-box #input_2 {
        background: #1d3233 !important; 
        border-radius: 6px !important;
        padding: 22px 40px !important; 
        width: 439px !important; 
        max-width: 100% !important;
        font-family: 'Montserrat', Arial, sans-serif !important;
        font-weight: 700 !important; 
        font-size: 20px !important;
        color: #ffffff !important; 
        text-transform: uppercase !important;
        cursor: pointer !important; 
        border: none !important;
        display: block !important; 
        margin: 0 auto !important;
        letter-spacing: 0.5px !important; 
        transition: background-color 0.3s ease !important;
      }
      #ck-donor-box #input_2:hover { background: #588f92 !important; }

      /* ── Responsive ── */
      @media (max-width: 1200px) {
        #ck-donor-wrapper-outer { padding: 0 60px 80px !important; }
        #ck-donor-box { padding: 60px 50px 70px !important; }
      }
      @media (max-width: 1023px) {
        .ck-hero { flex-direction: column !important; min-height: auto !important; }
        .ck-hero__content { padding: 40px 40px 60px !important; max-width: 100% !important; }
        .ck-hero__photo { position: relative !important; width: 100% !important; height: 40vh !important; min-height: 350px !important; }
        .ck-hero__blueprint { display: none !important; }
        .ck-about-inner { grid-template-columns: 1fr !important; padding: 0 40px !important; }
        .ck-about-images { height: 420px !important; }
        .ck-card-grid { grid-template-columns: 1fr !important; }
        .ck-lead-row { grid-template-columns: 1fr !important; }
        #formContainer, #formContainer .form-all { padding: 0 40px !important; }
      }
      @media (max-width: 767px) {
.ck-btn-white{ align-self: center !important;}
        .ck-hero__content { padding: 50px 24px 60px !important; align-items: center !important; text-align: center !important; }
        .ck-about-section { padding: 50px 0 !important; }
        .ck-about-inner { padding: 0 24px !important; }
        .ck-about-images { height: 320px !important; }
        .ck-about-img-back { display: none !important; }
        .ck-about-img-main { left: 0 !important; top: 0 !important; width: 100% !important; height: 320px !important; }
        .ck-ded-header-inject { padding: 40px 24px !important; }
        .ck-a-tile--custom { width: 100% !important; grid-column: span 2 !important; }
        .ck-amounts-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
        .ck-a-tile { width: 100% !important; }
        #formContainer, #formContainer .form-all { padding: 0 !important; }
        #ck-donor-wrapper-outer { padding: 0 !important; }
        #ck-donor-box { padding: 44px 24px 50px !important; }
        #ck-donor-box #cid_10 { grid-template-columns: 1fr !important; }
        #ck-donor-box .form-payment-methods .form-radio-item { min-width: calc(50% - 8px) !important; }
        #ck-donor-box #input_2 { width: 100% !important; }
      }
      @media (max-width: 479px) {
        #ck-donor-box .form-payment-methods .form-radio-item { min-width: 100% !important; }
      }
    `;
    document.head.appendChild(style);
  }

  /* ─────────────────────────────────────────────────────────────────
      STEP 2 – Build & inject Hero HTML
  ───────────────────────────────────────────────────────────────── */
  function injectHero() {
    const heroHTML = `
      <div id="ck-page-progress" aria-hidden="true"></div>
      <div id="chai-kitchen-wrapper">

        <!-- HERO -->
        <header class="ck-hero">
          <div class="ck-hero__blueprint">
            <img src="https://mychaicenter.com/media/images/1372/eXVX13720905.png" alt="">
          </div>
          <div class="ck-hero__content">
            <div class="ck-hero__logo">
              <img src="https://mychaicenter.com/media/images/1372/YQOB13720904.png" alt="Chai Center Logo">
            </div>
            <div class="ck-hero__body">
              <div class="ck-hero__top">
                <p class="ck-hero__eyebrow">Chai Centre Kitchen Campaign</p>
                <h1 class="ck-hero__headline animate-words" id="ck-hero-headline">More than a <em>kitchen,</em><br><strong>Its Community</strong>.</h1>
              </div>
              <a href="#ck-dedication" class="ck-btn-white">Make a Dedication</a>
            </div>
          </div>
          <div class="ck-hero__photo">
            <img src="https://mychaicenter.com/media/images/1372/HRgl13721027.png" alt="Professional commercial kitchen interior">
          </div>
        </header>

        <!-- PROGRESS BAR SECTION -->
        <section class="ck-progress-section animate-block" aria-label="Fundraising Progress">
          <div class="ck-progress-inner">
            <div class="ck-progress-stats">
              <div class="ck-stat-line">
                <span class="ck-stat-label">Fundraising Goal Until 6 Sep 2026:</span>
                <span class="ck-stat-value" id="ck-goal-val">$200,000</span>
              </div>
              <div class="ck-stat-line">
                <span class="ck-stat-label">Money Raised:</span>
                <span class="ck-stat-value" id="ck-raised-val">Loading…</span>
              </div>
            </div>
            <div class="ck-progress-bar-wrap">
              <div class="ck-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-label="Fundraising progress">
                <div class="ck-progress-fill observer-progress" id="ck-progress-fill" data-progress="0">
                  <span class="ck-progress-pct" id="ck-progress-pct"></span>
                </div>
              </div>
              <div class="ck-progress-buttons">
                <a href="#cid_7" class="ck-btn-outline">Donate</a>
                <a href="#ck-dedication" class="ck-btn-dark">Make a Dedication</a>
              </div>
            </div>
          </div>
        </section>

        <!-- ABOUT -->
        <section class="ck-about-section">
          <div class="ck-about-inner">
            <div class="ck-about-images" aria-hidden="true">
              <div class="ck-about-img-back">
                <img src="https://mychaicenter.com/media/images/1372/ysgD13720907.png" alt="">
              </div>
              <div class="ck-about-img-main" id="ck-about-img-main">
                <img src="https://mychaicenter.com/media/images/1372/TbBY13720906.png" alt="Chai Center kitchen space">
              </div>
            </div>
            <div class="ck-about-content">
              <p class="ck-section-eyebrow animate-block">About the Campaign</p>
              <p class="ck-about-intro animate-block">
                The Chai Center Kitchen Campaign is a mission to build more than just a culinary space — it is an investment in the heart of our community. This new, professional-grade facility will serve as a cornerstone for connection, compassion, and care by focusing on three core areas:
              </p>
              <div class="ck-about-points animate-stagger">
                <div class="ck-about-point">
                  <div class="ck-about-point__icon">
                    <img src="https://mychaicenter.com/media/images/1372/tgGe13720909.png" alt="">
                  </div>
                  <div class="ck-about-point__body">
                    <h3 class="ck-about-point__title">Educational & Communal Support:</h3>
                    <p class="ck-about-point__text">Providing daily nutritious, kosher lunches for our students while serving as a dedicated hub for life-cycle events, milestones, and celebrations.</p>
                  </div>
                </div>
                <div class="ck-about-point">
                  <div class="ck-about-point__icon">
                    <img src="https://mychaicenter.com/media/images/1372/wILY13720910.png" alt="">
                  </div>
                  <div class="ck-about-point__body">
                    <h3 class="ck-about-point__title">Holiday & Event Capacity:</h3>
                    <p class="ck-about-point__text">Ensuring high-quality hot meals for every Shabbos and Yom Tov, while offering a professional, versatile space to host large-scale community gatherings and support outside caterers.</p>
                  </div>
                </div>
                <div class="ck-about-point">
                  <div class="ck-about-point__icon" style="transform:scale(1.35);transform-origin:center;">
                    <img src="https://mychaicenter.com/media/images/1372/ISSe13720911.png" alt="">
                  </div>
                  <div class="ck-about-point__body">
                    <h3 class="ck-about-point__title">A Hub of Kindness:</h3>
                    <p class="ck-about-point__text">Dedicated to nourishing the vulnerable, this space will function as a center of compassion where volunteers prepare and package hot meals for seniors and individuals in need throughout our community.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- DEDICATION HEADER -->
        <div class="ck-ded-header-inject" id="ck-dedication">
          <h2 class="ck-ded-header-title animate-words">Dedication Opportunities</h2>
          <p class="ck-ded-header-sub animate-block">All contributions will be honored on a permanent dedication plaque in the new kitchen, with an option available to donate anonymously.</p>
        </div>

      </div><!-- /#chai-kitchen-wrapper -->
    `;

    const formContainer = document.getElementById('formContainer');
    if (formContainer) {
      formContainer.insertAdjacentHTML('beforebegin', heroHTML);
    } else {
      document.body.insertAdjacentHTML('afterbegin', heroHTML);
    }
  }

  /* ═══════════════════════════════════════════════════════════════════
      ANIMATION ENGINE
      Mirrors the logic from the original HTML's <script> block:
        1. Word-split on .animate-words elements
        2. IntersectionObserver triggers is-visible
        3. Card stagger observer
  ═══════════════════════════════════════════════════════════════════ */
  function initAnimations() {

    /* ── 1. Word-split helper ── */
    function splitWords(el) {
      const processNode = (node) => {
        if (node.nodeType === Node.TEXT_NODE) {
          const words = node.textContent.split(/(\s+)/);
          const frag = document.createDocumentFragment();
          words.forEach(token => {
            if (/^\s+$/.test(token)) {
              frag.appendChild(document.createTextNode(token));
            } else if (token) {
              const outer = document.createElement('span');
              outer.className = 'anim-word-outer';
              const inner = document.createElement('span');
              inner.className = 'anim-word';
              inner.textContent = token;
              outer.appendChild(inner);
              frag.appendChild(outer);
            }
          });
          return frag;
        } else {
          const clone = node.cloneNode(false);
          Array.from(node.childNodes).forEach(child => clone.appendChild(processNode(child)));
          return clone;
        }
      };

      const newContent = document.createDocumentFragment();
      Array.from(el.childNodes).forEach(child => newContent.appendChild(processNode(child)));
      el.innerHTML = '';
      el.appendChild(newContent);

      // Staggered delays
      el.querySelectorAll('.anim-word').forEach((w, i) => {
        w.style.transitionDelay = (i * 0.05) + 's';
      });
    }

    // Apply to all .animate-words elements
    document.querySelectorAll('.animate-words').forEach(el => splitWords(el));

    // Hero headline fires immediately (it's above the fold)
    setTimeout(() => {
      const headline = document.getElementById('ck-hero-headline');
      if (headline) headline.classList.add('ck-hero-words-ready', 'is-visible');
    }, 700); // slight delay so page has painted

    /* ── 2. Intersection observer for sections ── */
    const sectionObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
          sectionObserver.unobserve(entry.target); // fire once
        }
      });
    }, { threshold: 0.12 });

    document.querySelectorAll(
      '.animate-words:not(#ck-hero-headline), .animate-block, .animate-stagger, #ck-about-img-main'
    ).forEach(el => sectionObserver.observe(el));

    /* ── 3. Card stagger observer ── */
    const cardObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const cards = Array.from(entry.target.querySelectorAll('.ck-d-card, .ck-a-tile'));
          cards.forEach((card, i) => {
            setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
          });
          cardObserver.unobserve(entry.target);
        }
      });
    }, { threshold: 0.08 });

    // Observe each grid wrapper once it exists
    function observeCardGrids() {
      document.querySelectorAll(
        '.ck-card-grid, .ck-lead-row, .ck-amounts-row, #ck-cards-cid_3'
      ).forEach(el => cardObserver.observe(el));
    }
    // Cards are injected after this runs, so wait a tick
    setTimeout(observeCardGrids, 200);
  }

  /* ═══════════════════════════════════════════════════════════════════
      SCROLL PROGRESS BAR
  ═══════════════════════════════════════════════════════════════════ */
  function initScrollProgress() {
    const bar = document.getElementById('ck-page-progress');
    if (!bar) return;

    let ticking = false;
    const update = () => {
      const s = document.body.scrollTop || document.documentElement.scrollTop;
      const h = document.documentElement.scrollHeight - document.documentElement.clientHeight;
      bar.style.width = (h > 0 ? (s / h) * 100 : 0) + '%';
      ticking = false;
    };

    window.addEventListener('scroll', () => {
      if (!ticking) {
        requestAnimationFrame(update);
        ticking = true;
      }
    }, { passive: true });
  }

  /* ─────────────────────────────────────────────────────────────────
      SECTIONS CONFIG
  ───────────────────────────────────────────────────────────────── */
const SECTIONS = [
    {
      cid: 'cid_3', inputName: 'q3_input3[]', layout: 'lead',
      alt: [false, false, true, true, false, false],
      items: [
        { label: 'Meat Kitchen Sponsor',    amount: '$36,000', val: 'Meat Kitchen Sponsor $36,000' },
        { label: 'Dairy Kitchen Sponsor',   amount: '$36,000', val: 'Dairy Kitchen Sponsor $36,000' },
        { label: 'Chai Kitchen Supporter',  amount: '$15,000', val: 'Chai Kitchen Supporter $15,000' },
        { label: 'Chai Kitchen Partner',    amount: '$10,000', val: 'Chai Kitchen Partner $10,000' },
        { label: 'Chai Kitchen Benefactor', amount: '$7,200',  val: 'Chai Kitchen Benefactor $7,200' },
        { label: 'Chai Kitchen Patron',     amount: '$3,600',  val: 'Chai Kitchen Patron $3,600' },
      ]
    },
    {
      cid: 'cid_4', inputName: 'q4_input4[]', layout: 'grid', alt: [],
      items: [
        { label: 'Convection oven, gas',                  amount: '$7,536',  val: 'Convection oven, gas $7,536' },
        { label: 'Faucet, kettle/pot filler',             amount: '$348',    val: 'Faucet, kettle/pot filler $348' },
        { label: 'Hotplate, countertop, gas',             amount: '$2,593',  val: 'Hotplate, countertop, gas $2,593' },
        { label: 'Griddle, gas, countertop',              amount: '$1,264',  val: 'Griddle, gas, countertop $1,264' },
        { label: 'Gas floor fryer',                       amount: '$2,511',  val: 'Gas floor fryer $2,511' },
        { label: 'Work table, L-shaped',                  amount: '$5,673',  val: 'Work table, L-shaped $5,673' },
        { label: 'Shelving, wall mounted',                amount: '$270',    val: 'Shelving, wall mounted $270' },
        { label: 'Work table, 48", stainless steel top',  amount: '$927',    val: 'Work table, 48", stainless steel top $927' },
        { label: 'Reach-in refrigerator',                 amount: '$3,144',  val: 'Reach-in refrigerator $3,144' },
        { label: 'Planetary mixer',                       amount: '$9,370',  val: 'Planetary mixer $9,370' },
      ]
    },
    {
      cid: 'cid_5', inputName: 'q5_input5[]', layout: 'grid', alt: [],
      items: [
        { label: 'Convection oven, gas',                  amount: '$14,151', val: 'Convection oven, gas $14,151' },
        { label: 'Gas floor fryer',                       amount: '$2,511',  val: 'Gas floor fryer $2,511' },
        { label: 'Charbroiler, gas, countertop',          amount: '$3,731',  val: 'Charbroiler, gas, countertop $3,731' },
        { label: 'Range, 36", 6 open burners',            amount: '$4,789',  val: 'Range, 36", 6 open burners $4,789' },
        { label: 'Faucet, kettle / pot filler',           amount: '$348',    val: 'Faucet, kettle / pot filler $348' },
        { label: 'Heated cabinet, mobile',                amount: '$2,764',  val: 'Heated cabinet, mobile $2,764' },
        { label: 'Work table, 84", stainless steel top',  amount: '$4,173',  val: 'Work table, 84", stainless steel top $4,173' },
        { label: 'Shelving, wall mounted',                amount: '$412',    val: 'Shelving, wall mounted $412' },
        { label: 'Work table, 48", stainless steel top',  amount: '$927',    val: 'Work table, 48", stainless steel top $927' },
      ]
    },
    {
      cid: 'cid_6', inputName: 'q6_input6[]', layout: 'grid', alt: [],
      items: [
        { label: 'Soiled dishtable',                      amount: '$2,172',  val: 'Soiled dishtable $2,172' },
        { label: 'Dishtable sorting shelf',               amount: '$162',    val: 'Dishtable sorting shelf $162' },
        { label: 'Dishwasher, door type, ventless',       amount: '$15,932', val: 'Dishwasher, door type, ventless $15,932' },
        { label: 'Clean dishtable',                       amount: '$909',    val: 'Clean dishtable $909' },
        { label: 'Three (3) compartment sink',            amount: '$4,877',  val: 'Three (3) compartment sink $4,877' },
        { label: 'Overshelf',                             amount: '$699',    val: 'Overshelf $699' },
        { label: 'Hand sink',                             amount: '$298',    val: 'Hand sink $298' },
        { label: 'Ice maker, cube-style',                 amount: '$5,453',  val: 'Ice maker, cube-style $5,453' },
        { label: 'Reach-in refrigerator',                 amount: '$4,961',  val: 'Reach-in refrigerator $4,961' },
        { label: 'Reach-in freezer',                      amount: '$4,077',  val: 'Reach-in freezer $4,077' },
        { label: 'Stainless panels by dishwasher area',   amount: '$4,300',  val: 'Stainless panels by dishwasher area $4,300' },
      ]
    },
    {
      cid: 'cid_7', inputName: 'q7_input7[]', layout: 'grid', alt: [],
      items: [
        { label: 'A hose reel',  amount: '$1,110',  val: 'A hose reel $1,110' },
        { label: 'Install',      amount: '$12,500', val: 'Install $12,500' },
        { label: 'Freight',      amount: '$2,750',  val: 'Freight $2,750' },
        { label: 'Hood System',  amount: '$82,000', val: 'Hood System $82,000' },
      ]
    },
  ];

  const SECTION_TITLE_MAP = {
    cid_3: 'Lead Gifts', cid_4: 'Dairy', cid_5: 'Meat',
    cid_6: 'Dishwashing Station', cid_7: 'General',
  };

  const OTHER_AMOUNTS = [
    { val: '$720', native: 'input_8_0', alt: false },
    { val: '$540', native: 'input_8_1', alt: true  },
    { val: '$360', native: 'input_8_2', alt: false },
    { val: '$180', native: 'input_8_3', alt: true  },
    { val: '$100', native: 'input_8_4', alt: false },
    { val: '$72',  native: 'input_8_5', alt: true  },
  ];

  let reservedItems = [];

  function parseDollar(str) {
    const match = str.replace(/,/g, '').match(/\$?([\d.]+)/);
    return match ? parseFloat(match[1]) : 0;
  }

  function buildCardHTML(item, sectionCid, index, isReserved, altClass) {
    const reservedTag = isReserved ? `<span class="ck-d-card__reserved-tag">Reserved</span>` : '';
    return `
      <div class="ck-d-card${altClass ? ' ck-d-card--alt' : ''}${isReserved ? ' ck-reserved' : ''}"
           role="button" tabindex="${isReserved ? -1 : 0}"
           data-section="${sectionCid}" data-index="${index}"
           data-val="${item.val.replace(/"/g, '"')}"
           data-amount="${parseDollar(item.amount)}"
           aria-label="${item.label} – ${item.amount}${isReserved ? ' (Reserved)' : ''}">
        <div class="ck-d-card__body">
          <span class="ck-d-card__name">${item.label}</span>
          <span class="ck-d-card__amount">${item.amount}${reservedTag}</span>
        </div>
        <div class="ck-d-card__check" aria-hidden="true"></div>
      </div>`;
  }

  function injectCards() {
    SECTIONS.forEach(sec => {
      const idNum     = sec.cid.replace('cid_', '');
      const formLine  = document.getElementById('id_' + idNum);
      if (!formLine) return;

      const titleEl = document.createElement('div');
      titleEl.innerHTML = `<h3 class="ck-cat-title animate-words">${SECTION_TITLE_MAP[sec.cid]}</h3>`;
      formLine.insertAdjacentElement('beforebegin', titleEl);

      const wrapper = document.createElement('div');
      wrapper.id = 'ck-cards-' + sec.cid;

      if (sec.layout === 'lead') {
        for (let i = 0; i < sec.items.length; i += 2) {
          const row  = document.createElement('div');
          row.className = 'ck-lead-row';
          const aItem = sec.items[i];
          const bItem = sec.items[i + 1];
          row.innerHTML =
            buildCardHTML(aItem, sec.cid, i,     reservedItems.includes(aItem.val), sec.alt[i]     || false) +
            (bItem ? buildCardHTML(bItem, sec.cid, i + 1, reservedItems.includes(bItem.val), sec.alt[i+1] || false) : '');
          wrapper.appendChild(row);
        }
      } else {
        const grid = document.createElement('div');
        grid.className = 'ck-card-grid';
        sec.items.forEach((item, idx) => {
          grid.innerHTML += buildCardHTML(item, sec.cid, idx, reservedItems.includes(item.val), false);
        });
        wrapper.appendChild(grid);
      }

      formLine.insertAdjacentElement('beforebegin', wrapper);
    });

    // Re-run word splitting on newly injected .animate-words titles
    document.querySelectorAll('.ck-cat-title.animate-words').forEach(el => {
      const words = el.textContent.split(/\s+/);
      el.innerHTML = words.map(w =>
        `<span class="anim-word-outer"><span class="anim-word">${w}</span></span>`
      ).join(' ');
      el.querySelectorAll('.anim-word').forEach((w, i) => { w.style.transitionDelay = (i * 0.07) + 's'; });

      const obs = new IntersectionObserver(([entry]) => {
        if (entry.isIntersecting) { el.classList.add('is-visible'); obs.disconnect(); }
      }, { threshold: 0.2 });
      obs.observe(el);
    });
  }

  function injectOtherAmountTiles() {
    const line8 = document.getElementById('id_8');
    if (!line8) return;

    const otherInput = document.getElementById('input_8');
    if (otherInput) otherInput.removeAttribute('disabled');

    const wrap = document.createElement('div');
    wrap.id = 'ck-other-amounts-ui';
    wrap.innerHTML = `
      <h2 class="ck-other-title">Other Donation Amounts</h2>
      <div class="ck-amounts-row" id="ck-amounts-row-1">
        ${OTHER_AMOUNTS.slice(0, 4).map(a => `
          <div class="ck-a-tile${a.alt ? ' ck-a-tile--alt' : ''}" role="button" tabindex="0"
               data-native="${a.native}" data-amount="${parseDollar(a.val)}" aria-label="Donate ${a.val}">
            <span class="ck-a-tile__val">${a.val}</span>
            <div class="ck-a-tile__check" aria-hidden="true"></div>
          </div>`).join('')}
      </div>
      <div class="ck-amounts-row" id="ck-amounts-row-2">
        ${OTHER_AMOUNTS.slice(4).map(a => `
          <div class="ck-a-tile${a.alt ? ' ck-a-tile--alt' : ''}" role="button" tabindex="0"
               data-native="${a.native}" data-amount="${parseDollar(a.val)}" aria-label="Donate ${a.val}">
            <span class="ck-a-tile__val">${a.val}</span>
            <div class="ck-a-tile__check" aria-hidden="true"></div>
          </div>`).join('')}
        <div class="ck-a-tile ck-a-tile--custom" id="ck-custom-tile" role="button" tabindex="0" aria-label="Enter custom donation amount">
          <span class="ck-a-tile__label">Custom<br>Amount</span>
          <div class="ck-a-tile__check" aria-hidden="true"></div>
          <div class="ck-a-tile__field">
            <span>$</span>
            <input type="number" min="1" class="ck-custom-amount-input" id="ck-custom-input" placeholder="">
          </div>
        </div>
      </div>`;

    line8.insertAdjacentElement('beforebegin', wrap);

    // Observe tile rows for card stagger
    setTimeout(() => {
      const cardObserver = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            Array.from(entry.target.querySelectorAll('.ck-a-tile')).forEach((card, i) => {
              setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
            });
            cardObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.08 });
      document.querySelectorAll('#ck-amounts-row-1, #ck-amounts-row-2').forEach(el => cardObserver.observe(el));
    }, 100);
  }

  /* ─────────────────────────────────────────────────────────────────
      Card + tile event listeners
  ───────────────────────────────────────────────────────────────── */
  function attachCardListeners() {
    function syncNativeCheckbox(val, checked) {
      document.querySelectorAll('input[type="checkbox"].form-checkbox').forEach(cb => {
        if (cb.value === val) cb.checked = checked;
      });
    }
    function clearSection(sectionCid) {
      document.querySelectorAll(`.ck-d-card[data-section="${sectionCid}"]`).forEach(c => {
        c.classList.remove('ck-selected');
        syncNativeCheckbox(c.dataset.val, false);
      });
    }
    function clearOtherTiles() {
      document.querySelectorAll('.ck-a-tile').forEach(t => t.classList.remove('ck-selected'));
      const otherCb = document.querySelector('input.form-checkbox-other');
      if (otherCb) { otherCb.value = ''; otherCb.checked = false; }
      const otherInput = document.getElementById('input_8');
      if (otherInput) otherInput.value = '';
      OTHER_AMOUNTS.forEach(a => {
        const nb = document.getElementById(a.native);
        if (nb) nb.checked = false;
      });
    }
    function clearAll() {
      SECTIONS.forEach(sec => clearSection(sec.cid));
      clearOtherTiles();
    }
    function recalcTotal() {
      let total = 0;
      document.querySelectorAll('.ck-d-card.ck-selected').forEach(c => { total += parseFloat(c.dataset.amount) || 0; });
      document.querySelectorAll('.ck-a-tile.ck-selected').forEach(t => {
        if (t.id === 'ck-custom-tile') {
          total += parseFloat(document.getElementById('ck-custom-input').value) || 0;
        } else {
          total += parseFloat(t.dataset.amount) || 0;
        }
      });
      const formatted = '$' + total.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
      const nativeTotal = document.getElementById('total_amount');
      if (nativeTotal) nativeTotal.textContent = formatted;
    }

    document.addEventListener('click', function (e) {
      const card = e.target.closest('.ck-d-card[role="button"]');
      if (!card || card.classList.contains('ck-reserved')) return;
      const wasSelected = card.classList.contains('ck-selected');
      clearSection(card.dataset.section);
      clearOtherTiles();
      if (!wasSelected) { card.classList.add('ck-selected'); syncNativeCheckbox(card.dataset.val, true); }
      recalcTotal();
    });
    document.addEventListener('keydown', function (e) {
      if (e.key !== 'Enter' && e.key !== ' ') return;
      const card = e.target.closest('.ck-d-card[role="button"]');
      if (card) { e.preventDefault(); card.click(); }
    });

    document.addEventListener('click', function (e) {
      const tile = e.target.closest('.ck-a-tile');
      if (!tile) return;
      const wasSelected = tile.classList.contains('ck-selected');
      clearAll();
      if (!wasSelected) {
        tile.classList.add('ck-selected');
        if (tile.id === 'ck-custom-tile') {
          document.getElementById('ck-custom-input').focus();
        } else {
          const nb = document.getElementById(tile.dataset.native);
          if (nb) nb.checked = true;
        }
      }
      recalcTotal();
    });
    document.addEventListener('keydown', function (e) {
      if (e.key !== 'Enter' && e.key !== ' ') return;
      const tile = e.target.closest('.ck-a-tile');
      if (tile) { e.preventDefault(); tile.click(); }
    });

    const customInput = document.getElementById('ck-custom-input');
    if (customInput) {
      customInput.addEventListener('focus', () => {
        clearAll();
        document.getElementById('ck-custom-tile').classList.add('ck-selected');
      });
      customInput.addEventListener('input', () => {
        const otherInput = document.getElementById('input_8');
        if (otherInput) {
          otherInput.value = customInput.value;
          const otherCb = document.querySelector('input.form-checkbox-other');
          if (otherCb) { otherCb.value = customInput.value; otherCb.checked = !!customInput.value; }
        }
        recalcTotal();
      });
    }
  }

  /* ─────────────────────────────────────────────────────────────────
      Fetch reserved items from Google Sheet
  ───────────────────────────────────────────────────────────────── */
  function fetchReservedItems(callback) {
    fetch(GOOGLE_SHEET_JSON_URL + '&cachebust=' + Date.now())
      .then(r => r.json())
      .then(data => {
        if (Array.isArray(data.reserved)) reservedItems = data.reserved;
        callback();
      })
      .catch(() => callback());
  }

  /* ─────────────────────────────────────────────────────────────────
      Fetch progress stats
  ───────────────────────────────────────────────────────────────── */
  function fetchProgressStats() {
    fetch(GAS_WEB_APP_URL + '?action=getProgress&cachebust=' + Date.now())
      .then(r => r.json())
      .then(data => {
        const goal   = data.goal   || 200000;
        const raised = data.raised || 0;
        const pct    = Math.min(Math.round((raised / goal) * 100), 100);

        const raisedEl = document.getElementById('ck-raised-val');
        const goalEl   = document.getElementById('ck-goal-val');
        const fillEl   = document.getElementById('ck-progress-fill');
        const pctEl    = document.getElementById('ck-progress-pct');

        if (raisedEl) raisedEl.textContent = '$' + raised.toLocaleString('en-US');
        if (goalEl)   goalEl.textContent   = '$' + goal.toLocaleString('en-US');
        if (fillEl)   fillEl.dataset.progress = pct;

        requestAnimationFrame(() => {
          setTimeout(() => {
            if (fillEl)  { fillEl.style.width = pct + '%'; fillEl.classList.add('ck-filled'); }
            if (pctEl)   pctEl.textContent = pct + '%';
          }, 400);
        });
      })
      .catch(() => {
        const raisedEl = document.getElementById('ck-raised-val');
        if (raisedEl) raisedEl.textContent = '$20,000';
        const fillEl = document.getElementById('ck-progress-fill');
        const pctEl  = document.getElementById('ck-progress-pct');
        setTimeout(() => {
          if (fillEl) { fillEl.style.width = '10%'; fillEl.classList.add('ck-filled'); }
          if (pctEl)  pctEl.textContent = '10%';
        }, 400);
      });
  }

  /* ─────────────────────────────────────────────────────────────────
      Wrap donor section in styled card
  ───────────────────────────────────────────────────────────────── */
  function wrapDonorSection() {
    if (document.getElementById('ck-donor-box')) return;
    const id10 = document.getElementById('id_10');
    const id2  = document.getElementById('id_2');
    if (!id10 || !id2) { setTimeout(wrapDonorSection, 400); return; }

    const nodes = [];
    let current = id10;
    while (current) {
      nodes.push(current);
      if (current === id2) break;
      current = current.nextElementSibling;
    }
    if (!nodes.length) return;

    const outer = document.createElement('div');
    outer.id = 'ck-donor-wrapper-outer';
    const box = document.createElement('div');
    box.id = 'ck-donor-box';
    const title = document.createElement('h2');
    title.id = 'ck-donor-box-title';
    title.textContent = 'Donor Details';
    box.appendChild(title);
    nodes.forEach(node => box.appendChild(node));
    outer.appendChild(box);

    const formList = document.querySelector('#formContainer .form-section');
    if (formList) {
      formList.appendChild(outer);
    } else {
      const anchor = document.getElementById('id_8') || document.getElementById('id_9');
      if (anchor && anchor.parentNode) anchor.parentNode.insertBefore(outer, anchor.nextSibling);
    }
  }

  /* ─────────────────────────────────────────────────────────────────
      Submit handler → POST to Google Apps Script
  ───────────────────────────────────────────────────────────────── */
  /* ─────────────────────────────────────────────────────────────────
      Submit handler → POST to Google Apps Script
   ───────────────────────────────────────────────────────────────── */
  function attachSubmitHandler() {
    const form         = document.getElementById('7377803');
    const submitButton = document.getElementById('input_2');
    if (!form || !submitButton) return;
 
    submitButton.addEventListener('click', function () {
      setTimeout(function () {
        const hasErrors    = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
        const isHtml5Valid = form.checkValidity();
 
        if (!hasErrors && isHtml5Valid) {
 
          // ── Collect all selected cards and tiles ──
          const selectedCards = [];
          document.querySelectorAll('.ck-d-card.ck-selected').forEach(c => {
            selectedCards.push({ item: c.dataset.val, amount: c.dataset.amount });
          });
          document.querySelectorAll('.ck-a-tile.ck-selected').forEach(t => {
            if (t.id === 'ck-custom-tile') {
              const v = document.getElementById('ck-custom-input').value;
              if (v) selectedCards.push({ item: 'Custom Amount', amount: v });
            } else {
              selectedCards.push({
                item:   t.querySelector('.ck-a-tile__val').textContent.trim(),
                amount: t.dataset.amount
              });
            }
          });
 
          // ── reserveItems = only named dedication cards, not dollar tiles ──
          // Grabs anything that isn't a plain dollar tile or custom amount
          const reserveItems = selectedCards
            .filter(s => !s.item.startsWith('$') && s.item !== 'Custom Amount')
            .map(s => s.item);
 
          // ── Human-readable selections string for the Donations sheet ──
          const selectionsStr = selectedCards
            .map(s => s.item.includes('$') ? s.item : s.item + ' ($' + parseFloat(s.amount).toLocaleString('en-US') + ')')
            .join(', ');
 
          const payload = {
            action:      'submitDonation',
            firstName:   (document.getElementById('first_10')            || {}).value || '',
            lastName:    (document.getElementById('last_10')             || {}).value || '',
            email:       (document.getElementById('input_11')            || {}).value || '',
            phone:       (document.getElementById('input_13_full')       || {}).value || '',
            address:     (document.getElementById('input_14_addr_line1') || {}).value || '',
            city:        (document.getElementById('input_14_city')       || {}).value || '',
            total:       (document.getElementById('total_amount')        || {}).textContent || '$0.00',
            selections:  selectionsStr,   // readable string → Donations sheet col I
            reserveItems: reserveItems,   // array of item names → Reserved sheet col A
            timestamp:   new Date().toISOString(),
          };
 
          // Removed mode: 'no-cors' and changed Content-Type to text/plain to play nice with Google Apps Script web apps
          fetch(GAS_WEB_APP_URL, {
            method:  'POST',
            headers: { 'Content-Type': 'text/plain' },
            body:    JSON.stringify(payload),
          })
          .then(response => response.json())
          .then(res => {
            if (res.status === 'error') {
              console.error('[ChaiKitchen] Server error:', res.message);
            } else {
              console.log('[ChaiKitchen] Successfully recorded processing data:', res);
            }
          })
          .catch(err => console.error('[ChaiKitchen] Network/Submit execution failed:', err));
        }
      }, 300);
    });
  }
  /* ─────────────────────────────────────────────────────────────────
      BOOT
  ───────────────────────────────────────────────────────────────── */
  function boot() {
    removeBanner();
    injectCSS();
    injectHero();
    fetchProgressStats();
    initScrollProgress();    // ← scroll progress bar
    initAnimations();        // ← word splits + intersection observers

    fetchReservedItems(() => {
      injectCards();
      injectOtherAmountTiles();
      wrapDonorSection();
      attachCardListeners();
      attachSubmitHandler();

      // Re-run card grid observers after cards injected
      setTimeout(() => {
        const obs = new IntersectionObserver((entries) => {
          entries.forEach(entry => {
            if (entry.isIntersecting) {
              Array.from(entry.target.querySelectorAll('.ck-d-card, .ck-a-tile')).forEach((card, i) => {
                setTimeout(() => card.classList.add('ck-anim-visible'), i * 60);
              });
              obs.unobserve(entry.target);
            }
          });
        }, { threshold: 0.08 });
        document.querySelectorAll(
          '.ck-card-grid, .ck-lead-row, #ck-amounts-row-1, #ck-amounts-row-2'
        ).forEach(el => obs.observe(el));
      }, 300);
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot);
  } else {
    boot();
  }

})();
</script>
</body>
</html>