<!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="Learn,to,Read,Hebrew," />
<meta name="title" content="Learn to Read Hebrew - CHAI CENTER-CHABAD" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="390169-390177-1314483-5965839" />
<meta name="article-keywords" content="20962-2185-16023-8495-2170-2898" />
<meta name="scope-aid" content="390169" />
<meta name="scope-aid" content="390177" />
<meta name="scope-aid" content="1314483" />
<meta name="scope-aid" content="5965839" />
<meta name="article-keyword" content="20962" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="16023" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.mychaicenter.com/templates/articlecco_cdo/aid/5965839/jewish/Learn-to-Read-Hebrew.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Learn to Read Hebrew - CHAI CENTER-CHABAD" /><link rel="canonical" href="https://www.mychaicenter.com/templates/articlecco_cdo/aid/5965839/jewish/Learn-to-Read-Hebrew.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?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=6DE80B07" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/global.css?v=BEC232B2" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/skins/beige.css?v=BBDB575D" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/navy.css?v=EE8DF34C" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.Chabad.org/images/Shluchim/minisites/themes/Chabad-adult-education/css/style.css?v=7/8/2026" id="k16023" 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/cco/fundraising/FundraisingTickerltr.css?v=98BE942D" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/formCss2.css?v=AB6A2925" id="kFormCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/themes/nova.css?v=87AD6957" id="kNova" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css?v=E5A10EA0" id="kprettyPhoto" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Learn to Read Hebrew - CHAI CENTER-CHABAD
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2023-05-23","primaryArticleId":5965839,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Adult Education","contentLevel3":"Learn to Read Hebrew ","siteName":"CHAI CENTER-CHABAD"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":29,"hebrewDate":"5786-06-01"}});
		dataLayer.push({ 'articleHierarchy': '-390169-390177-1314483-5965839-', 'keywords': '-k2898-k2170-k8495-k16023-k2185-k20962-', 'k': '-390169-390177-1314483-5965839--k2898-k2170-k8495-k16023-k2185-k20962-' });
	
</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 = "635300136000000000";
</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 arrow multi_level" aid="7463531" 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/7463532/jewish/High-Holidays-at-Chabad.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="7463532">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>High Holidays at Chabad</span>
</a>
<a href="/templates/articlecco_cdo/aid/7463533/jewish/Rosh-Hashanah-Service.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="7463533">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Rosh Hashanah Service</span>
</a>
<a href="/templates/articlecco_cdo/aid/7463534/jewish/Rosh-Hashanah-Meal.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="7463534">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Rosh Hashanah Meal</span>
</a>
<a href="/templates/articlecco_cdo/aid/7463535/jewish/Yom-Kippur-Service.htm" class="item empty" id="menu_item1-4" data-menu-level="2" data-aid="7463535">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Yom Kippur Service</span>
</a>
<a href="/templates/articlecco_cdo/aid/7463536/jewish/High-Holiday-Reservations.htm" class="item empty" id="menu_item1-5" data-menu-level="2" data-aid="7463536">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>High Holiday Reservations</span>
</a>
<a href="/templates/articlecco_cdo/aid/6961292/jewish/Membership-Form.htm" class="item empty" id="menu_item1-6" data-menu-level="2" data-aid="6961292">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Membership Form </span>
</a>
</div>
<div id="menu_child1-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_child1-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_child1-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_child1-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 id="menu_child1-5" 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_child1-6" 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/7463531/jewish/High-Holidays.htm" class="parent">High<br />Holidays</a></div></span><a href="/templates/section_cdo/aid/7463531/jewish/High-Holidays.htm" class="bg_extension js-parent-menu-link" data-aid="7463531"></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_item3-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_item3-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_item3-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_item3-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_child3-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_child3-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_child3-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_child3-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_item5-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_item5-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_item5-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_item5-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_child5-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_child5-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_child5-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_child5-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>
</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 -->
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">

<div class="main_header_area header-element">
<div class="header_menu" id="header_menu">
<div class="header-nav-main nav-element">
<div class="container">
<div class="navbar-flex">
<div class="header-brand-wrapper">


<a class="navbar-brand" href="/1314483"> Adult Education </a>


</div>
<div class="header-nav-wrapper" id="bs-example-navbar-collapse-1">

<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=5618285" class="parent">JLI</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent selected">
<a href="/article.asp?aid=5965839" class="parent selected">Learn to Read Hebrew </a>
</li>
<li class="custom_separator" ></li>
<li class="item parent">
<a href="/article.asp?aid=1314485" class="parent">Instructors</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent">
<a href="/article.asp?aid=1314487" class="parent">Online Study</a>
</li>

</ul>
</div>
</div>


</div>
<div id="slicknav-mobile" ></div>
</div>
</div>
</div>
</div>
</div>

</div>
<div id="chabad_body_content">
<div type="static" name="content_area" id="ContentArea" detached="true" actions="copy,delete" 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">Learn to Read Hebrew </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" >
	

<div id="formContainer"><script type="text/javascript">var defaultCurrency = { value: 'USD', symbol: '$'};
$j(function(){
window.multiplier = 0;
window.formJson = Object.extend([{"form_height":450,"1_text":"Learn to Read Hebrew in Five Sessions","1_subHeader":"","1_headerType":"Default","1_name":"clickTo","1_qid":1,"1_type":"control_head","1_order":1,"3_text":"Image","3_message":"","3_src":"https://w2.chabad.org/media/images/1232/MpfR12324907.jpg","3_link":"","3_target":"_blank","3_height":180,"3_width":465,"3_align":"Left","3_description":"","3_name":"image","3_qid":3,"3_type":"control_image","3_order":2,"4_text":"\u003ctable width=\"650\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\n\t\t\t\u003ch1\u003eLearn\u0026nbsp;to\u0026nbsp;Read\u0026nbsp;Hebrew\u0026nbsp;in 5 Weeks... Guaranteed!\u003c/h1\u003e\n\t\t\t\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\n\t\t\t\n\n\t\t\t\u003cp\u003e\u0026#39;Read\u0026nbsp;It In\u0026nbsp;Hebrew\u0026#39; \u0026nbsp;is a cutting-edge, five-week\u0026nbsp;Hebrew\u0026nbsp;reading\u0026nbsp;crash course developed by the Jewish\u0026nbsp;Learning\u0026nbsp;Institute. The course builds on decades of\u0026nbsp;Hebrew\u0026nbsp;teaching experience, presented in an aesthetically pleasing and highly successful experience. You\u0026#39;ve always wanted to... now\u0026#39;s your chance!\u003c/p\u003e\n\n\t\t\t\u003cp\u003e\u003cstrong\u003e5 WEDNESDAYS: August 9th\u0026nbsp;- Sept 6th\u0026nbsp;| 7:00 - 8:00 PM\u003c/strong\u003e\u003c/p\u003e\n\n\t\t\t\u003cp\u003eCost: $75/student, $125/couple\u003c/p\u003e\n\n\t\t\t\u003cp\u003e\u003cem\u003e(minimum of 10\u0026nbsp;students required)\u003c/em\u003e\u003c/p\u003e\n\t\t\t\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003cp\u003eDouble-click to edit this text...\u003c/p\u003e\n","4_name":"doubleclickTo","4_qid":4,"4_type":"control_text","4_order":3,"5_text":"Full Name","5_message":"","5_labelAlign":"Auto","5_required":"No","5_prefix":"No","5_suffix":"No","5_middle":"No","5_description":"","5_sublabels":{"prefix":"Prefix","first":"First Name","middle":"Middle Name","last":"Last Name","suffix":"Suffix"},"5_readonly":"No","5_name":"fullName","5_qid":5,"5_type":"control_fullname","5_order":4,"6_receivesReceipts":"No","6_text":"E-mail","6_message":"","6_labelAlign":"Auto","6_required":"No","6_size":30,"6_validation":"Email","6_maxsize":"","6_defaultValue":"","6_subLabel":"","6_hint":"ex: myname@example.com","6_description":"","6_confirmation":"No","6_confirmationHint":"Confirm Email","6_readonly":"No","6_name":"email","6_qid":6,"6_type":"control_email","6_order":5,"7_text":"Optin","7_labelAlign":"Auto","7_description":"","7_required":"No","7_list":"-1","7_duplicatable":false,"7_name":"optin","7_qid":7,"7_type":"control_optin","7_order":6,"10_text":"Student ","10_message":"","10_labelAlign":"Auto","10_required":"No","10_options":"75","10_special":"None","10_allowOther":"No","10_otherText":"Other","10_selected":"","10_spreadCols":"3","10_description":"","10_mode":"radio_buttons","10_name":"input10","10_qid":10,"10_type":"control_amount","10_order":7,"9_text":"Couple ","9_message":"","9_labelAlign":"Auto","9_required":"No","9_options":"125","9_special":"None","9_allowOther":"No","9_otherText":"Other","9_selected":"","9_spreadCols":"3","9_description":"","9_mode":"radio_buttons","9_name":"input9","9_qid":9,"9_type":"control_amount","9_order":8,"11_labelAlign":"Auto","11_text":"Total","11_partialPayEnabled":"No","11_partialPayType":"dollar","11_partialPayMinimum":0,"11_required":"No","11_offsetGiftEnabled":"No","11_offsetGift":3,"11_name":"total","11_qid":11,"11_type":"control_totalamount","11_order":9,"8_text":"Payment","8_message":"","8_labelAlign":"Auto","8_required":"No","8_duplicatable":false,"8_selectedCountry":"","8_description":"","8_sublabels":{"cc_firstName":"First Name","cc_lastName":"Last Name","cc_type":"Credit Card Type","cc_number":"Credit Card Number","cc_ccv":"Security Code","cc_nameOnCard":"Name on Card","cc_IdNumber":"Israel Identity Number","cc_exp_month":"Expiration Month","cc_exp_year":"Expiration Year","eCheck_bankName":"Bank Name","eCheck_routingNumber":"Routing Number","eCheck_accountNumber":"Account Number","eCheck_accountType":"Account Type","addr_line1":"Street Address","addr_line2":"Street Address Line 2","city":"City","state":"State / Province","postal":"Postal / Zip Code","country":"Country"},"8_name":"payment","8_qid":8,"8_type":"control_payform","8_order":10,"8_options":{"currency":"default","creditCard":{"value":"Credit Card","enabled":true,"fields":[{"name":"ccv","value":"CCV","enabled":true},{"name":"nameOnCard","value":"Name on Card","enabled":true},{"name":"billingAddress","value":"Billing Address","enabled":true},{"name":"israelIdentityNumber","value":"Israel Identity Number","enabled":true}],"processorIndex":0,"type":[{"name":"Visa","value":"Visa","enabled":true},{"name":"Mastercard","value":"MasterCard","enabled":true},{"name":"Amex","value":"American Express","enabled":true},{"name":"Discover","value":"Discover","enabled":true},{"name":"Isracard","value":"Isracard","enabled":false}],"payMe":false},"paypal":{"value":"Paypal","enabled":false,"processorIndex":null},"eCheck":{"value":"eCheck","enabled":false},"other":{"value":"Other","enabled":false,"altText":"","message":""}},"12_text":"Submit","12_buttonAlign":"Auto","12_clear":"No","12_print":"No","12_name":"submit","12_qid":12,"12_type":"control_button","12_order":11,"form_title":"Learn to Read Hebrew in Five Sessions ","form_pagetitle":"Form","form_styles":"nova","form_font":"","form_fontsize":"14","form_fontcolor":"","form_optioncolor":"","form_lineSpacing":"12","form_background":"","form_formWidth":"685","form_labelWidth":"150","form_alignment":"Left","form_thankurl":"","form_thanktext":"","form_highlightLine":"Enabled","form_activeRedirect":"default","form_sendpostdata":"No","form_unique":"None","form_uniqueField":"\u003cField Id\u003e","form_status":"Enabled","form_injectCSS":"","form_hideMailEmptyFields":"disable","form_showProgressBar":"disable","form_formStrings":[{"alphabetic":"This field can only contain letters","alphanumeric":"This field can only contain letters and numbers.","confirmClearForm":"Are you sure you want to clear the form?","confirmEmail":"E-mail does not match","email":"Enter a valid e-mail address","generalError":"There are errors on the form. Please fix them before continuing.","generalPageError":"There are errors on this page. Please fix them before continuing.","gradingScoreError":"Score total should only be less than or equal to","incompleteFields":"There are incomplete required fields. Please complete them.","inputCarretErrorA":"Input should not be less than the minimum value:","inputCarretErrorB":"Input should not be greater than the maximum value:","lessThan":"Your score should be less than or equal to","maxDigitsError":"The maximum digits allowed is","maxSelectionsError":"The maximum number of selections allowed is","minSelectionsError":"The minimum required number of selections is","multipleFileUploads_emptyError":"{file} is empty, please select files again without it.","multipleFileUploads_minSizeError":"{file} is too small, minimum file size is {minSizeLimit}.","multipleFileUploads_onLeave":"The files are being uploaded, if you leave now the upload will be cancelled.","multipleFileUploads_sizeError":"{file} is too large, maximum file size is {sizeLimit}.","multipleFileUploads_typeError":"{file} has invalid extension. Only {extensions} are allowed.","numeric":"This field can only contain numeric values","pastDatesDisallowed":"Date must not be in the past.","pleaseWait":"Please wait...","required":"This field is required.","requireEveryRow":"Every row is required.","requireOne":"At least one field required.","submissionLimit":"Sorry! Only one entry is allowed.  Multiple submissions are disabled for this form.","uploadExtensions":"You can only upload following files:","uploadFilesize":"File size cannot be bigger than:"}],"form_limitSubmission":"No Limit","form_expireDate":"No Limit","form_messageOfLimitedForm":"This form is currently unavailable!","form_emails":[],"form_language":"","form_sendEmail":"Yes","form_style":"Default","form_theme":"nova","form_id":5965839,"form_formStringsChanged":"yes","form_slug":5965839}][0] || {}, window.formJson || {});
window.isSecureForm = true
});

			if (typeof(Userform) ==='undefined')
			{
				Userform={init:function(args){
					$j(function(){
						Userform.init.apply(Userform, [args]);
					})
				},
				setConditions:function(args){
					$j(function(){
						Userform.setConditions.apply(Userform, [args]);
					})
				}};
			}
</script><script type="text/javascript">
   Userform.init(function(){
      $('input_6').hint('ex: myname@example.com');
      Userform.alterTexts({"alphabetic":"This field can only contain letters","alphanumeric":"This field can only contain letters and numbers.","confirmClearForm":"Are you sure you want to clear the form?","confirmEmail":"E-mail does not match","email":"Enter a valid e-mail address","generalError":"There are errors on the form. Please fix them before continuing.","generalPageError":"There are errors on this page. Please fix them before continuing.","gradingScoreError":"Score total should only be less than or equal to","incompleteFields":"There are incomplete required fields. Please complete them.","inputCarretErrorA":"Input should not be less than the minimum value:","inputCarretErrorB":"Input should not be greater than the maximum value:","lessThan":"Your score should be less than or equal to","maxDigitsError":"The maximum digits allowed is","maxSelectionsError":"The maximum number of selections allowed is","minSelectionsError":"The minimum required number of selections is","multipleFileUploads_emptyError":"{file} is empty, please select files again without it.","multipleFileUploads_minSizeError":"{file} is too small, minimum file size is {minSizeLimit}.","multipleFileUploads_onLeave":"The files are being uploaded, if you leave now the upload will be cancelled.","multipleFileUploads_sizeError":"{file} is too large, maximum file size is {sizeLimit}.","multipleFileUploads_typeError":"{file} has invalid extension. Only {extensions} are allowed.","numeric":"This field can only contain numeric values","pastDatesDisallowed":"Date must not be in the past.","pleaseWait":"Please wait...","required":"This field is required.","requireEveryRow":"Every row is required.","requireOne":"At least one field required.","submissionLimit":"Sorry! Only one entry is allowed.  Multiple submissions are disabled for this form.","uploadExtensions":"You can only upload following files:","uploadFilesize":"File size cannot be bigger than:"});
   });
</script>
<style type="text/css" id="GenFormStyles">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding-top:12px;
        padding-bottom:12px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all {
        font-size:14px;
    }
.co_body .content .form-all p {
 font-size:14px;

}
@media screen and (max-width: 600px) {.form-label-left{	float:none;	display:block;}.form-buttons-wrapper.button-align-auto{text-indent: 0!important;}}</style>

<form class="userform-form" action="" method="post" name="form_5965839" id="5965839" accept-charset="utf-8"><input type="hidden" name="formID" value="5965839" /><div class="form-all dir_ltr" dir="ltr"><ul class="form-section"><li id="cid_1" class="form-input-wide"> <div class="form-header-group"><h2 id="header_1" class="form-header">Learn to Read Hebrew in Five Sessions</h2></div> </li><li class="form-line" id="id_3"><div id="cid_3" class="form-input-wide"> <img alt="" class="form-image" border="0" src="https://w2.chabad.org/media/images/1232/MpfR12324907.jpg" height="180" width="465" /> </div></li><li class="form-line" id="id_4"><div id="cid_4" class="form-input-wide"> <div id="text_4" class="form-html"><table width="650">
	<tbody>
		<tr>
			<td>
			<h1>Learn to Read Hebrew in 5 Weeks... Guaranteed!</h1>
			</td>
		</tr>
		<tr>
			<td>
			

			<p>'Read It In Hebrew'  is a cutting-edge, five-week Hebrew reading crash course developed by the Jewish Learning Institute. The course builds on decades of Hebrew teaching experience, presented in an aesthetically pleasing and highly successful experience. You've always wanted to... now's your chance!</p>

			<p><strong>5 WEDNESDAYS: August 9th - Sept 6th | 7:00 - 8:00 PM</strong></p>

			<p>Cost: $75/student, $125/couple</p>

			<p><em>(minimum of 10 students required)</em></p>
			</td>
		</tr>
	</tbody>
</table>

<p>Double-click to edit this text...</p>
</div> </div></li><li class="form-line" id="id_5"><div class="form-label-left" id="label_5"><label for="input_5"> Full Name </label><label class="label-message" for="input_5"> </label></div><div id="cid_5" class="form-input"> <span class="form-sub-label-container"><input class="form-textbox" type="text" size="10" name="q5_fullName[first]" id="first_5" autocomplete="given-name" />  <label class="form-sub-label" for="first_5" id="sublabel_first">First Name</label></span><span class="form-sub-label-container"><input class="form-textbox" type="text" size="15" name="q5_fullName[last]" id="last_5" autocomplete="family-name" />  <label class="form-sub-label" for="last_5" id="sublabel_last">Last Name</label></span> </div></li><li class="form-line" id="id_6"><div class="form-label-left" id="label_6"><label for="input_6"> E-mail </label><label class="label-message" for="input_6"> </label></div><div id="cid_6" class="form-input"> <input type="email" class=" form-textbox validate[Email]" id="input_6" name="q6_email" size="30" value="" autocomplete="email" /> </div></li><li class="form-line" id="id_7"><div class="form-label-left form-label-hidden" id="label_7"></div><div id="cid_7" class="form-input"> <div class="form-single-column form-checkbox-item"><input name="optin" value="true" type="checkbox" checked="checked" class="form-checkbox" id="input_7" /><label id="label_input_7" for="input_7">I would like to receive news and updates by email</label></div> </div></li><li class="form-line" id="id_10"><div class="form-label-left" id="label_10"><label for="input_10"> Student  </label><label class="label-message" for="input_10"> </label></div><div id="cid_10" class="form-input"> <div class="form-multiple-column" data-columns="3"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_10_0" name="q10_input10" value="75" /><label for="input_10_0"><span>$75</span></label></span><span class="clearfix"></span></div> </div></li><li class="form-line" id="id_9"><div class="form-label-left" id="label_9"><label for="input_9"> Couple  </label><label class="label-message" for="input_9"> </label></div><div id="cid_9" class="form-input"> <div class="form-multiple-column" data-columns="3"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_9_0" name="q9_input9" value="125" /><label for="input_9_0"><span>$125</span></label></span><span class="clearfix"></span></div> </div></li><li class="form-line" id="id_11"><div class="form-label-left" id="label_11"><label for="input_11"> Total </label></div><div id="cid_11" class="form-input"> <div id="total_amount">$0.00 </div> </div></li><li class="form-line" id="id_8"><div class="form-label-left" id="label_8"><label for="input_8"> Payment </label><label class="label-message" for="input_8"> </label></div><div id="cid_8" class="form-input"> <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2" class="form-payment-methods form-multiple-column"></td></tr><tr class="credit_card "><th colspan="2">Credit Card</th></tr><tr class="credit_card "><td colspan="2" style="padding:0"><table cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2"><span class="form-sub-label-container">  <label class="form-sub-label">We accept Visa, MasterCard, American Express, Discover</label></span><div class="cc-icons"><div class="cc-icon visa-icon"></div><div class="cc-icon mastercard-icon"></div><div class="cc-icon amex-icon"></div><div class="cc-icon discover-icon"></div></div><input type="hidden" name="q8_payment[cc_type]" id="input_8_cc_type" value="" /></td></tr><tr><td><div class="cc-field-wrapper"><span class="form-sub-label-container"><input class="form-textbox form-creditcard js-cc-number validate[visible, creditcard]" type="text" name="q8_payment[cc_number]" id="input_8_cc_number" autocomplete="cc-number" size="20" />  <label class="form-sub-label" for="input_8_cc_number" id="sublabel_cc_number">Credit Card Number</label></span></div></td><td class="cc_ccv "><span class="form-sub-label-container"><input class="form-textbox validate[visible]" type="text" name="q8_payment[cc_ccv]" id="input_8_cc_ccv" autocomplete="cc-csc" size="6" />  <label class="form-sub-label" for="input_8_cc_ccv" id="sublabel_cc_ccv">Security Code</label></span></td></tr><tr><td colspan="2" class="cc_name_on_card "><span class="form-sub-label-container"><input class="form-textbox validate[visible]" type="text" name="q8_payment[cc_nameOnCard]" id="input_8_cc_nameOnCard" autocomplete="cc-name" size="33" />  <label class="form-sub-label" for="input_8_cc_nameOnCard" id="sublabel_cc_nameOnCard">Name on Card</label></span></td></tr><tr class="credit_card "><td colspan=""><span class="form-sub-label-container"><select class="form-textbox validate[visible]" name="q8_payment[cc_exp_month]" id="input_8_cc_exp_month" autocomplete="cc-exp-month"><option></option><option value="1">1 - January</option><option value="2">2 - February</option><option value="3">3 - March</option><option value="4">4 - April</option><option value="5">5 - May</option><option value="6">6 - June</option><option value="7">7 - July</option><option value="8">8 - August</option><option value="9">9 - September</option><option value="10">10 - October</option><option value="11">11 - November</option><option value="12">12 - December</option></select>  <label class="form-sub-label" for="input_8_cc_exp_month" id="sublabel_cc_exp_month">Expiration Month</label></span></td><td><span class="form-sub-label-container"><select class="form-textbox validate[visible]" name="q8_payment[cc_exp_year]" id="input_8_cc_exp_year" autocomplete="cc-exp-year"><option></option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option></select>  <label class="form-sub-label" for="input_8_cc_exp_year" id="sublabel_cc_exp_year">Expiration Year</label></span></td></tr></tbody></table></td></tr><tr class="billing_address "><th colspan="2">Billing Address</th></tr><tr class="billing_address "><td colspan="2"><span class="form-sub-label-container"><input class="form-textbox form-address-line" type="text" name="q8_payment[addr_line1]" id="input_8_addr_line1" autocomplete="billing address-line1" />  <label class="form-sub-label" for="input_8_addr_line1" id="sublabel_8_addr_line1">Street Address</label></span></td></tr><tr class="billing_address "><td colspan="2"><span class="form-sub-label-container"><input class="form-textbox form-address-line no-validation" type="text" name="q8_payment[addr_line2]" id="input_8_addr_line2" size="46" autocomplete="billing address-line2" />  <label class="form-sub-label" for="input_8_addr_line2" id="sublabel_8_addr_line2">Street Address Line 2</label></span></td></tr><tr class="billing_address "><td width="50%"><span class="form-sub-label-container"><input class="form-textbox form-address-city" type="text" name="q8_payment[city]" id="input_8_city" autocomplete="billing address-level2" />  <label class="form-sub-label" for="input_8_city" id="sublabel_8_city">City</label></span></td><td><span class="form-sub-label-container"><input class="form-textbox form-address-state" type="text" name="q8_payment[state]" id="input_8_state" autocomplete="billing address-level1" />  <label class="form-sub-label" for="input_8_state" id="sublabel_8_state">State / Province</label></span></td></tr><tr class="billing_address "><td width="50%"><span class="form-sub-label-container"><input class="form-textbox form-address-postal" type="text" name="q8_payment[postal]" id="input_8_postal" size="10" autocomplete="billing postal-code" />  <label class="form-sub-label" for="input_8_postal" id="sublabel_8_postal">Postal / Zip Code</label></span></td><td><span class="form-sub-label-container"><select class="form-dropdown form-address-country" name="q8_payment[country]" id="input_8_country" autocomplete="billing country-name"><option value="" selected="selected">Please Select</option><option value="United States">United States</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="The Bahamas">The Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><option value="Botswana">Botswana</option><option value="Brazil">Brazil</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="People's Republic of China">People's Republic of China</option><option value="Republic of China">Republic of China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Cote d'Ivoire">Cote d'Ivoire</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Eswatini">Eswatini</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Polynesia">French Polynesia</option><option value="Gabon">Gabon</option><option value="The Gambia">The Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guernsey">Guernsey</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jersey">Jersey</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="North Korea">North Korea</option><option value="South Korea">South Korea</option><option value="Kosovo">Kosovo</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana">Northern Mariana</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Islands">Pitcairn Islands</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Barthelemy">Saint Barthelemy</option><option value="Saint Helena">Saint Helena</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Martin">Saint Martin</option><option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option><option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe">Sao Tome and Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="Somaliland">Somaliland</option><option value="South Africa">South Africa</option><option value="South Ossetia">South Ossetia</option><option value="Spain">Spain</option><option value="Sri Lanka">Sri Lanka</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard">Svalbard</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Timor-Leste">Timor-Leste</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tristan da Cunha">Tristan da Cunha</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks and Caicos Islands">Turks and Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Vatican City">Vatican City</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="British Virgin Islands">British Virgin Islands</option><option value="US Virgin Islands">US Virgin Islands</option><option value="Wallis and Futuna">Wallis and Futuna</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option><option value="other">Other</option></select>  <label class="form-sub-label" for="input_8_country" id="sublabel_8_country">Country</label></span></td></tr></tbody></table> </div></li><li class="form-line" id="id_12"><div id="cid_12" class="form-input-wide"> <div style="text-align: center; text-indent:156px;" class="form-buttons-wrapper button-align-auto"><button id="input_12" type="submit" class="form-submit-button  form-submit-button-none;">Submit</button></div> </div></li><li style="display:none">Should be Empty: <input type="text" name="website" value="" /></li></ul></div><input type="hidden" id="simple_spc" name="simple_spc" value="5965839" /><script type="text/javascript">document.getElementById("si"+"mple"+"_spc").value = "5965839-5965839";</script><div>


<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="5ef67a30-4faa-489a-ae98-63c7272def2c" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="5ef67a30-4faa-489a-ae98-63c7272def2c"></div>	
</div></form></div>
<div class="center small">
	<img valign="absbottom" src="https://w2.chabad.org/images/global/icons/lock.gif" width="16" height="16" alt="Secure"> This page uses TLS encryption to keep your data secure.
</div>
	<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="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">Aug. 14, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=8/14/2026&sectionid=1195802&mosadid=6503&cat=">
Friday Night Services
</a>
</div>
</div>

<div class="item normal-width">
<div class="co_date">Aug. 15, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=8/15/2026&sectionid=1195802&mosadid=6503&cat=">
Shabbat Services
</a>
</div>
</div>

<div class="item normal-width">
<div class="co_date">Aug. 21, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=8/21/2026&sectionid=1195802&mosadid=6503&cat=">
Friday Night Services
</a>
</div>
</div>

<div class="item last normal-width">
<div class="co_date">Aug. 22, 2026</div>
<div class="co_title_calendar">
<a href="/calendar/view/events.asp?tdate=8/22/2026&sectionid=1195802&mosadid=6503&cat=">
Shabbat Services
</a>
</div>
</div>

</div>
</div>
</div>
<div class="co_calendar_footer" ></div>
</div>
</div>
<div id="back-to-top">
<a href="#" ></a>
</div>

</div>
</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/Chabad-adult-education/js/main.js?v=12"></script>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></script>
<!-- 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%2f5965839%2fjewish%2fLearn-to-Read-Hebrew.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=Learn+to+Read+Hebrew+-+CHAI+CENTER-CHABAD&amp;url=https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f5965839%2fjewish%2fLearn-to-Read-Hebrew.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=Learn+to+Read+Hebrew+-+CHAI+CENTER-CHABAD https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f5965839%2fjewish%2fLearn-to-Read-Hebrew.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%2f5965839%2fjewish%2fLearn-to-Read-Hebrew.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Learn+to+Read+Hebrew+-+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, 1314483);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?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.inputmask.min.js?v=BF33D3B4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.prettyPhoto.js?v=DEFC22CC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/scroller.js?v=AE99E00D"></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?v=CB0AFCAD"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/forms/userform.js?v=E69144BF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/FormDecoder.js?v=83AF6F1A"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></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     = '5965839';Co.SectionId     = 1314483;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>