<!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="Counseling,Center," />
<meta name="title" content="Counseling Center - CHAI CENTER-CHABAD" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="390169-390177-1200074-1200275" />
<meta name="article-keywords" content="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="1200275" />
<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/1200275/jewish/Counseling-Center.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Counseling Center - CHAI CENTER-CHABAD" /><link rel="canonical" href="https://www.mychaicenter.com/templates/articlecco_cdo/aid/1200275/jewish/Counseling-Center.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>
	Counseling Center - CHAI CENTER-CHABAD
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2010-05-03","primaryArticleId":1200275,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Every jewish voice ","contentLevel3":"Counseling Center ","siteName":"CHAI CENTER-CHABAD"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":25,"hebrewDate":"5786-03-22"}});
		dataLayer.push({ 'articleHierarchy': '-390169-390177-1200074-1200275-', 'keywords': '-k2898-k2170-', 'k': '-390169-390177-1200074-1200275--k2898-k2170-' });
	
</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">

	


	
	<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=1200275",
      "name": "Counseling Center "
    }
  }
]
}
</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">Counseling Center </h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2010-05-03T18:51:58" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="CHAI CENTER-CHABAD" />
	<meta itemprop="brand" content="CHAI CENTER-CHABAD" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1243/dORX12430762.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2010-05-03T18:51:58" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
    <p><img border="0" alt="Slide4.JPG" src="https://w2.chabad.org/media/images/424/VYsU4242305.jpg"></p>
<p class="SCSmallText" style="text-align: center"><img border="0" alt="Slide1.JPG" src="https://w2.chabad.org/media/images/424/cVNk4242342.jpg"> </p>
<p class="SCSmallText" style="text-align: center"><span style="color: #993300"><em>Marital strife, parenting difficulties, trauma in the family, depression, anxiety, domestic violence, substance abuse, or other challenges that affect the lives of those who call ... Every Jewish Voice  listens and responds</em></span></p>
<p class="SCSmallText" style="text-align: center"><em>  <span style="font-family: Palatino Linotype; font-size: 14px">Every Jewish Voice Counseling Center .</span></em></p>
<p class="SCSmallText" style="text-align: center"><span style="font-family: Palatino Linotype; font-size: 14px">Today, when community members need help, Every Jewish Voice  is the place they turn to. Whether it be marital strife, parenting difficulties, trauma in the family, depression, anxiety, domestic violence, substance abuse, or other challenges that affect the lives of those who call... <em>Every Jewish Voice  </em>listens and responds. Every call is important and our director and therapists assure that the client receives appropriate services and referrals when needed. Our counseling center is directed by Rabbi Bronstein who starts the process with each client and then reffers each client to  social workers, psychologists, marriage and family therapists, and a consulting psychiatrist who work together as part of our interdisciplinary team. <em>Every Jewish Voice  </em>brings a variety of talents and expertise together to create a highly qualified team to best serve our clients.</span></p>
<p style="text-align: center"> <img border="0" alt="Slide2.JPG" src="https://w2.chabad.org/media/images/424/TilE4242341.jpg"></p>
<p> </p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="1200074" href="/templates/articlecco_cdo/aid/1200074/jewish/Every-jewish-voice.htm">Every jewish voice </a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first next_selected" data-menu-level="1">
									<a data-aid="1200274" href="/templates/articlecco_cdo/aid/1200274/jewish/About-Us.htm"><span>About Us</span></a>
								</div>
							
							
						
							
							
								<div class="item selected" data-menu-level="1">
									<a data-aid="1200275" href="/templates/articlecco_cdo/aid/1200275/jewish/Counseling-Center.htm"><span>Counseling Center </span></a>
									
								</div>
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1200276" href="/templates/articlecco_cdo/aid/1200276/jewish/Crisis-Intervention.htm"><span>Crisis Intervention</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1110046" href="/templates/articlecco_cdo/aid/1110046/jewish/Contact-us.htm"><span>Contact us </span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1200289" href="/templates/articlecco_cdo/aid/1200289/jewish/How-you-can-help.htm"><span>How you can help </span></a>
								</div>
							
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="1200290" href="/templates/articlecco_cdo/aid/1200290/jewish/Q-A-About-Every-Jewsih-Voice.htm"><span>Q & A About Every Jewsih Voice </span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div><!-- END CACHE -->

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="_self" href="/6399237">Chai Center Mikvah</a>
</h6>
<p>Women's Mikvah Spa </p>
<a href="/6399237" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1328/Qxhe13286242.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/6969521">Membership </a>
</h6>
<p>Sign up online the easy way</p>
<a href="/6969521" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1201/yFxA12012612.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/4970020">Donate</a>
</h6>
<p>Become a partner in our vital work</p>
<a href="/4970020" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/707/bVos7075854.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="http://www.mychaicenterpreschool.com">Preschool</a>
</h6>
<p>Watch your child blossom!</p>
<a href="http://www.mychaicenterpreschool.com" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1328/TQwi13286251.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/5618285">Adult Education & JLI</a>
</h6>
<p>To Learn is to Live!</p>
<a href="/5618285" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1328/jfDp13286257.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/1510773">Hebrew School</a>
</h6>
<p>Where children learn and love their Judaism!</p>
<a href="/1510773" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1201/CueQ12012591.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</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%2f1200275%2fjewish%2fCounseling-Center.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=Counseling+Center+-+CHAI+CENTER-CHABAD&amp;url=https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f1200275%2fjewish%2fCounseling-Center.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=Counseling+Center+-+CHAI+CENTER-CHABAD https%3a%2f%2fwww.mychaicenter.com%2ftemplates%2farticlecco_cdo%2faid%2f1200275%2fjewish%2fCounseling-Center.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%2f1200275%2fjewish%2fCounseling-Center.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Counseling+Center+-+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/modules/pagetools.js?v=930B07AB"></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/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     = '1200275';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>