<!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="Contact,us," />
<meta name="title" content="Contact us - CHAI CENTER-CHABAD" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="390169-390177-1200074-1110046" />
<meta name="article-keywords" content="2185-6760-2170-2898" />
<meta name="scope-aid" content="390169" />
<meta name="scope-aid" content="390177" />
<meta name="scope-aid" content="1200074" />
<meta name="scope-aid" content="1110046" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="6760" />
<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/1110046/jewish/Contact-us.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Contact us - CHAI CENTER-CHABAD" /><link rel="canonical" href="https://www.mychaicenter.com/templates/articlecco_cdo/aid/1110046/jewish/Contact-us.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=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D1B7903A" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/global.css?v=1F4BAE3C" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/template5/skins/beige.css?v=BF266C27" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/navy.css?v=3EC905C4" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/fundraising/FundraisingTickerltr.css?v=AAA2454B" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Contact us - CHAI CENTER-CHABAD
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2010-01-29","primaryArticleId":1110046,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Every jewish voice ","contentLevel3":"Contact us ","siteName":"CHAI CENTER-CHABAD"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":25,"hebrewDate":"5786-03-22"}});
		dataLayer.push({ 'articleHierarchy': '-390169-390177-1200074-1110046-', 'keywords': '-k2898-k2170-k6760-k2185-', 'k': '-390169-390177-1200074-1110046--k2898-k2170-k6760-k2185-' });
	
</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">

	


	
	<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 = "636043176000000000";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper desktop-only" data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="6486697" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/6486697/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/6486697/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="6486697"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7349975" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7349976/jewish/Our-Recipe.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="7349976">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Our Recipe</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349977/jewish/Volunteer.htm" class="item" id="menu_item2-2" data-menu-level="2" data-aid="7349977">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Volunteer</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349981/jewish/Donate.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="7349981">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Donate</span>
</a>
<a href="/templates/articlecco_cdo/aid/7349982/jewish/Contact-Us.htm" class="item" id="menu_item2-4" data-menu-level="2" data-aid="7349982">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Contact Us</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7349978/jewish/Upcoming-Events.htm" class="child_item default" data-menu-level="3" data-aid="7349978"><span>Upcoming Events</span></a>
<a href="/templates/articlecco_cdo/aid/7349979/jewish/Join-the-Volunteer-List.htm" class="child_item default" data-menu-level="3" data-aid="7349979"><span>Join the Volunteer List</span></a>
<a href="/templates/articlecco_cdo/aid/7349980/jewish/Create-Your-Own-Kindness-Project.htm" class="child_item default" data-menu-level="3" data-aid="7349980"><span>Create Your Own Kindness Project</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7349983/jewish/Refer-or-Request-a-Meal.htm" class="child_item default" data-menu-level="3" data-aid="7349983"><span>Refer or Request a Meal</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/7349975/jewish/Kitchen-of-Kindness.htm" class="parent">Kitchen&nbsp;of<br />Kindness</a></div></span><a href="/templates/section_cdo/aid/7349975/jewish/Kitchen-of-Kindness.htm" class="bg_extension js-parent-menu-link" data-aid="7349975"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="5330464" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.mychaicenter.com/building" class="parent">Capital<br />Campaign</a></div></span><a href="http://www.mychaicenter.com/building" class="bg_extension js-parent-menu-link" data-aid="5330464"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="1314483" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/5618285/jewish/JLI.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="5618285">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>JLI</span>
</a>
<a href="/templates/articlecco_cdo/aid/5965839/jewish/Learn-to-Read-Hebrew.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="5965839">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Learn to Read Hebrew </span>
</a>
<a href="/templates/articlecco_cdo/aid/1314485/jewish/Instructors.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="1314485">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Instructors</span>
</a>
<a href="/templates/articlecco_cdo/aid/1314487/jewish/Online-Study.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="1314487">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Online Study</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/1314483/jewish/Adult-Education.htm" class="parent">Adult<br />Education</a></div></span><a href="/templates/section_cdo/aid/1314483/jewish/Adult-Education.htm" class="bg_extension js-parent-menu-link" data-aid="1314483"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7351781" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.chaicentermikvah.com" class="parent">Chai&nbsp;Center<br />Mikvah</a></div></span><a href="http://www.chaicentermikvah.com" class="bg_extension js-parent-menu-link" data-aid="7351781"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7350292" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/section_cdo/aid/7350292/jewish/Chai-Center-Event-Hall.htm" class="parent">Chai&nbsp;Center<br />Event&nbsp;Hall</a></div></span><a href="/templates/section_cdo/aid/7350292/jewish/Chai-Center-Event-Hall.htm" class="bg_extension js-parent-menu-link" data-aid="7350292"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="3728917" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://www.mychaicenterpreschool.com" class="parent">Preschool</a></div></span><a href="http://www.mychaicenterpreschool.com" class="bg_extension js-parent-menu-link" data-aid="3728917"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="4128868" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="parent">Donate<br />Online</a></div></span><a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="bg_extension js-parent-menu-link" data-aid="4128868"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/1200074/jewish/Every-jewish-voice.htm",
      "name": "Every jewish voice "
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/article.asp?aid=1110046",
      "name": "Contact us "
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/1200074/jewish/Every-jewish-voice.htm' data-aid="1200074">
				Every jewish voice 
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Contact us </h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g960" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g960 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" >
	


		<form 
			autocomplete="off" 
			action="/templates/articlecco.asp?aid=1110046" 
			method="post" id="form1" 
			
			onSubmit="return Co.Forms.Validation.Validate(this);">
			<input type="hidden" name="site" value="">
			<input type="hidden" name="sc" value="">
		
			<div >
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
    <div id="formBody">
      <p class="SCHeading_1" style="text-align: left"><span style="font-size: 12px">   <img border="0" alt="Slide1.JPG" src="https://w2.chabad.org/media/images/424/YUNv4242658.jpg"></span></p>
<p style="text-align: left"> <span style="font-size: 14px">                         <img border="0" alt="Slide2.JPG" style="width: 226px; height: 25px" src="https://w2.chabad.org/media/images/424/mTBX4242662.jpg">                              </span> <span style="font-size: 14px">     </span></p>
<p class="SCHeading_1" style="text-align: left"> </p>
<div style="text-align: center; background-color: #4393b9; width: 315px; float: left; color: #ffffff; font-weight: bold"><span style="font-size: 14px">You may also contact us using this form</span></div>
<table cellspacing="5" cellpadding="0" style="background-color: #4393b9; width: 55.37%; float: left; height: 426px; color: white">
        <tbody>
          <tr>
            <td><span style="font-size: 14px">First Name:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextFirstName" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextFirstName" type="text"> <span id="ctl00_ContentMainContent_RequiredFieldValidator1" isvalid="true" initialvalue="" errormessage="First name missing" controltovalidate="ctl00_ContentMainContent_TextFirstName" style="visibility: hidden; color: red">*</span></span></td>
          </tr>
<tr>
            <td style="text-align: right; height: 24px"><span style="font-size: 14px">Last Name:</span></td>
            <td style="height: 24px"><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextLastName" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextLastName" type="text"> <span id="ctl00_ContentMainContent_RequiredFieldValidator2" isvalid="true" initialvalue="" errormessage="Last name missing" controltovalidate="ctl00_ContentMainContent_TextLastName" style="visibility: hidden; color: red">*</span></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">Email:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextEmail" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextEmail" type="text"> <span id="ctl00_ContentMainContent_RequiredFieldValidator3" isvalid="true" initialvalue="" errormessage="Email missing" controltovalidate="ctl00_ContentMainContent_TextEmail" display="Dynamic" style="display: none; color: red">*</span> <span id="ctl00_ContentMainContent_RegularExpressionValidator1" isvalid="true" errormessage="Invalid email address" controltovalidate="ctl00_ContentMainContent_TextEmail" display="Dynamic" validationexpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" style="display: none; color: red">*</span></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">Address:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextAddress" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextAddress" type="text"></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">Address 2:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextAddress2" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextAddress2" type="text"></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">City:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextCity" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextCity" type="text"></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">State:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextState" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextState" type="text"></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">Zip:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextZip" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextZip" type="text"></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">Telephone:</span></td>
            <td><span style="font-size: 14px"><input id="ctl00_ContentMainContent_TextTelephone" required="false" style="width: 180px" name="ctl00$ContentMainContent$TextTelephone" type="text"></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px">Message:</span></td>
            <td><span style="font-size: 14px"><textarea id="ctl00_ContentMainContent_TextMessage" rows="12" required="true" style="width: 180px; height: 197px" name="ctl00$ContentMainContent$TextMessage"></textarea>
 <span id="ctl00_ContentMainContent_RequiredFieldValidator4" isvalid="true" initialvalue="" errormessage="Message mising" controltovalidate="ctl00_ContentMainContent_TextMessage" style="visibility: hidden; color: red">*</span></span></td>
          </tr>
<tr>
            <td><span style="font-size: 14px"> </span></td>
            <td> </td>
          </tr>
        </tbody>
      </table>
<div id="ContactUsContainer"><br>
<br>
<span style="font-size: 14px">                                 </span></div>
<p>  </p>
<div id="ContactUsContainer"> </div>
<p><br>
<br>
<br>
<br>
 </p>
<p class="SCHeading_1" style="text-align: left"> </p>
<p class="SCHeading_1" style="text-align: left"><span style="font-size: 14px">                                                                         </span><span id="1273011486098E" style="display: none; font-size: 14px"> </span></p>
<p class="SCHeading_1" style="text-align: left"><span style="font-size: 14px"> </span></p>
<p class="SCHeading_1" style="text-align: center"> </p>
    </div>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
					<div class="clearfix">
                    	


<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="f9452e72-393b-435e-b672-837843470a10" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="f9452e72-393b-435e-b672-837843470a10"></div>	

                    </div>
				
					<!------Begin Close Form------->
					<div class="ccoFormFooter">
						
							<div class="small bold center bottom_padding">
								<div class="grey f-small"></div></div>
						
						<div align="center"><input type="submit" value="Submit" name="SubmitCCO" tabindex="1000"/>
							<input type="reset" value="Reset" tabindex="1001" id="reset1" name="reset1"/></div>
						
							<p align="center" style="font-size: 8pt; color: #666666; font-family: Verdana, Helvetica; margin-bottom: 3px; margin-top: 6px;">
								<img valign="absbottom" src="https://w2.chabad.org/images/global/icons/lock.gif" width="16" height="16" alt="Secure"/>
								This page uses 128 bit SSL encryption to keep your data secure.
							</p>
						
					</div>
				
				<input type="hidden" name="FormCCOSubmited" value="true"/>
			</form>
			<!------End Close Form------->
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			
		</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%2f1110046%2fjewish%2fContact-us.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=Contact+us+-+CHAI+CENTER-CHABAD&amp;url=https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f1110046%2fjewish%2fContact-us.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=Contact+us+-+CHAI+CENTER-CHABAD https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f1110046%2fjewish%2fContact-us.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%2f1110046%2fjewish%2fContact-us.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Contact+us+-+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, 1200074);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=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=16F176A4"></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=D421ABC8"></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/custom/commentsloader.js?v=AD6AAB79"></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     = '1110046';Co.SectionId     = 1200074;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: '$6,819', val: 'Convection oven, gas $6,819' },
        { label: 'Faucet, kettle/pot filler',         amount: '$348',   val: 'Faucet, kettle/pot filler $348' },
        { label: 'Hotplate, countertop, gas',         amount: '$2,392', val: 'Hotplate, countertop, gas $2,392' },
        { label: 'Griddle, gas, countertop',          amount: '$1,062', val: 'Griddle, gas, countertop $1,062' },
        { label: 'Gas floor fryer',                   amount: '$1,906', val: 'Gas floor fryer $1,906' },
        { label: 'Work table, L-shaped',              amount: '$3,144', val: 'Work table, L-shaped $3,144' },
        { label: 'Shelving, wall mounted',            amount: '$270',   val: 'Shelving, wall mounted $270' },
        { label: 'Work table, 48", stainless steel top', amount: '$753', val: 'Work table, 48", stainless steel top $753' },
        { label: 'Reach-in refrigerator',             amount: '$3,144', val: 'Reach-in refrigerator $3,144' },
        { label: 'Planetary mixer',                   amount: '$6,775', val: 'Planetary mixer $6,775' },
      ]
    },
    {
      cid: 'cid_5', inputName: 'q5_input5[]', layout: 'grid', alt: [],
      items: [
        { label: 'Convection oven, gas',                  amount: '$11,923', val: 'Convection oven, gas $11,923' },
        { label: 'Gas floor fryer',                       amount: '$1,906',  val: 'Gas floor fryer $1,906' },
        { label: 'Charbroiler, gas, countertop',          amount: '$2,964',  val: 'Charbroiler, gas, countertop $2,964' },
        { label: 'Range, 36", 6 open burners',            amount: '$3,996',  val: 'Range, 36", 6 open burners $3,996' },
        { 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: '$1,526',  val: 'Work table, 84", stainless steel top $1,526' },
        { label: 'Shelving, wall mounted',                amount: '$790',    val: 'Shelving, wall mounted $790' },
        { label: 'Work table, 48", stainless steel top',  amount: '$753',    val: 'Work table, 48", stainless steel top $753' },
      ]
    },
    {
      cid: 'cid_6', inputName: 'q6_input6[]', layout: 'grid', alt: [],
      items: [
        { label: 'Soiled dishtable',                      amount: '$1,426',  val: 'Soiled dishtable $1,426' },
        { label: 'Dishtable sorting shelf',               amount: '$662',    val: 'Dishtable sorting shelf $662' },
        { label: 'Dishwasher, door type, ventless',       amount: '$15,414', val: 'Dishwasher, door type, ventless $15,414' },
        { label: 'Clean dishtable',                       amount: '$677',    val: 'Clean dishtable $677' },
        { label: 'Three (3) compartment sink',            amount: '$3,514',  val: 'Three (3) compartment sink $3,514' },
        { label: 'Overshelf',                             amount: '$649',    val: 'Overshelf $649' },
        { label: 'Hand sink',                             amount: '$576',    val: 'Hand sink $576' },
        { label: 'Ice maker, cube-style',                 amount: '$3,865',  val: 'Ice maker, cube-style $3,865' },
        { 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,700',  val: 'Freight $2,700' },
        { 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>